:root{color:#27392f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#354f3f;--muted:#7a8379;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-gutter:stable;background:#f7f8f2;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{flex-direction:column;min-width:320px;min-height:100svh;margin:0;display:flex}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button,a,.wheel{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #8b9f5f}.site-header{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:1320px;height:80px;margin:0 auto;padding:0 64px;display:flex}.brand{white-space:nowrap;color:inherit;letter-spacing:-1.8px;align-items:center;font-family:Manrope,sans-serif;font-size:29px;font-weight:800;text-decoration:none;display:inline-flex}.brand-heading{font:inherit;letter-spacing:inherit;margin:0;display:flex}.brand-dot{color:#8d9f62}.brand-mark{width:23px;height:23px;color:var(--green);flex-shrink:0;margin-right:11px}.utility-label{color:var(--muted);letter-spacing:1.7px;align-items:center;gap:22px;font-size:10px;font-weight:550;display:flex}.header-number{letter-spacing:0;color:#576650;border:1px solid #dfe3d6;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.header-tools{align-items:center;gap:20px;display:flex}.theme-toggle{width:44px;height:44px;color:var(--green);background:0 0;border:1px solid #dfe3d6;border-radius:50%;place-items:center;padding:0;display:grid}.theme-toggle:hover{background:#eef2e5}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.theme-toggle .sun-icon{display:none}.site-nav{align-items:center;gap:8px;display:flex}.site-nav a{min-height:44px;color:var(--muted);border-radius:22px;align-items:center;padding:0 14px;font-size:12px;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--green)}.site-nav a[aria-current=page]{color:var(--green);background:#e9eedc}:root[data-theme=dark] .theme-toggle .moon-icon{display:none}:root[data-theme=dark] .theme-toggle .sun-icon{display:block}.page-main{flex:1;width:100%;max-width:1232px;margin:0 auto;padding:22px 20px 40px}.page-heading{text-align:center;margin-bottom:17px}h1{letter-spacing:-1.5px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,45px);font-weight:500;line-height:1.2}.timer{text-align:center;max-width:460px;margin:38px auto 0}.dial{aspect-ratio:1;background:radial-gradient(circle,#fdfdf9 0% 60%,#fafbf5 100%);border-radius:50%;width:min(100%,376px);margin:auto;position:relative;box-shadow:0 10px 35px #354b3c04}.progress-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:2px}.ring-track{stroke:#e1e5d6}.ring-fill{stroke:#8eaa70;stroke-dasharray:1;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.dial-ticks{opacity:.65;background:repeating-conic-gradient(from -.2deg,#c5cdb9 0deg .4deg,#0000 .4deg 6deg);border-radius:50%;position:absolute;inset:17px;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(closest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px))}.dial-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dial-label{color:#87917e;letter-spacing:2px;margin:0 0 10px;font-size:9px;font-weight:550}.picker{justify-content:center;align-items:center;gap:5px;height:181px;display:flex;position:relative}.picker:before{content:"";background:#eef2e5;border-radius:12px;height:56px;position:absolute;top:80px;left:-8px;right:-8px}.wheel-column{width:65px;position:relative}.wheel-label{color:#839078;letter-spacing:.6px;height:25px;font-size:10px;display:block}.wheel{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;outline:none;height:168px;padding-block:56px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 24% 77%,#0000);mask-image:linear-gradient(#0000,#000 24% 77%,#0000)}.wheel::-webkit-scrollbar{display:none}.wheel:focus-visible{background:#dce6c9;border-radius:10px}.wheel-row{scroll-snap-align:center;cursor:pointer;font-variant-numeric:tabular-nums;color:#c0c8b7;-webkit-user-select:none;user-select:none;height:56px;font-family:Manrope,sans-serif;font-size:33px;font-weight:500;line-height:56px}.wheel-row.selected{color:var(--green)}.wheel-step{display:none}@media (width>=701px),(hover:hover) and (pointer:fine){.wheel-column{width:76px}.wheel{margin-right:18px}.wheel-label{padding-right:18px}.wheel-step{z-index:1;color:#768b63;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:28px;display:flex;position:absolute;right:0}.wheel-up{top:81px}.wheel-down{top:109px}.wheel-step svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.wheel-down svg{transform:rotate(180deg)}.wheel-step:hover:not(:disabled){color:var(--green);background:#eef2e5}.wheel-step:disabled{opacity:.25}}.picker-colon{color:#8e9a81;font-family:Manrope,sans-serif;font-size:28px;transform:translateY(12px)}.dial-hint{letter-spacing:.2px;color:#929a89;margin:13px 0 0;font-size:10px}.countdown{font-variant-numeric:tabular-nums;letter-spacing:-3px;align-items:center;height:181px;font-family:Manrope,sans-serif;font-size:70px;font-weight:450;display:flex}.countdown.with-hours{letter-spacing:-2px;font-size:46px}body[data-phase=paused] .ring-fill{stroke:#a8ad99}body[data-phase=complete] .dial{background:#eef3e2}body[data-phase=complete] .ring-fill{stroke-dashoffset:0!important}body[data-phase=complete] .countdown{color:#6d845b}.presets{justify-content:center;gap:9px;margin:26px 0 28px;display:flex}.presets button{color:#7d8774;background:0 0;border:1px solid #e0e5d7;border-radius:22px;padding:9px 17px;font-size:12px;transition:background .15s,border-color .15s}.presets button[aria-pressed=true]{color:#496039;background:#e9eedc;border-color:#e0e7cf}.presets button:hover:not(:disabled){border-color:#9bae83}.presets button:disabled{opacity:.45}.actions{justify-content:center;align-items:center;gap:22px;display:flex}.primary-button{background:var(--green);border:1px solid var(--green);color:#fff;border-radius:13px;justify-content:center;align-items:center;gap:13px;width:228px;height:55px;font-size:14px;font-weight:500;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 4px 8px #354b3c0b}.primary-button:hover:not(:disabled){background:#294333;transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{opacity:.5}.play-icon{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0}.pause-icon{border-left:3px solid;border-right:3px solid;width:9px;height:11px}.reset-button{color:#71806b;background:0 0;border:0;align-items:center;gap:7px;height:48px;padding:0 6px;font-size:12px;display:inline-flex}.reset-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.reset-button:disabled{opacity:.4}.reset-button:hover:not(:disabled){color:#27392f}.settings{border-top:1px solid #e6e9de;justify-content:center;align-items:center;gap:28px;margin:32px auto 0;padding-top:21px;display:flex}.setting{color:#75816e;cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:11px;display:flex;position:relative}.setting input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch{pointer-events:none;background:#dce1d4;border-radius:20px;width:29px;height:17px;transition:background .15s;display:block}.switch:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;margin:3px;transition:transform .15s;display:block;box-shadow:0 1px 3px #27392f12}.setting input:checked+.switch{background:#8d9e75}.setting input:checked+.switch:after{transform:translate(12px)}.setting input:focus-visible+.switch{outline:2px solid var(--green);outline-offset:3px}.setting:has(input:disabled){opacity:.5;cursor:default}.status{color:#5b704d;max-width:350px;margin:8px auto;font-size:12px;line-height:1.5}.status:empty{display:none}.usage-note{color:#979e91;margin:15px auto 0;font-size:10px;line-height:1.6}.clock,.stopwatch{text-align:center;max-width:740px;margin:56px auto 0}.clock-time,.stopwatch-time{font-variant-numeric:tabular-nums;letter-spacing:-.05em;justify-content:center;align-items:baseline;font-family:Manrope,sans-serif;font-size:clamp(60px,11vw,112px);font-weight:500;line-height:1.2;display:flex}.clock-colon{color:var(--muted);padding-inline:.04em}.clock-seconds,.stopwatch-fraction{color:var(--muted);letter-spacing:-.03em;margin-left:.12em;font-size:.5em}.stopwatch-time.with-hours{font-size:clamp(40px,8vw,88px)}.stopwatch .actions{margin-top:38px}.clock-date{margin:20px 0 0;font-size:16px}.clock-offset{color:var(--muted);margin:10px 0 0;font-size:12px}.clock-zone-control{text-align:left;max-width:340px;margin:38px auto 0}.clock-zone-control label{color:var(--muted);margin-bottom:9px;font-size:12px;display:block}.clock-zone-control select{width:100%;min-height:48px;color:inherit;background:#fdfdf9;border:1px solid #dfe3d6;border-radius:12px;padding:10px 12px;font-size:14px}.clock-sync-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 16px;margin-top:22px;display:flex}.clock-status{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:11px;display:inline-flex}.clock-status:before{content:"";background:#ad9162;border-radius:50%;flex-shrink:0;width:5px;height:5px}.clock[data-sync=synced] .clock-status:before{background:#8d9e75}.clock[data-sync=syncing] .clock-status:before{background:var(--muted)}footer{color:#929a8b;letter-spacing:.1px;border-top:1px solid #e7eade;justify-content:space-between;width:calc(100% - 128px);max-width:1192px;margin:0 auto;padding:23px 0 27px;font-size:10px;display:flex}.tool-collection{max-width:1192px;margin:0 auto}.tool-section-title{letter-spacing:-.7px;margin:0 0 20px;font-family:Manrope,sans-serif;font-size:24px;font-weight:500;line-height:1.3}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-card{color:inherit;background:#fdfdf9;border:1px solid #e0e5d7;border-radius:22px;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}a.tool-card:hover{border-color:#a2b18e;box-shadow:0 10px 35px #354b3c08}.tool-illustration{background:#eef2e5;flex:none;place-items:center;height:225px;display:grid}.mini-dial{outline-offset:10px;background:#f8faf2;border:1px solid #9fb58a;border-radius:50%;outline:1px solid #dce4cd;flex-direction:column;justify-content:center;align-items:center;gap:13px;width:168px;height:168px;display:flex}.mini-dial-time{font-variant-numeric:tabular-nums;letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:40px;font-weight:500}.mini-dial-time span{color:#9eae90}.mini-dial-dot{background:#9fb58a;border-radius:50%;width:6px;height:6px}.mini-stopwatch,.mini-clock{flex-direction:column;align-items:center;gap:22px;display:flex}.mini-stopwatch-time,.mini-clock-time{font-variant-numeric:tabular-nums;letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:44px;font-weight:500;line-height:1}.mini-stopwatch-time>span,.mini-clock-time>span{color:#839078;letter-spacing:-1px;margin-left:2px;font-size:26px}.mini-stopwatch-controls{gap:10px;display:flex}.mini-stopwatch-controls>span{border:1px solid #c8d2bd;border-radius:50%;width:28px;height:28px}.mini-stopwatch-controls>span:last-child{background:var(--green);border-color:var(--green);position:relative}.mini-stopwatch-controls>span:last-child:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #f8faf2;position:absolute;top:9px;left:11px}.tool-card-content{flex-direction:column;flex:1;padding:27px;display:flex}.tool-card h3{letter-spacing:-.9px;margin:0;font-family:Manrope,sans-serif;font-size:25px;font-weight:500}.tool-card-action{min-height:25px;color:var(--green);align-items:center;gap:12px;margin-top:24px;font-size:12px;font-weight:600;display:flex}.tool-card-action svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;transition:transform .2s}.tool-card:hover .tool-card-action svg{transform:translate(4px)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e1e8dd;--green:#bed0a2;--muted:#a2aea3;background:#171e1b}:root[data-theme=dark] .header-number,:root[data-theme=dark] .theme-toggle{border-color:#394638}:root[data-theme=dark] .header-number,:root[data-theme=dark] .dial-label,:root[data-theme=dark] .wheel-label,:root[data-theme=dark] .dial-hint,:root[data-theme=dark] .setting,:root[data-theme=dark] .reset-button,:root[data-theme=dark] .usage-note,:root[data-theme=dark] footer{color:#a0ad9b}:root[data-theme=dark] .dial{background:radial-gradient(circle,#202923 0% 60%,#1d2620 100%)}:root[data-theme=dark] .ring-track{stroke:#38483b}:root[data-theme=dark] .ring-fill{stroke:#adc48f}:root[data-theme=dark] .dial-ticks{background:repeating-conic-gradient(from -.2deg,#738066 0deg .4deg,#0000 .4deg 6deg)}:root[data-theme=dark] .picker:before,:root[data-theme=dark] .theme-toggle:hover,:root[data-theme=dark] .wheel-step:hover:not(:disabled){background:#2b382c}:root[data-theme=dark] .wheel:focus-visible{background:#35482f}:root[data-theme=dark] .wheel-row{color:#74826c}:root[data-theme=dark] .wheel-row.selected{color:var(--green)}:root[data-theme=dark] .wheel-step,:root[data-theme=dark] .picker-colon{color:#9bb086}:root[data-theme=dark] .presets button{color:#a0ad9b;border-color:#394638}:root[data-theme=dark] .presets button[aria-pressed=true]{color:#bed0a2;background:#2b3a2a;border-color:#42533a}:root[data-theme=dark] .primary-button{color:#172319}:root[data-theme=dark] .primary-button:hover:not(:disabled){background:#d0deba}:root[data-theme=dark] .reset-button:hover:not(:disabled){color:#e1e8dd}:root[data-theme=dark] .settings,:root[data-theme=dark] footer{border-color:#2d3a30}:root[data-theme=dark] .switch{background:#39463a}:root[data-theme=dark] .setting input:checked+.switch{background:#789061}:root[data-theme=dark] .status{color:#bed0a2}:root[data-theme=dark] .site-nav a[aria-current=page]{background:#2b3a2a}:root[data-theme=dark] .clock-zone-control select,:root[data-theme=dark] .tool-card{background:#202923;border-color:#394638}:root[data-theme=dark] a.tool-card:hover{border-color:#71875d}:root[data-theme=dark] .tool-illustration{background:#253024}:root[data-theme=dark] .mini-dial{background:#202923;border-color:#8ea46f;outline-color:#35452e}:root[data-theme=dark] .mini-stopwatch-controls>span{border-color:#4b5c40}:root[data-theme=dark] .mini-stopwatch-controls>span:last-child:after{border-left-color:#253024}:root[data-theme=dark] .mini-stopwatch-time>span,:root[data-theme=dark] .mini-clock-time>span{color:#a0ad9b}:root[data-theme=dark] body[data-phase=paused] .ring-fill{stroke:#7e8b74}:root[data-theme=dark] body[data-phase=complete] .dial{background:#2e3d2b}:root[data-theme=dark] body[data-phase=complete] .countdown{color:#bed0a2}@media (width<=900px){.tool-collection{max-width:430px}.tool-grid{grid-template-columns:1fr}}@media (width<=760px){.site-header{height:72px;padding:0 25px}.brand{font-size:26px}.utility-label,.header-number{display:none}.header-tools{gap:10px}.site-nav{gap:2px}.site-nav a{padding-inline:9px;font-size:11px}}@media (width<=700px){.page-main{padding-top:16px;padding-bottom:36px}.timer{margin-top:30px}.clock,.stopwatch{margin-top:36px}.clock-time,.stopwatch-time{font-size:clamp(56px,15vw,88px)}.stopwatch-time.with-hours{font-size:clamp(36px,11vw,64px)}.clock-date{font-size:14px}.dial{max-width:350px}.dial-label{font-size:8px}.presets{margin-top:23px}footer{align-self:stretch;width:auto;margin:0 25px}.tool-collection{max-width:430px}.tool-illustration{height:220px}.mini-dial{gap:13px;width:175px;height:175px}.mini-dial-time{font-size:39px}.tool-card-content{padding:27px}}@media (width<=560px){.site-header{grid-template-rows:62px 44px;grid-template-columns:1fr 44px;height:112px;padding:0 20px 6px;display:grid}.brand{justify-self:start}.header-tools{display:contents}.site-nav{grid-area:2/1/auto/-1;justify-content:center}.theme-toggle{grid-area:1/2}}@media (width<=380px){.utility-label{text-align:right;max-width:120px;font-size:8px;line-height:1.6}.dial-label{margin-bottom:1px}.dial-hint{margin-top:3px}.wheel-column{width:59px}.presets{gap:7px}.presets button{padding-inline:14px}.primary-button{width:200px}.settings{gap:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}