@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('./fonts/dm-sans-latin.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url('./fonts/manrope-latin.woff2') format('woff2')}
:root{--ink:#243d33;--muted:#66786d;--accent:#44715a;--line:rgba(67,91,71,.12);--glass:rgba(255,255,255,.38);--field:rgba(255,255,255,.48);--bg:#edf0e9;--glow:#c9ddb4;--glow2:#dfdac1;--shadow:rgba(49,70,43,.06)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif;min-height:100svh;overflow-x:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.ambient{position:fixed;pointer-events:none;border-radius:50%;z-index:-2;filter:blur(90px)}.ambient-one{width:70vw;height:80vh;background:var(--glow);opacity:.65;left:25%;top:4%}.ambient-two{width:55vw;height:60vh;background:var(--glow2);opacity:.6;left:-20%;bottom:-30%}.grain{position:fixed;inset:0;opacity:.025;z-index:10;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.glass{background:var(--glass);border:1px solid rgba(255,255,255,.76);box-shadow:0 8px 40px var(--shadow),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.topbar{height:90px;max-width:1600px;margin:auto;display:flex;align-items:center;padding:0 45px;justify-content:space-between}.icon-button{display:grid;place-items:center;background:transparent;width:34px;height:34px;border-radius:50%;transition:background .2s}.icon-button:hover{background:rgba(127,145,114,.13)}.icon-button svg{width:18px;height:18px}.reverse{transform:rotate(180deg)}
.workspace{display:grid;grid-template-columns:284px minmax(0,1fr);gap:50px;max-width:1480px;margin:14px auto 0;padding:0 40px 30px;position:relative;align-items:start}.settings{padding:24px 22px 18px;border-radius:24px;align-self:start}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}h1{font:600 20px Manrope,sans-serif;letter-spacing:-.7px;margin:0}.field-label{font-weight:600;font-size:11px;margin-bottom:11px}.segmented{display:flex;padding:4px;border:1px solid var(--line);background:rgba(142,160,129,.08);border-radius:11px}.segmented button{width:50%;font-size:11px;font-weight:550;padding:9px 2px;background:transparent;color:var(--muted);border-radius:8px}.segmented button.active{background:var(--field);color:var(--ink);box-shadow:0 2px 6px var(--shadow),0 0 0 1px rgba(255,255,255,.6)}.salary-wrap{display:flex;align-items:center;gap:8px;margin:12px 0 13px;padding:13px 11px;background:var(--field);border:1px solid rgba(255,255,255,.5);border-radius:11px}.salary-wrap>span:first-child{font-size:21px;color:var(--muted)}.salary-wrap input{font:500 25px Manrope,sans-serif;width:100%;min-width:0;background:none;border:0;letter-spacing:-1px;padding:0}.salary-wrap input::-webkit-inner-spin-button{appearance:none}#pay-unit{font-size:10px;white-space:nowrap;color:var(--muted)}.currency-field{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}select{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--field);font-size:10px;cursor:pointer}.schedule-details{margin-top:20px}.schedule-details summary{cursor:pointer;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;list-style:none}.schedule-details summary::-webkit-details-marker{display:none}.schedule-details summary span{margin-left:auto;font-weight:400;color:var(--muted);font-size:9px}.schedule-details svg{width:12px;height:12px}.schedule-details[open] summary svg{transform:rotate(90deg)}.schedule-fields{display:flex;gap:10px;margin-top:14px}.schedule-fields label,.day-fields label{font-size:10px;color:var(--muted);flex:1;min-width:0}.schedule-fields input,.day-fields input{display:block;width:100%;background:var(--field);border:1px solid var(--line);border-radius:8px;padding:9px 7px;margin-top:7px;font-size:12px}.divider{height:1px;background:var(--line);margin:25px 0}.mode-options{display:flex;flex-direction:column;gap:9px}.mode-option{padding:14px 11px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:transparent;text-align:left}.mode-option.active{border-color:rgba(91,125,84,.4);background:rgba(199,220,179,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.mode-icon{font-size:20px;width:22px;display:grid;place-items:center;color:var(--accent)}.mode-icon svg{width:18px;height:18px}.mode-option strong{font-size:11px;font-weight:550}.radio-dot{width:13px;height:13px;border:1px solid #a4b19c;border-radius:50%;margin-left:auto;flex-shrink:0}.mode-option.active .radio-dot{border:4px solid var(--accent);background:var(--bg)}.secondary-mode{margin-top:6px}.secondary-mode:not(.active){border-color:transparent;color:var(--muted);background:rgba(255,255,255,.12)}.day-fields{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 1px 0}.day-fields>span{margin-top:17px;color:var(--muted)}.day-fields input{font-size:11px;padding:9px 5px}.day-fields p{flex-basis:100%;font-size:8px;color:var(--muted);margin:1px 0 0;line-height:1.5}.privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:8px;margin:25px 0 0}.privacy-note svg{height:10px;width:10px}
.open-settings{display:none;align-items:center;gap:8px;position:absolute;top:0;left:40px;border-radius:30px;padding:10px 15px;font-size:11px;z-index:2}.open-settings svg{width:16px;height:16px}.stage{min-width:0;min-height:calc(100svh - 145px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 15px 0}.counter-area{text-align:center;width:100%}.live-label{font-size:9px;font-weight:550;letter-spacing:1.8px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:#65926b;box-shadow:0 0 0 4px rgba(101,146,107,.09);animation:pulse 3s infinite}.counter{display:flex;justify-content:center;align-items:baseline;font:400 clamp(85px,10vw,160px)/1.25 Georgia,'Times New Roman',serif;letter-spacing:-7px;font-variant-numeric:tabular-nums;margin:8px 0 0;white-space:nowrap}.currency-symbol{font-size:.53em;letter-spacing:-1px;align-self:center;margin-right:10px;margin-top:3px;color:var(--accent)}.counter-cents{color:var(--accent)}.tracking-meta{display:flex;justify-content:center;gap:14px;align-items:center;font-size:11px;color:var(--muted);margin-top:4px}.tracking-meta>span:not([hidden])+span:not(:empty):before{content:'·';margin-right:14px;color:#98ac94}.time-chip{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-variant-numeric:tabular-nums;margin-top:15px;color:var(--muted);min-height:16px}.chip-muted{color:var(--muted);font-weight:400}.clock-icon{border:1px solid var(--muted);width:11px;height:11px;border-radius:50%;position:relative;margin-right:1px}.clock-icon:after{content:'';position:absolute;left:4px;top:2px;width:3px;height:3px;border-left:1px solid var(--muted);border-bottom:1px solid var(--muted)}
.orb-scene{position:relative;width:340px;height:251px;align-self:center;margin-top:20px}.orb{width:174px;height:174px;position:absolute;left:83px;top:20px;border-radius:50%;background:radial-gradient(ellipse at 32% 22%,rgba(255,255,255,.85),rgba(255,255,255,.06) 48%,rgba(255,255,255,.22) 75%),linear-gradient(130deg,rgba(221,238,210,.35),rgba(142,177,123,.12));border:1px solid rgba(255,255,255,.83);box-shadow:inset 3px 4px 12px rgba(255,255,255,.75),inset -8px -8px 20px rgba(115,151,95,.14),0 20px 34px rgba(99,129,80,.12),1px 1px 2px rgba(78,111,64,.13);overflow:hidden;animation:bob 7s ease-in-out infinite}.orb-liquid{position:absolute;height:40%;width:100%;bottom:0;left:0;background:linear-gradient(145deg,rgba(176,211,143,.68),rgba(117,167,90,.7));transition:height 2s}.wave{width:350px;height:350px;position:absolute;bottom:calc(100% - 21px);left:50%;margin-left:-175px;border-radius:43%;background:rgba(180,212,152,.65);animation:wave 13s linear infinite;transform-origin:center}.wave-two{background:rgba(225,243,202,.48);border-radius:45%;animation:wave 18s linear infinite reverse;bottom:calc(100% - 13px)}.orb-shine{position:absolute;left:30px;top:15px;width:75px;height:35px;border-radius:50%;background:linear-gradient(165deg,rgba(255,255,255,.8),transparent);transform:rotate(-35deg);filter:blur(3px)}.orb-symbol{position:absolute;left:0;top:45px;width:100%;text-align:center;font-family:Georgia,serif;font-size:65px;line-height:1;color:rgba(255,255,255,.75);text-shadow:1px 2px 4px rgba(98,139,70,.12);transform:rotate(-4deg)}.orb-bubble{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.15)}.bubble-one{width:7px;height:7px;left:40px;bottom:22px;animation:bubble 8s infinite}.bubble-two{width:4px;height:4px;left:120px;bottom:32px;animation:bubble 11s infinite}.bubble-three{width:5px;height:5px;left:100px;bottom:13px;animation:bubble 6s infinite}.orb-halo{position:absolute;left:40px;top:-15px;width:260px;height:260px;border-radius:50%;background:radial-gradient(ellipse,rgba(190,219,155,.34),transparent 65%)}.orbit{position:absolute;left:25px;top:44px;width:290px;height:125px;border-radius:50%;border:1px solid rgba(255,255,255,.38);transform:rotate(-24deg)}.orbit-two{width:250px;left:45px;top:30px;height:170px;transform:rotate(30deg);border-color:rgba(133,163,113,.11)}.orb-shadow{position:absolute;left:104px;top:205px;width:132px;height:14px;border-radius:50%;background:rgba(85,115,67,.12);filter:blur(10px)}.star{position:absolute;color:var(--accent);opacity:.45}.star-one{left:51px;top:42px;font-size:23px}.star-two{right:45px;top:133px;font-size:13px}.star-three{right:65px;top:16px;font-size:16px}.floating-coin{position:absolute;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.25);border-radius:50%;color:var(--accent);font-size:15px;box-shadow:0 3px 8px rgba(81,116,55,.06);animation:bob 6s ease-in-out infinite}.coin-one{left:40px;top:151px;transform:rotate(-15deg)}.coin-two{right:38px;top:55px;animation-delay:-3s;width:19px;height:19px;font-size:12px}.orb-note{position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:10px;color:var(--muted);letter-spacing:.3px}
.orb-scene{height:300px;transform:scale(1.2);margin-top:25px;margin-bottom:8px;pointer-events:none}.orb{top:35px}.orb-symbol{top:45px}.orb-halo{top:0}.orb-shadow{top:220px}.orbit{top:60px}.orbit-two{top:45px}.orb-liquid{transition:height 1s linear}.session-controls{display:flex;justify-content:center;align-items:center;gap:9px;margin:0 0 22px;position:relative;z-index:1}.pause-button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:10px 21px;border-radius:25px}.pause-button:hover{background:var(--field)}.pause-button svg{width:15px;height:15px}.reset-button{color:var(--muted)}.reset-button svg{width:15px;height:15px}.stats-bar{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;border-radius:17px;padding:20px 5px;width:min(100%,700px)}.stats-bar>div{padding:0 24px;border-right:1px solid var(--line)}.stats-bar>div:last-child{border:0}.stat-label{display:block;font-size:8px;color:var(--muted);letter-spacing:1px;white-space:nowrap}.stats-bar strong{display:block;font:500 21px Manrope,sans-serif;letter-spacing:-.6px;margin-top:7px;font-variant-numeric:tabular-nums}.progress-stat>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.progress-stat strong{font-size:12px;margin:0;letter-spacing:0}.progress-track{height:4px;background:rgba(110,139,91,.13);border-radius:3px;margin-top:17px;overflow:hidden}.progress-track span{height:100%;display:block;width:0;border-radius:3px;background:var(--accent);opacity:.7;transition:width .5s linear}.settings-collapsed .workspace{grid-template-columns:minmax(0,1fr)}.settings-collapsed .settings{display:none}.settings-collapsed .open-settings{display:flex}.settings-collapsed .stage{max-width:1100px;width:100%;margin:auto}.focus-mode .counter{font-size:clamp(100px,13vw,190px)}.focus-mode .open-settings{opacity:.4}.focus-mode .open-settings:hover{opacity:1}.idle .live-dot,.paused .live-dot{animation:none;background:#98aa90;box-shadow:none}.idle .orb,.idle .wave,.idle .floating-coin,.idle .orb-bubble,.paused .orb,.paused .wave,.paused .floating-coin,.paused .orb-bubble{animation-play-state:paused}.idle .orb-bubble{opacity:0}
@keyframes wave{to{transform:rotate(360deg)}}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes bubble{0%{translate:0 0;opacity:0}20%{opacity:.8}100%{translate:4px -90px;opacity:0}}@keyframes pulse{50%{box-shadow:0 0 0 5px rgba(101,146,107,0)}}
@media(min-width:641px) and (max-height:800px){.topbar{height:70px}.workspace{margin-top:5px}.stage{min-height:calc(100svh - 110px)}.orb-scene{height:260px;transform:scale(1);margin-top:4px;margin-bottom:-5px}.counter{font-size:clamp(80px,10vw,135px)}.focus-mode .counter{font-size:clamp(90px,12vw,155px)}.settings{padding-top:20px}.panel-heading{margin-bottom:21px}.divider{margin:21px 0}.privacy-note{margin-top:18px}}
@media(max-width:1100px){.workspace{gap:25px;grid-template-columns:260px minmax(0,1fr);padding-left:27px;padding-right:27px}.settings{padding-left:18px;padding-right:18px}.stats-bar>div{padding:0 17px}.counter{font-size:clamp(70px,10vw,135px)}}
@media(max-width:850px){.workspace{grid-template-columns:235px minmax(0,1fr);gap:15px;padding-left:20px;padding-right:20px}.settings{padding:21px 15px 17px}.stage{padding-left:0;padding-right:0}.counter{font-size:clamp(65px,9vw,100px);letter-spacing:-5px}.tracking-meta{font-size:10px;gap:8px}.tracking-meta>span:not([hidden])+span:not(:empty):before{margin-right:8px}.stats-bar>div{padding:0 10px}.stats-bar strong{font-size:17px}.stat-label{font-size:7px;letter-spacing:.7px}.progress-stat strong{font-size:11px}.orb-scene{transform:scale(.95)}.salary-wrap{gap:5px}.salary-wrap input{font-size:22px}#pay-unit{font-size:9px}.topbar{padding:0 25px}.open-settings{left:22px}}
@media(max-width:640px){.topbar{height:76px;padding:0 23px}.workspace,.settings-collapsed .workspace{display:flex;flex-direction:column;padding:0 18px 25px;margin-top:0;gap:0}.stage{order:0;min-height:0;width:100%;padding-top:61px}.settings{order:1;width:100%;margin-top:28px;padding:24px}.open-settings{display:flex;left:22px;top:1px;padding:9px 12px;font-size:10px}.counter{font-size:clamp(65px,19vw,115px);letter-spacing:-5px;line-height:1.4}.currency-symbol{margin-right:7px}.live-label{font-size:8px;letter-spacing:1.5px}.tracking-meta{font-size:10px;margin-top:3px}.time-chip{font-size:9px;margin-top:14px}.orb-scene{height:290px;transform:scale(1.1);margin-top:20px;margin-bottom:4px;max-width:100%}.session-controls{margin-bottom:22px}.stats-bar{padding:19px 1px;border-radius:16px}.stats-bar>div{padding:0 12px}.stats-bar strong{font-size:18px}.stat-label{font-size:7px}.progress-stat strong{font-size:11px}.progress-track{margin-top:15px}.settings-collapsed .stage{max-width:none}.salary-wrap input{font-size:28px}.salary-wrap{padding:14px 13px}.day-fields input{font-size:13px;padding:11px}.day-fields p{font-size:9px}.privacy-note{font-size:9px}.mode-option{padding:15px}.mode-option strong{font-size:12px}.focus-mode .counter{font-size:clamp(65px,21vw,130px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.wave{bottom:auto;top:-13px}.wave-two{bottom:auto;top:-7px}

/* The clock-driven sky and the original mint theme share the same glass surfaces. */
:root{--glass-edge:rgba(255,255,255,.76);--glass-shine:rgba(255,255,255,.7);--liquid-light:#b0d38f;--liquid-deep:#75a75a}
body{transition:background-color 1.2s ease,color .6s ease}
.glass{border-color:var(--glass-edge);box-shadow:0 8px 40px var(--shadow),inset 0 1px 0 var(--glass-shine)}
.cycle-scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;opacity:0;transition:opacity 1.2s;background:linear-gradient(175deg,transparent 15%,color-mix(in srgb,var(--glow) 28%,transparent) 62%,color-mix(in srgb,var(--glow2) 55%,var(--bg)))}
.daylight .cycle-scene{opacity:1}.daylight .ambient-one{opacity:.3}.daylight .ambient-two{opacity:.3}
.sky-horizon{position:absolute;left:-15%;right:-15%;height:50%;bottom:-23%;border-radius:50%;background:var(--glow2);filter:blur(65px);opacity:.7}
.sky-sun{position:absolute;left:var(--sun-x);top:var(--sun-y);width:clamp(85px,10vw,150px);aspect-ratio:1;border-radius:50%;translate:-50% -50%;opacity:calc(var(--sun-opacity)*.65);background:radial-gradient(circle at 42% 37%,#fffdf0,#ffedc7 65%,#f6c9a2);box-shadow:0 0 60px 30px color-mix(in srgb,var(--glow) 65%,transparent),0 0 150px 80px color-mix(in srgb,var(--glow) 40%,transparent);filter:blur(.5px)}
.sky-moon{position:absolute;right:13%;top:15%;width:45px;aspect-ratio:1;border-radius:50%;opacity:calc(var(--night-opacity)*.75);background:radial-gradient(circle at 38% 32%,#f2f0e6,#c5d3ee);box-shadow:0 0 35px 8px rgba(196,213,255,.12),inset -8px -5px 12px rgba(98,118,166,.24)}
.sky-moon:before{content:'';position:absolute;inset:-6px -8px 10px 12px;background:var(--bg);border-radius:50%;box-shadow:-3px 3px 10px color-mix(in srgb,var(--bg) 55%,transparent)}
.sky-stars{position:absolute;inset:0;opacity:calc(var(--night-opacity)*.65);background-image:radial-gradient(1px 1px at 8% 15%,#fff 98%,transparent),radial-gradient(1px 1px at 18% 7%,#fff 98%,transparent),radial-gradient(1px 1px at 29% 29%,#fff 98%,transparent),radial-gradient(1.5px 1.5px at 39% 12%,#fff 98%,transparent),radial-gradient(1px 1px at 46% 37%,#fff 98%,transparent),radial-gradient(1px 1px at 54% 6%,#fff 98%,transparent),radial-gradient(1px 1px at 63% 23%,#fff 98%,transparent),radial-gradient(1.5px 1.5px at 71% 10%,#fff 98%,transparent),radial-gradient(1px 1px at 78% 40%,#fff 98%,transparent),radial-gradient(1px 1px at 92% 30%,#fff 98%,transparent),radial-gradient(1px 1px at 95% 8%,#fff 98%,transparent),radial-gradient(1px 1px at 11% 65%,#fff 98%,transparent),radial-gradient(1px 1px at 35% 52%,#fff 98%,transparent),radial-gradient(1px 1px at 66% 58%,#fff 98%,transparent),radial-gradient(1px 1px at 88% 71%,#fff 98%,transparent)}
.sky-cloud{position:absolute;width:45%;height:15%;border-radius:50%;background:var(--sky-light);filter:blur(45px);opacity:calc(var(--sun-opacity)*.27);rotate:-12deg}.sky-cloud-one{left:15%;top:18%}.sky-cloud-two{right:-10%;top:42%;width:50%;height:9%;rotate:8deg}
.daylight .orb-liquid{background:linear-gradient(145deg,color-mix(in srgb,var(--liquid-light) 80%,transparent),color-mix(in srgb,var(--liquid-deep) 84%,transparent))}
.daylight .wave{background:color-mix(in srgb,var(--liquid-light) 70%,transparent)}.daylight .wave-two{background:color-mix(in srgb,var(--liquid-light) 40%,rgba(255,255,255,.22))}
.daylight .orb{background:radial-gradient(ellipse at 32% 22%,color-mix(in srgb,var(--sky-light) 70%,transparent),rgba(255,255,255,.02) 50%,rgba(255,255,255,.13) 78%),linear-gradient(130deg,color-mix(in srgb,var(--liquid-light) 25%,transparent),color-mix(in srgb,var(--liquid-deep) 12%,transparent));border-color:var(--glass-edge);box-shadow:inset 3px 4px 12px var(--glass-shine),inset -8px -8px 20px color-mix(in srgb,var(--liquid-deep) 20%,transparent),0 20px 45px color-mix(in srgb,var(--liquid-deep) 18%,transparent)}
.daylight .orb-halo{background:radial-gradient(ellipse,color-mix(in srgb,var(--liquid-light) 26%,transparent),transparent 68%)}
.daylight .orb-shadow{background:color-mix(in srgb,var(--liquid-deep) 20%,transparent)}
.daylight .live-dot{background:var(--accent)}
.daylight .mode-option.active{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--liquid-light) 13%,transparent);box-shadow:inset 0 0 0 1px var(--glass-edge)}
.daylight .salary-wrap{border-color:var(--glass-edge)}.daylight .segmented{background:color-mix(in srgb,var(--ink) 4%,transparent)}
.daylight .segmented button.active{box-shadow:0 2px 6px var(--shadow),0 0 0 1px var(--glass-edge)}
.daylight .radio-dot{border-color:color-mix(in srgb,var(--muted) 65%,transparent)}.daylight .mode-option.active .radio-dot{border-color:var(--accent)}
.daylight .progress-track{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.daylight .tracking-meta>span:not([hidden])+span:not(:empty):before{color:var(--muted)}
.daylight .secondary-mode:not(.active){background:color-mix(in srgb,var(--field) 35%,transparent)}
.daylight select option{background:var(--bg);color:var(--ink)}
.daylight-setting{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:19px;margin-top:20px;font-size:10px;font-weight:500;cursor:pointer;position:relative;min-height:36px}
.daylight-setting>span:first-child{display:flex;align-items:center;gap:8px}.daylight-setting svg{width:15px;height:15px;color:var(--muted)}
.daylight-setting input{position:absolute;right:0;bottom:0;width:38px;height:22px;opacity:0;cursor:pointer;margin:0;z-index:1}
.switch-track{width:34px;height:20px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--muted) 18%,transparent);margin-left:auto;position:relative;transition:background .25s}
.switch-track:before{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--field);box-shadow:0 1px 4px var(--shadow);transition:translate .25s,background .25s}
.daylight-setting input:checked+.switch-track{background:var(--accent);border-color:transparent}.daylight-setting input:checked+.switch-track:before{translate:14px 0;background:var(--bg)}
.daylight-setting input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:4px}
.privacy-note{margin-top:16px}
@media(min-width:641px) and (max-height:800px){.settings{padding-bottom:14px}.panel-heading{margin-bottom:16px}.divider{margin:17px 0}.daylight-setting{margin-top:15px;padding-top:15px}.privacy-note{margin-top:12px}}
@media(max-width:640px){.sky-sun{width:90px}.sky-moon{right:10%;top:10%;width:30px}.sky-cloud{width:75%}.daylight-setting{font-size:12px;padding-top:21px;margin-top:23px;min-height:44px}.switch-track{width:38px;height:22px}.switch-track:before{width:14px;height:14px}.daylight-setting input:checked+.switch-track:before{translate:16px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Currency falls from behind the counter, into a transparent physical vessel. */
.counter-area{position:relative;z-index:2;pointer-events:none}
.jar-scene{position:relative;width:min(100%,480px);height:350px;flex-shrink:0;margin-top:-48px;margin-bottom:15px;z-index:1}
#money-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline:none}
#money-canvas.dragging{cursor:grabbing;touch-action:none}

@media(min-width:641px) and (max-height:800px){.jar-scene{width:min(100%,450px);height:325px;margin-top:-47px;margin-bottom:12px}.counter{font-size:clamp(80px,9.5vw,128px)}}
@media(max-width:850px) and (min-width:641px){.jar-scene{height:300px;width:100%;margin-top:-40px}}
@media(max-width:640px){.jar-scene{width:calc(100% + 20px);height:340px;margin-top:-30px;margin-bottom:17px}.counter-area{z-index:2}}
#money-canvas{mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.2) 10%,black 24%,black);-webkit-mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.2) 10%,black 24%,black)}

/* Current earnings and the full target travel together above the progress bar. */
.stats-bar{grid-template-columns:minmax(95px,.8fr) minmax(0,2.5fr);align-items:center;max-width:640px}.progress-stat{min-width:0}.progress-summary{gap:14px}.progress-amounts{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:7px;row-gap:2px;min-width:0;font:500 15px Manrope,sans-serif;font-variant-numeric:tabular-nums}.progress-amounts #progress-current{font-size:16px;letter-spacing:-.4px;white-space:nowrap}.progress-separator,#progress-total{color:var(--muted)}#progress-total{white-space:nowrap}#progress-value{flex-shrink:0;color:var(--accent);font-size:12px}.progress-track{margin-top:12px;height:5px}.tracking-meta:has(#status-text[hidden]+#shift-label[hidden]){display:none}
@media(max-width:850px){.stats-bar{grid-template-columns:minmax(85px,.8fr) minmax(0,2.5fr)}.progress-amounts{font-size:12px;column-gap:5px}.progress-amounts #progress-current{font-size:13px}.progress-summary{gap:8px}#progress-value{font-size:11px}}
@media(max-width:640px){.stats-bar{grid-template-columns:85px minmax(0,1fr)}.stats-bar>div{padding:0 11px}.progress-amounts{font-size:11px;column-gap:4px}.progress-amounts #progress-current{font-size:12px}.progress-track{margin-top:11px}}

/* Schedule and timing stay inside the earnings bar alongside its progress. */
.schedule-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:12px;row-gap:7px;width:100%;margin-top:12px;padding:0;min-height:24px}.schedule-status .tracking-meta,.schedule-status .time-chip{margin:0;font-size:11px}.schedule-status .tracking-meta{flex-wrap:wrap;row-gap:5px}.schedule-status .time-chip{white-space:nowrap}.counter-number{display:inline-flex;align-items:baseline;letter-spacing:0;line-height:1.12}.digit-slot{position:relative;display:inline-grid;flex:none;width:.62em;height:1.12em;margin-left:-.04em;overflow:hidden;contain:paint;clip-path:inset(0);line-height:1.12;letter-spacing:0;vertical-align:baseline}.digit-slot>span{grid-area:1/1;display:block;min-width:0;width:100%;text-align:center}.digit-separator{display:inline-block;letter-spacing:-.04em}.salary-wrap,.currency-field,.schedule-fields label,.day-fields label{transform-origin:center;position:relative}
@media(max-width:640px){.schedule-status{column-gap:10px;margin-top:10px;row-gap:7px}.schedule-status .tracking-meta,.schedule-status .time-chip{font-size:10px}}

.brand{display:inline-flex;align-items:center;font:800 26px Manrope,sans-serif;letter-spacing:-1.4px}.brand-period{color:var(--accent)}.focus-mode .brand{visibility:hidden}
.pay-notice{color:var(--muted);font-size:11px;line-height:1.5;margin:0 0 13px}
.counter{-webkit-user-select:none;user-select:none}
.focus-mode .open-settings,.focus-mode .stats-bar,.focus-mode .session-controls{display:none!important}
@media(max-width:640px){.focus-mode .stage{min-height:calc(100svh - 101px);padding-top:0}}
@media(max-width:640px){.brand{font-size:24px}}