:root{color:var(--text);background:var(--bg);font-synthesis:none;--bg:#f8f5ee;--surface:#fffdf8;--text:#373a32;--muted:#727266;--line:#e6e3d8;--accent:#a64d35;--accent-soft:#f4e7dd;--green:#59745c;--track:#eee9df;--shadow:0 14px 48px #51442a06;color-scheme:light;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{--bg:#20231f;--surface:#292d27;--text:#f2ede2;--muted:#b3b5a7;--line:#41463b;--accent:#edaa8d;--accent-soft:#40342c;--green:#a3b997;--track:#3d4237;--shadow:0 14px 48px #00000012;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button{border:0}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:hover:not(:disabled),a:hover{filter:brightness(.94)}.site-shell{max-width:1280px;margin:auto;padding:0 64px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:108px;display:flex}.brand{font-size:calc(23px * var(--font-scale,1));letter-spacing:-1px;white-space:nowrap;align-items:center;gap:11px;font-weight:750;display:flex}.brand-icon{background:var(--accent);color:var(--bg);border-radius:12px;place-items:center;width:38px;height:40px;display:grid}.brand-icon svg{width:29px;height:29px}.brand-dot{color:var(--accent)}.brand-product{font-size:calc(15px * var(--font-scale,1));letter-spacing:0;color:var(--muted);padding-left:8px;font-weight:400}.header-tools{align-items:center;gap:18px;display:flex}.theme-button{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.sun{display:none}[data-theme=dark] .sun{display:block}[data-theme=dark] .moon{display:none}.intro{text-align:center;margin:66px auto 34px}.eyebrow{font-size:calc(10px * var(--font-scale,1));letter-spacing:2px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-weight:650;line-height:1.8;display:flex}.little-line{background:var(--accent);width:22px;height:1px}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:calc(clamp(36px,4.3vw,58px) * var(--font-scale,1));letter-spacing:-2px;margin:22px 0 17px;line-height:1.18}h1 em{color:var(--accent);font-weight:400}.intro-copy{color:var(--muted);font-size:calc(14px * var(--font-scale,1));max-width:540px;margin:0 auto;line-height:1.8}.mode-switch{border:1px solid var(--line);background:var(--track);border-radius:13px;gap:5px;width:max-content;max-width:100%;margin:30px auto;padding:5px;display:flex}.mode-switch a{font-size:calc(13px * var(--font-scale,1));color:var(--muted);border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:12px 26px;font-weight:550;display:flex}.mode-switch a[aria-current]{background:var(--surface);color:var(--accent);box-shadow:0 2px 5px #30201509}.mode-switch svg{width:18px;height:18px}.workspace{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);align-items:start;gap:24px;max-width:1000px;margin:auto;display:grid}.timer-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;min-width:0;padding:25px 28px 28px}.card-top{justify-content:flex-end;align-items:center;gap:12px;display:flex}.live-label{color:var(--muted);font-size:calc(11px * var(--font-scale,1));align-items:center;gap:7px;display:flex}.live-label>span{background:var(--green);border-radius:50%;width:5px;height:5px}.icon-text{color:var(--muted);min-height:32px;font-size:calc(11px * var(--font-scale,1));background:0 0;align-items:center;gap:7px;padding:0;display:flex}.icon-text svg{width:16px;height:16px}.clock{aspect-ratio:1;place-items:center;width:310px;max-width:100%;margin:21px auto 22px;display:grid;position:relative}.progress-ring{stroke-width:3px;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring-track{stroke:var(--track)}#ring-progress{stroke:var(--accent);stroke-dasharray:100;stroke-dashoffset:0}.clock-content{text-align:center;position:relative}.phase-label{color:var(--accent);font-size:calc(11px * var(--font-scale,1));text-transform:uppercase;letter-spacing:2px;margin:0 0 14px;font-weight:650}.time{font-size:calc(70px * var(--font-scale,1));letter-spacing:-3px;font-variant-numeric:tabular-nums;font-weight:350;line-height:1.05}.time.has-hours{font-size:calc(49px * var(--font-scale,1));letter-spacing:-2px}.round-label{font-size:calc(12px * var(--font-scale,1));color:var(--muted);margin-top:16px}.round-dots{flex-wrap:wrap;justify-content:center;gap:7px;max-width:140px;margin:14px auto 0;display:flex}.round-dots i{background:var(--line);border-radius:50%;width:6px;height:6px}.round-dots .current{background:var(--accent)}.round-dots .done{background:var(--green)}.timer-controls{justify-content:center;align-items:center;gap:10px;display:flex}.primary,.secondary{min-height:48px;font-size:calc(13px * var(--font-scale,1));border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:var(--surface)}[data-theme=dark] .primary{color:#24241f}.secondary{border:1px solid var(--line);background:0 0}#start{min-width:158px}#reset{padding:12px}#reset span{display:none}.timer-status{font-size:calc(12px * var(--font-scale,1));text-align:center;color:var(--accent);min-height:18px;margin:12px 0;line-height:1.5}.presets{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:8px;padding-top:19px;display:flex}.presets button{font-size:calc(11px * var(--font-scale,1));min-width:58px;min-height:35px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:7px;padding:6px 10px}.presets button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:#0000}.phase-summary{border-top:1px solid var(--line);font-size:calc(10px * var(--font-scale,1));color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px;padding-top:23px;display:flex}.phase-summary span{align-items:center;gap:5px;display:flex}.phase-summary i{background:var(--green);border-radius:50%;width:5px;height:5px}.phase-summary span:first-child i{background:var(--accent)}.phase-summary b{color:var(--text);font-weight:550}[data-phase=short] .timer-card,[data-phase=long] .timer-card{--accent:var(--green)}.settings-card{background:color-mix(in srgb,var(--surface) 45%,var(--bg));border:1px solid var(--line);border-radius:18px;padding:27px 27px 22px}.settings-icon{font-size:calc(28px * var(--font-scale,1));color:var(--accent)}.settings-heading h2{font-size:calc(19px * var(--font-scale,1));letter-spacing:-.5px;margin:13px 0 7px;font-weight:550}.settings-heading p{font-size:calc(12px * var(--font-scale,1));color:var(--muted);margin:0 0 26px;line-height:1.6}fieldset{border:0;margin:0;padding:0}legend{font-size:calc(12px * var(--font-scale,1));margin-bottom:13px;font-weight:550}.duration-inputs{align-items:end;gap:6px;display:flex}.duration-inputs>span{color:var(--muted);padding-bottom:14px}.duration-inputs label{min-width:0;font-size:calc(10px * var(--font-scale,1));color:var(--muted);flex:1;gap:9px;display:grid}input[type=number]{background:var(--surface);border:1px solid var(--line);text-align:center;width:100%;color:var(--text);font-size:calc(18px * var(--font-scale,1));border-radius:8px;min-height:46px;padding:12px 6px}.pomo-inputs{gap:11px;display:grid}.pomo-inputs label{font-size:calc(11px * var(--font-scale,1));color:var(--muted);justify-content:space-between;align-items:center;gap:12px;line-height:1.5;display:flex}.pomo-inputs input{width:67px;font-size:calc(14px * var(--font-scale,1));flex-shrink:0;min-height:36px;padding:7px 3px}.settings-divider{background:var(--line);height:1px;margin:24px 0}.toggle-row{cursor:pointer;align-items:center;gap:14px;min-height:40px;margin:22px 0;display:flex;position:relative}.toggle-row>span:first-child{flex:1}.toggle-row strong{font-size:calc(12px * var(--font-scale,1));font-weight:550;line-height:1.5;display:block}.toggle-row small{font-size:calc(10px * var(--font-scale,1));color:var(--muted);margin-top:6px;line-height:1.6;display:block}.toggle-row input{opacity:0;width:36px;height:40px;margin:0;position:absolute;right:0}.toggle{background:var(--line);pointer-events:none;border-radius:12px;flex-shrink:0;width:34px;height:20px;position:relative}.toggle:after{content:"";background:var(--surface);border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:3px}.toggle-row input:checked+.toggle{background:var(--accent)}.toggle-row input:checked+.toggle:after{background:var(--bg);left:17px}.toggle-row input:focus-visible+.toggle{outline:3px solid var(--accent);outline-offset:4px}.apply-button{background:var(--accent-soft);width:100%;color:var(--accent);font-size:calc(12px * var(--font-scale,1));border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:14px 15px;font-weight:600;display:flex}.form-hint{font-size:calc(10px * var(--font-scale,1));color:var(--muted);margin:12px 0 0;line-height:1.7}.settings-status{font-size:calc(11px * var(--font-scale,1));color:var(--accent);margin:8px 0 0;line-height:1.6}.local-note{font-size:calc(11px * var(--font-scale,1));color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;margin:22px 0 0;display:flex}.local-note svg{width:15px;height:15px}.guide{border-top:1px solid var(--line);max-width:1000px;margin:auto;padding-top:48px}.guide-heading{text-align:center;max-width:700px;margin:auto}.guide h2,.faq h2{font-family:Georgia,serif;font-weight:400;font-size:calc(31px * var(--font-scale,1));letter-spacing:-.6px;margin:15px 0}.guide-heading>p:last-child{font-size:calc(13px * var(--font-scale,1));color:var(--muted);line-height:1.9}.guide-grid{grid-template-columns:repeat(3,1fr);gap:35px;margin:38px 0 65px;display:grid}.step-number{font-family:Georgia,serif;font-size:calc(30px * var(--font-scale,1));color:var(--accent)}.guide-grid h3{font-size:calc(14px * var(--font-scale,1));margin:15px 0 10px;font-weight:600}.guide-grid p{font-size:calc(12px * var(--font-scale,1));color:var(--muted);margin:0;line-height:1.9}.faq{max-width:760px;margin:0 auto 70px}.faq h2{text-align:center;margin-bottom:25px}.faq details{border-bottom:1px solid var(--line)}.faq summary{font-size:calc(13px * var(--font-scale,1));justify-content:space-between;align-items:center;gap:12px;padding:20px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:calc(20px * var(--font-scale,1));color:var(--muted)}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:calc(13px * var(--font-scale,1));color:var(--muted);margin:0 0 20px;line-height:1.9}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:30px 0 35px;display:flex}.footer-brand{font-size:calc(18px * var(--font-scale,1));letter-spacing:-.7px;font-weight:750}.site-footer p{font-size:calc(10px * var(--font-scale,1));color:var(--muted);margin:7px 0 0}.site-footer nav{flex-wrap:wrap;align-items:center;gap:23px;display:flex}.site-footer nav a,.site-footer nav button{font-size:calc(10px * var(--font-scale,1));color:var(--muted);background:0 0;padding:10px 0}dialog{border:1px solid var(--line);background:var(--surface);width:calc(100% - 32px);max-width:570px;color:var(--text);border-radius:20px;padding:0;box-shadow:0 20px 100px #0003}dialog::backdrop{backdrop-filter:blur(4px);background:#151a1766}.dialog-inner{padding:30px}.dialog-inner>.eyebrow{justify-content:start}.dialog-inner h2{font-family:Georgia,serif;font-size:calc(28px * var(--font-scale,1));font-weight:400}.dialog-inner p{font-size:calc(13px * var(--font-scale,1));color:var(--muted);line-height:1.8}.notice{background:var(--accent-soft);font-size:calc(13px * var(--font-scale,1));border-radius:10px;padding:15px;line-height:1.8;color:var(--accent)!important}.dialog-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;display:flex}.dialog-actions form{margin:0}.legal-page{max-width:760px;margin:65px auto 90px}.legal-page h1{font-size:calc(42px * var(--font-scale,1))}.legal-page h2{font-size:calc(20px * var(--font-scale,1));margin-top:30px}.legal-page p,.legal-page li{font-size:calc(14px * var(--font-scale,1));color:var(--muted);line-height:1.9}.legal-page a{text-decoration:underline}.legal-nav{gap:20px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--surface);z-index:20;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.focus-view .site-header,.focus-view .intro,.focus-view .mode-switch,.focus-view .settings-card,.focus-view .local-note,.focus-view .guide,.focus-view .faq,.focus-view .site-footer{display:none}.focus-view .workspace{align-content:center;max-width:650px;min-height:100dvh;padding:24px 0;display:block}.focus-view .clock{width:380px}@media (width<=900px){.site-shell{padding:0 30px}.workspace{grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr);gap:16px}.timer-card{padding:22px 20px}.settings-card{padding:23px 20px}.icon-text span{display:none}.clock{width:280px}.time{font-size:calc(64px * var(--font-scale,1))}.phase-summary{gap:9px}.intro{margin-top:46px}}@media (width<=680px){.site-shell{padding:0 20px}.site-header{height:80px}.brand{font-size:calc(20px * var(--font-scale,1));gap:8px}.brand-product{display:none}.brand-icon{width:33px;height:35px}.header-tools{gap:10px}.theme-button{width:37px;height:37px}.intro{margin:39px auto 25px}.eyebrow{font-size:calc(8px * var(--font-scale,1));letter-spacing:1.5px}h1{font-size:calc(40px * var(--font-scale,1));letter-spacing:-1.5px}h1 em{display:block}.intro-copy{font-size:calc(13px * var(--font-scale,1));max-width:350px}.mode-switch{margin:25px auto}.mode-switch a{font-size:calc(12px * var(--font-scale,1));padding:12px 19px}.workspace{grid-template-columns:1fr;gap:20px}.clock{width:300px}.timer-card{padding:21px 18px}.time{font-size:calc(70px * var(--font-scale,1))}.settings-card{padding:25px}.settings-heading{position:relative}.settings-icon{position:absolute;top:0;right:0}.settings-heading h2{margin-top:0}.settings-heading p{margin-bottom:20px}.duration-inputs{gap:12px}.duration-inputs label{font-size:calc(11px * var(--font-scale,1))}.toggle-row strong{font-size:calc(13px * var(--font-scale,1))}.toggle-row small,.form-hint{font-size:calc(11px * var(--font-scale,1))}.pomo-inputs label{font-size:calc(12px * var(--font-scale,1))}.pomo-inputs input{width:80px}.guide{padding-top:32px}.guide h2,.faq h2{font-size:calc(28px * var(--font-scale,1))}.guide-grid{grid-template-columns:1fr;gap:27px;margin:30px 0 45px}.guide-grid article{grid-template-columns:35px 1fr;gap:0 16px;display:grid}.step-number{font-size:calc(26px * var(--font-scale,1));grid-row:span 2}.guide-grid h3{margin:3px 0 8px}.guide-grid p{font-size:calc(13px * var(--font-scale,1))}.site-footer{flex-direction:column;align-items:start;gap:13px}.site-footer nav{gap:18px}.site-footer nav a,.site-footer nav button{font-size:calc(11px * var(--font-scale,1))}.focus-view .time{font-size:calc(70px * var(--font-scale,1))}.focus-view .time.has-hours{font-size:calc(47px * var(--font-scale,1))}.dialog-inner{padding:24px}.local-note{font-size:calc(10px * var(--font-scale,1))}}@media (prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s,filter .15s}.toggle:after{transition:left .15s}#ring-progress{transition:stroke-dashoffset .2s linear}}:root[data-palette=blue]{--bg:#f2f5f8;--surface:#fcfdff;--text:#293b4d;--muted:#607080;--line:#dce3eb;--track:#e3eaf2;--accent:#2b6091;--accent-soft:#e0ebf6}:root[data-palette=green]{--bg:#f2f5ef;--surface:#fcfdf8;--text:#303d31;--muted:#657260;--line:#dfe5d8;--track:#e6ebde;--accent:#416b4b;--accent-soft:#e0ebdc}:root[data-palette=orange]{--bg:#faf4eb;--surface:#fffcf7;--text:#46382a;--muted:#7c6c5b;--line:#ebe0d0;--track:#f0e5d4;--accent:#995019;--accent-soft:#f6e6d1}:root[data-palette=red]{--bg:#faf3f0;--surface:#fffcfa;--text:#483532;--muted:#7c6863;--line:#ebddd7;--track:#f0e2dc;--accent:#a0443d;--accent-soft:#f5e0da}:root[data-theme=dark][data-palette=blue]{--bg:#1c242d;--surface:#252f3b;--text:#e8eef5;--muted:#a7b6c7;--line:#3a4959;--track:#344353;--accent:#96c4ee;--accent-soft:#2d4055}:root[data-theme=dark][data-palette=green]{--bg:#1e261f;--surface:#28332a;--text:#eaf0e5;--muted:#adbca6;--line:#3c4b3c;--track:#364632;--accent:#a1cba2;--accent-soft:#334835}:root[data-theme=dark][data-palette=orange]{--bg:#29231d;--surface:#342c23;--text:#f5ede1;--muted:#c4b39f;--line:#4f4232;--track:#483b2b;--accent:#efbb80;--accent-soft:#4c3926}:root[data-theme=dark][data-palette=red]{--bg:#29201f;--surface:#352927;--text:#f6eae5;--muted:#c8aea7;--line:#503d39;--track:#493531;--accent:#efa59a;--accent-soft:#4e3430}.palette-swatch{background:var(--swatch);border-radius:50%;flex:0 0 15px;width:15px;height:15px}[data-color=terracotta]{--swatch:#a64d35}[data-theme=dark] [data-color=terracotta]{--swatch:#edaa8d}:root[data-palette=violet]{--bg:#f5f2f8;--surface:#fdfbff;--text:#3d324a;--muted:#746681;--line:#e5ddeb;--track:#eae2f0;--accent:#725098;--accent-soft:#eee2f6}:root[data-theme=dark][data-palette=violet]{--bg:#24202c;--surface:#302939;--text:#f0e9f8;--muted:#bcaec9;--line:#493d55;--track:#41344e;--accent:#cab0ed;--accent-soft:#443454}:root[data-palette=teal]{--bg:#eff6f4;--surface:#f9fdfc;--text:#2c403d;--muted:#5e7570;--line:#d9e6e1;--track:#dfece7;--accent:#256f68;--accent-soft:#daede8}:root[data-theme=dark][data-palette=teal]{--bg:#1c2726;--surface:#253331;--text:#e5f2ed;--muted:#a4bdb6;--line:#374d47;--track:#30463f;--accent:#8ed0c1;--accent-soft:#2b4942}:root[data-palette=rose]{--bg:#faf2f4;--surface:#fffbfc;--text:#48333d;--muted:#7d6571;--line:#ecdae2;--track:#f0dfe7;--accent:#985069;--accent-soft:#f4dfe8}:root[data-theme=dark][data-palette=rose]{--bg:#2b2026;--surface:#372932;--text:#f7e8ef;--muted:#c7acbb;--line:#513d48;--track:#4a3441;--accent:#edafc7;--accent-soft:#503345}.palette-dropdown{flex-shrink:0;position:relative}.palette-dropdown summary{border:1px solid var(--line);background:var(--surface);border-radius:13px;justify-content:center;align-items:center;gap:4px;width:60px;min-height:44px;list-style:none;display:flex}.palette-dropdown summary::-webkit-details-marker{display:none}.palette-dropdown summary svg{width:16px;height:16px;color:var(--muted)}.palette-dropdown summary .palette-swatch{flex-basis:20px;width:20px;height:20px}.palette-dropdown summary:hover,.palette-dropdown[open] summary{border-color:var(--accent)}.palette-dropdown[open] summary svg{transform:rotate(180deg)}.palette-menu{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:4px;width:218px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 35px #00000026}.palette-option{cursor:pointer;position:relative}.palette-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.palette-chip{border:2px solid #0000;border-radius:11px;place-items:center;min-width:44px;min-height:44px;display:grid}.palette-chip .palette-swatch{width:26px;height:26px}.palette-option input:checked+.palette-chip{border-color:var(--accent);background:var(--accent-soft)}.palette-option input:checked+.palette-chip .palette-swatch:after{content:"";border:solid var(--surface);border-width:0 2px 2px 0;width:7px;height:12px;display:block;transform:translate(9px,5px)rotate(45deg)}[data-theme=dark] .palette-option input:checked+.palette-chip .palette-swatch:after{border-color:var(--bg)}.palette-option input:focus-visible+.palette-chip{outline:2px solid var(--accent);outline-offset:1px}.palette-option:hover .palette-chip{background:var(--accent-soft)}@media (width<=680px){.site-header{flex-wrap:wrap;gap:12px;height:auto;min-height:80px;padding:16px 0}.header-tools{gap:10px;margin-left:auto}.theme-button{min-width:44px;min-height:44px}}.language-dropdown{position:relative}.language-dropdown summary{border:1px solid var(--line);background:var(--surface);min-width:148px;min-height:44px;color:var(--text);font-size:calc(13px * var(--font-scale,1));border-radius:13px;align-items:center;gap:9px;padding:10px 12px;font-weight:550;list-style:none;display:flex}.language-dropdown summary::-webkit-details-marker{display:none}.language-dropdown summary svg{width:17px;height:17px;color:var(--accent)}.language-dropdown .language-chevron{margin-left:auto}.language-dropdown[open] .language-chevron{transform:rotate(180deg)}.language-dropdown summary:hover,.language-dropdown[open] summary{border-color:var(--accent);background:var(--accent-soft)}.language-menu{z-index:31;border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:212px;padding:7px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 12px 35px #00000026}.language-menu a{min-height:48px;font-size:calc(13px * var(--font-scale,1));color:var(--text);border-radius:10px;align-items:center;gap:11px;padding:9px 11px;display:flex}.language-menu a+a{margin-top:3px}.language-menu a:hover,.language-menu a:focus-visible{background:var(--accent-soft);filter:none}.language-menu a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:650}.language-code{border:1px solid var(--line);width:29px;height:26px;font-size:calc(9px * var(--font-scale,1));letter-spacing:.6px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.language-menu a[aria-current] .language-code{color:var(--accent);border-color:currentColor}.language-menu .language-check{width:17px;height:17px;color:var(--accent);margin-left:auto}@media (width<=680px){.language-dropdown summary{min-width:108px;font-size:calc(12px * var(--font-scale,1));gap:6px}.language-dropdown .language-globe{display:none}}@media (prefers-reduced-motion:no-preference){.language-dropdown summary{transition:background .15s,border-color .15s}}:root[data-palette=blue]{--bg:#eaf2ff;--surface:#f8fbff;--accent:#1753bb;--accent-soft:#d8e6ff;--line:#c6d6ee;--track:#cfddf4}:root[data-palette=green]{--bg:#eaf4df;--surface:#f9fdf2;--accent:#396315;--accent-soft:#d8ebbd;--line:#cdddba;--track:#d4e6c1}:root[data-palette=orange]{--bg:#fff0d7;--surface:#fffbf2;--accent:#9b4700;--accent-soft:#ffe0b0;--line:#ebd3ad;--track:#f4dcb5}:root[data-palette=red]{--bg:#ffeae4;--surface:#fff9f6;--accent:#b52c25;--accent-soft:#ffd5cb;--line:#ecc9c1;--track:#f2cdc6}:root[data-palette=violet]{--bg:#eee7ff;--surface:#fcf9ff;--accent:#7135b8;--accent-soft:#e5d2ff;--line:#d8c7ef;--track:#dfd0f4}:root[data-palette=teal]{--bg:#dcf5ee;--surface:#f4fffb;--accent:#006b60;--accent-soft:#bcebdd;--line:#b8ddd1;--track:#c3eade}:root[data-palette=rose]{--bg:#ffe8f1;--surface:#fff8fc;--accent:#a92b64;--accent-soft:#ffcfe3;--line:#ebc2d5;--track:#f5cbde}:root[data-theme=dark][data-palette=blue]{--bg:#101c32;--surface:#182c49;--accent:#7db8ff;--accent-soft:#203e69;--line:#304d73;--track:#284362}:root[data-theme=dark][data-palette=green]{--bg:#192510;--surface:#27371c;--accent:#b0d975;--accent-soft:#354a23;--line:#445c32;--track:#354d28}:root[data-theme=dark][data-palette=orange]{--bg:#2c1c0e;--surface:#402b17;--accent:#ffc05a;--accent-soft:#573919;--line:#664a2b;--track:#52391f}:root[data-theme=dark][data-palette=red]{--bg:#2e1415;--surface:#451f22;--accent:#ff9185;--accent-soft:#602b2f;--line:#6b383b;--track:#592a2c}:root[data-theme=dark][data-palette=violet]{--bg:#211334;--surface:#33204d;--accent:#c99aff;--accent-soft:#492b6e;--line:#584071;--track:#462e62}:root[data-theme=dark][data-palette=teal]{--bg:#092822;--surface:#123c33;--accent:#58dfbb;--accent-soft:#155142;--line:#2d5f51;--track:#204f41}:root[data-theme=dark][data-palette=rose]{--bg:#301323;--surface:#461e34;--accent:#ff94c5;--accent-soft:#642747;--line:#703b54;--track:#5a2b43}[data-color=blue]{--swatch:#1753bb}[data-color=green]{--swatch:#396315}[data-color=orange]{--swatch:#d4760b}[data-color=red]{--swatch:#d43d32}[data-color=violet]{--swatch:#7135b8}[data-color=teal]{--swatch:#008d77}[data-color=rose]{--swatch:#cd3a7b}[data-theme=dark] [data-color=blue]{--swatch:#7db8ff}[data-theme=dark] [data-color=green]{--swatch:#b0d975}[data-theme=dark] [data-color=orange]{--swatch:#ffc05a}[data-theme=dark] [data-color=red]{--swatch:#ff9185}[data-theme=dark] [data-color=violet]{--swatch:#c99aff}[data-theme=dark] [data-color=teal]{--swatch:#58dfbb}[data-theme=dark] [data-color=rose]{--swatch:#ff94c5}.palette-menu{width:242px;display:block}.palette-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.style-picker{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.style-picker legend{font-size:calc(11px * var(--font-scale,1));color:var(--muted);margin:0;padding:0 5px}.style-picker label{cursor:pointer;margin-top:5px;display:block;position:relative}.style-picker input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.style-picker span{border:1px solid var(--line);min-height:44px;font-size:calc(13px * var(--font-scale,1));border-radius:9px;padding:10px 12px;display:block}.style-picker input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.style-picker input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}[data-style-preview=warm]{font-family:Georgia,serif;font-style:italic}[data-style-preview=minimal]{letter-spacing:.5px;font-family:Arial,sans-serif}[data-style-preview=technical]{text-transform:uppercase;letter-spacing:1px;font-family:ui-monospace,monospace}:root[data-style=minimal]{--bg:#f6f7f9;--surface:#fff;--text:#212832;--muted:#596474;--line:#dbe0e7;--track:#e4e8ee;--shadow:none}:root[data-style=minimal][data-theme=dark]{--bg:#14171c;--surface:#1d222a;--text:#f0f3f8;--muted:#aeb9c9;--line:#39414e;--track:#303947}[data-style=minimal] h1,[data-style=minimal] .guide h2,[data-style=minimal] .faq h2{letter-spacing:-1.5px;font-family:inherit;font-weight:600}[data-style=minimal] h1 em{font-style:normal}[data-style=minimal] .timer-card,[data-style=minimal] .settings-card{box-shadow:none;border-radius:8px}[data-style=minimal] .settings-icon{display:none}[data-style=minimal] .progress-ring{stroke-width:2px}[data-style=minimal] .primary{border-radius:6px}:root[data-style=technical]{--bg:#e9eef3;--surface:#f8fbfe;--text:#182d3e;--muted:#506578;--line:#b9cbd8;--track:#d0dee8;--shadow:none}:root[data-style=technical][data-theme=dark]{--bg:#080e16;--surface:#101c28;--text:#e2edf7;--muted:#9cb2c8;--line:#2b4358;--track:#20374a}[data-style=technical] body{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-blend-mode:soft-light;background-size:48px 48px;background-color:var(--bg)}[data-style=technical] h1,[data-style=technical] h2,[data-style=technical] .time,[data-style=technical] .phase-label,[data-style=technical] .primary{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}[data-style=technical] h1{font-size:calc(clamp(30px,3.6vw,48px) * var(--font-scale,1));letter-spacing:-1.8px}[data-style=technical] h1 em{font-style:normal}[data-style=technical] .timer-card,[data-style=technical] .settings-card{border-top:3px solid var(--accent);background:var(--surface);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 12%,transparent);border-radius:3px}[data-style=technical] .primary,[data-style=technical] .secondary,[data-style=technical] .apply-button,[data-style=technical] .mode-switch,[data-style=technical] .mode-switch a{border-radius:3px}[data-style=technical] .progress-ring{stroke-width:4px}[data-style=technical] .time{font-size:calc(64px * var(--font-scale,1));letter-spacing:-4px}[data-style=technical] .time.has-hours{font-size:calc(42px * var(--font-scale,1));letter-spacing:-2px}[data-style=technical] .site-header,[data-style=technical] .site-footer,[data-style=technical] .guide,[data-style=technical] .faq{background:var(--bg)}@media (width<=680px){.palette-menu{right:-20px}}.style-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.style-picker label{min-width:0;margin-top:0}.style-picker span{place-items:center;min-height:44px;padding:8px;display:grid}.style-picker svg{width:22px;height:22px}.style-picker input:checked+span{box-shadow:inset 0 0 0 1px var(--accent)}[data-style=soft] h1,[data-style=soft] .guide h2,[data-style=soft] .faq h2{letter-spacing:-1.5px;font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif;font-weight:600}[data-style=soft] h1 em{font-style:normal}[data-style=soft] .timer-card,[data-style=soft] .settings-card{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--accent-soft) 40%,var(--surface)));box-shadow:0 16px 40px color-mix(in srgb,var(--accent) 12%,transparent);border-radius:36px}[data-style=soft] .primary,[data-style=soft] .secondary,[data-style=soft] .apply-button,[data-style=soft] .mode-switch,[data-style=soft] .mode-switch a{border-radius:999px}[data-style=soft] .primary{box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 24%,transparent)}[data-style=soft] .progress-ring{stroke-width:7px}[data-style=soft] .time{font-weight:600}[data-style=soft] input[type=number]{border-radius:15px}.apply-button{background:var(--accent);color:#fff;min-height:48px;box-shadow:none;font-size:calc(13px * var(--font-scale,1));border:1px solid #0000;justify-content:center;gap:9px;padding:13px 16px;font-weight:600}.apply-button svg{stroke-width:2px;width:18px;height:18px}[data-theme=dark] .apply-button{color:#172018}.apply-button:hover:not(:disabled){filter:brightness(.92);box-shadow:0 3px 10px color-mix(in srgb, var(--accent) 18%, transparent)}.apply-button:active:not(:disabled){filter:brightness(.84);box-shadow:none}@media (prefers-reduced-motion:no-preference){.apply-button{transition:filter .15s,box-shadow .15s}}@media (width<=680px){.site-header{flex-wrap:nowrap;gap:8px}.brand-wordmark{display:none}.brand{flex-shrink:0}.header-tools{gap:8px}}:root{--font-scale:1}:root[data-font-size="1"]{--font-scale:1.1}:root[data-font-size="2"]{--font-scale:1.2}:root[data-font-size="3"]{--font-scale:1.3}.font-size-picker{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.font-size-picker label{font-size:calc(11px * var(--font-scale));color:var(--muted);justify-content:space-between;gap:8px;display:flex}.font-size-picker output{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--accent)}.font-size-picker input{width:100%;min-height:32px;accent-color:var(--accent);cursor:pointer;margin:5px 0;display:block}.font-size-steps{font-size:calc(9px * var(--font-scale));color:var(--muted);justify-content:space-between;display:flex}.palette-menu{max-height:calc(100dvh - 100px);overflow-y:auto}.clock{container-type:inline-size}.time{font-size:min(calc(70px * var(--font-scale)),25cqw)}.time.has-hours{font-size:min(calc(49px * var(--font-scale)),17cqw)}[data-style=technical] .time{font-size:min(calc(64px * var(--font-scale)),24cqw)}[data-style=technical] .time.has-hours{font-size:min(calc(42px * var(--font-scale)),16cqw)}.focus-view .time{font-size:min(calc(85px * var(--font-scale)),25cqw)}.focus-view .time.has-hours{font-size:min(calc(57px * var(--font-scale)),17cqw)}.phase-label{overflow-wrap:anywhere;padding:0 12px}@media (width<=680px){.header-tools{gap:6px}.language-dropdown summary{min-width:0;padding:10px 8px}.mode-switch a{padding:12px 14px}.pomo-inputs label{flex-wrap:wrap}.timer-controls{gap:8px}#start{min-width:0}}.palette-dropdown>.preferences-trigger{border-radius:13px;width:44px}.palette-dropdown>.preferences-trigger svg{width:22px;height:22px;color:var(--text)}.palette-dropdown[open]>.preferences-trigger svg{transform:none}.preferences-panel{overscroll-behavior:contain;border-radius:20px;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);padding:20px;right:0;overflow-y:auto}.preferences-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.preferences-heading h2{font-size:calc(17px * var(--font-scale));margin:0;font-weight:600}#preferences-close{width:40px;min-height:40px;color:var(--muted);background:0 0;border-radius:10px;place-items:center;display:grid}#preferences-close:hover{background:var(--accent-soft)}.preferences-panel h3,.preferences-panel legend{font-size:calc(12px * var(--font-scale));color:var(--muted);margin:0 0 10px;font-weight:550}.preferences-panel .language-menu{min-width:0;box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0;display:grid;position:static}.preferences-panel .language-menu a{border:1px solid var(--line);min-width:0;min-height:44px;font-size:calc(12px * var(--font-scale));gap:6px;margin:0;padding:9px 10px}.preferences-panel .language-code{display:none}.preferences-panel .language-menu a[aria-current]{border-color:var(--accent)}.preferences-theme{margin:18px 0}.theme-segments{border:1px solid var(--line);background:var(--track);border-radius:12px;gap:4px;width:100%;padding:4px;display:flex}.theme-segments button{min-height:40px;font-size:calc(12px * var(--font-scale));color:var(--muted);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:7px;display:flex}.theme-segments svg{width:17px;height:17px}.theme-segments .theme-light{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0001}[data-theme=dark] .theme-segments .theme-light{color:var(--muted);box-shadow:none;background:0 0}[data-theme=dark] .theme-segments .theme-dark{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0001}.preferences-panel .palette-grid legend{float:none;padding:0}.preferences-panel .style-picker legend{padding:0 5px}.preferences-panel .font-size-picker label{font-size:calc(12px * var(--font-scale))}@media (width<=680px){.preferences-panel{width:auto;max-width:none;max-height:calc(100dvh - 104px);position:fixed;top:88px;left:16px;right:16px}}.theme-segments button{cursor:pointer;background:0 0}@media (width<=680px){.brand-wordmark{display:inline}.brand{font-size:calc(16px * var(--font-scale));letter-spacing:-.6px;gap:7px}.brand-product{font-size:calc(12px * var(--font-scale));padding-left:0;display:inline}}.privacy-promise{text-align:center;font-size:calc(11px * var(--font-scale));color:var(--green);margin:10px 0 48px;font-weight:550}.site-footer{flex-wrap:wrap}.support-section{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:16px 28px;width:100%;margin-bottom:3px;padding-bottom:26px;display:grid}.support-section h2{font-size:calc(17px * var(--font-scale));margin:0 0 10px;font-weight:550}.site-footer .support-section p{max-width:560px;font-size:calc(12px * var(--font-scale));line-height:1.8}.support-actions{flex-direction:column;justify-content:center;gap:8px;display:flex}.support-actions a{border:1px solid var(--line);min-height:44px;font-size:calc(12px * var(--font-scale));color:var(--accent);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 15px;display:flex}.support-actions a:hover{border-color:var(--accent);background:var(--accent-soft)}.site-footer .external-note{max-width:none;font-size:calc(10px * var(--font-scale));grid-column:1/-1;margin:0}.site-footer .footer-credit{text-align:center;width:100%;font-size:calc(11px * var(--font-scale));margin:6px 0 0;line-height:1.8}.footer-credit a{color:var(--text)}@media (width<=680px){.support-section{grid-template-columns:1fr;gap:16px}.support-actions{align-items:stretch}}.focus-view .privacy-promise{display:none}.storage-choice{border-top:1px solid var(--border,#8885);margin-top:.75rem;padding-top:1rem}.storage-choice label{cursor:pointer;align-items:flex-start;gap:.65rem;font-weight:600;display:flex}.storage-switch{flex:0 0 3rem;width:3rem;height:1.75rem;margin-block:.1rem;display:inline-block;position:relative}.storage-choice .storage-switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.storage-switch-track{border:1px solid var(--muted);background:var(--track);border-radius:999px;width:100%;height:100%;transition:background .18s,border-color .18s;display:block}.storage-switch-track:after{content:"";background:var(--text);border-radius:50%;width:1.25rem;height:1.25rem;transition:transform .18s,background .18s;position:absolute;top:.25rem;left:.25rem}.storage-switch input:checked+.storage-switch-track{background:var(--accent);border-color:var(--accent)}.storage-switch input:checked+.storage-switch-track:after{background:var(--bg);transform:translate(1.25rem)}.storage-switch input:focus-visible+.storage-switch-track{outline:3px solid var(--accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){.storage-switch-track,.storage-switch-track:after{transition:none}}@media (forced-colors:active){.storage-switch-track{background:canvas;border-color:buttontext}.storage-switch-track:after{background:buttontext}.storage-switch input:checked+.storage-switch-track{background:highlight}.storage-switch input:checked+.storage-switch-track:after{background:highlighttext}}.storage-choice p{margin:.5rem 0 0;font-size:.8rem;line-height:1.5}.storage-choice [role=status]:empty{display:none}#clear-storage{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}#clear-storage svg{width:1.15em;height:1.15em}.mode-switch{flex-wrap:wrap;justify-content:center}#training-app .clock{min-height:0}#training-app .clock-content{width:100%}#training-app .timer-controls{flex-wrap:wrap}#training-total-progress{stroke:var(--accent);stroke-width:2px;stroke-dasharray:100;stroke-dashoffset:0;opacity:.65}@media (prefers-reduced-motion:no-preference){#training-total-progress{transition:stroke-dashoffset .2s linear}}@page legal-document{size:A4;margin:18mm 18mm 20mm}@media print{body.legal-document{page:legal-document;margin:0;color:#000!important;background:#fff!important}html:has(body.legal-document){background:#fff!important}body.legal-document .site-header,body.legal-document .site-footer,body.legal-document .skip-link,body.legal-document dialog,body.legal-document .legal-nav,body.legal-document .legal-back{display:none!important}body.legal-document .site-shell,body.legal-document main,body.legal-document .legal-page{width:auto;max-width:none;min-height:0;margin:0;padding:0;display:block;overflow:visible}body.legal-document .legal-page,body.legal-document .legal-page *{color:#000!important;box-shadow:none!important;text-shadow:none!important;letter-spacing:normal!important;background:0 0!important;font-family:Arial,Helvetica,sans-serif!important}body.legal-document .legal-page{font-size:11pt;line-height:1.45}body.legal-document .legal-page h1{margin:0 0 7mm;font-size:22pt;line-height:1.2}body.legal-document .legal-page h2{margin:6mm 0 2mm;font-size:14pt;line-height:1.3}body.legal-document .legal-page h3{font-size:12pt}body.legal-document .legal-page h1,body.legal-document .legal-page h2,body.legal-document .legal-page h3{break-after:avoid-page;page-break-after:avoid}body.legal-document .legal-page p,body.legal-document .legal-page li{orphans:3;widows:3;font-size:11pt;line-height:1.45}body.legal-document .legal-page p{margin:0 0 3mm}body.legal-document .legal-page ul{margin:2mm 0 4mm;padding-left:6mm}body.legal-document .legal-page li{margin-bottom:2mm}body.legal-document .legal-page .eyebrow{margin-bottom:3mm;font-size:9pt;display:block}body.legal-document .legal-page code{overflow-wrap:anywhere;font-size:9pt;font-family:monospace!important}body.legal-document .legal-page a{overflow-wrap:anywhere;text-decoration:underline}body.legal-document .legal-page a[href^="https://"]:after{content:" (" attr(href) ")";font-size:9pt;font-weight:400}}@media screen and (orientation:landscape) and (height<=600px){body.focus-view .site-shell{max-width:none;padding:0 max(12px, env(safe-area-inset-left)) 0 max(12px, env(safe-area-inset-right))}body.focus-view .workspace{max-width:1000px;min-height:100dvh;padding:8px 0}body.focus-view .timer-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:auto;align-content:center;align-items:center;gap:8px clamp(12px,3vw,32px);min-height:calc(100dvh - 16px);padding:12px;display:grid}body.focus-view .timer-card>*{grid-column:2;min-width:0}body.focus-view .timer-card>.clock{grid-area:1/1/span 8;align-self:center;width:min(100%,100dvh - 64px);min-height:0;margin:0 auto}body.focus-view .card-top{justify-content:center}body.focus-view .timer-controls{flex-wrap:wrap;gap:8px;margin:0}body.focus-view .timer-controls button{min-height:44px;padding:10px 14px}body.focus-view .timer-status{min-height:0;margin:0;font-size:12px;line-height:1.4}body.focus-view .timer-status:empty{display:none}body.focus-view .presets{flex-wrap:wrap;gap:5px;margin:0}body.focus-view .phase-summary{flex-wrap:wrap;gap:8px;margin:0}body.focus-view .clock .phase-label{margin:0 0 6px}body.focus-view .clock .round-label,body.focus-view #training-round{margin:6px 0 0}}.focus-details{display:contents}body.focus-view .timer-card{position:relative}body.focus-view .card-top{z-index:2;position:absolute;top:12px;right:12px}@media screen and (orientation:landscape) and (height<=600px){body.focus-view .timer-card{grid-template-rows:minmax(0,1fr);row-gap:0}body.focus-view .timer-card>.clock{grid-row:1}body.focus-view .timer-card>.focus-details{text-align:center;flex-direction:column;grid-area:1/2;justify-content:center;align-items:center;gap:12px;width:100%;padding-block:36px;display:flex}body.focus-view .focus-details .timer-controls,body.focus-view .focus-details .presets,body.focus-view .focus-details .phase-summary{justify-content:center}body.focus-view .card-top{top:max(12px, env(safe-area-inset-top));right:12px}}.clock-card{padding-top:50px;position:relative}.clock-display{flex-direction:column;align-items:center;gap:20px;padding:20px 0;display:flex}#analog-clock{width:min(320px,100%);height:auto;stroke:var(--text);stroke-width:2px;fill:none}.dial{stroke:var(--accent);fill:var(--surface)}.minute-mark{stroke:var(--muted);stroke-width:1px}.hour-mark{stroke:var(--accent);stroke-width:3px}#dial-numbers text{fill:var(--text);stroke:none;text-anchor:middle;dominant-baseline:middle;font:16px system-ui}#hour-hand{stroke-width:7px}#minute-hand{stroke-width:4px}#second-hand{stroke:var(--accent);stroke-width:2px}.hub{fill:var(--accent);stroke:none}.clock-readout{text-align:center;overflow-wrap:anywhere;max-width:100%}#digital-clock{font-size:clamp(30px,5vw,60px);font-size:calc(clamp(30px,5vw,60px)*var(--font-scale,1));font-variant-numeric:tabular-nums;line-height:1.2}#clock-date{font-size:calc(17px*var(--font-scale,1));line-height:1.5}#clock-zone{color:var(--muted);font-size:13px}[data-view=analog] #digital-clock,[data-view=digital] #analog-clock{display:none}.clock-settings>label:not(.toggle-row){flex-direction:column;gap:8px;margin:15px 0;font-size:14px;display:flex}.clock-settings select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:10px}.clock-card .card-top{position:absolute;top:15px;right:15px}.focus-view .clock-card{flex-direction:column;justify-content:center;min-height:calc(100dvh - 48px);display:flex}.focus-view #analog-clock{width:min(50dvh,450px)}.focus-view .clock-display{width:100%}.focus-view #digital-clock{font-size:clamp(32px,8vw,90px)}@media (orientation:landscape) and (height<=600px){body.focus-view .clock-card{min-height:calc(100dvh - 16px);padding:48px 16px 16px;display:flex}body.focus-view .clock-display{flex-direction:row;justify-content:center;gap:32px}body.focus-view #analog-clock{flex-shrink:0;width:min(42vw,100dvh - 100px)}body.focus-view .clock-readout{flex:1}body.focus-view #digital-clock{font-size:clamp(28px,5vw,60px)}body.focus-view #clock-date{margin:10px 0}body.focus-view .clock-display[data-view=digital]{justify-content:center}}#clock-app #wake-status:empty{display:none}.clock-select-field{flex-direction:column;gap:8px;margin:15px 0;font-size:14px;display:flex}.clock-select{min-width:0;position:relative}.clock-select-trigger{text-align:left;background:var(--surface);width:100%;min-height:46px;color:var(--text);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.clock-select-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.clock-select-trigger>span:first-child{overflow-wrap:anywhere}.clock-select-options{z-index:20;border:1px solid var(--line);background:var(--surface);overscroll-behavior:contain;border-radius:14px;max-height:min(280px,45dvh);padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 35px #0003}.clock-select-options[hidden]{display:none}.clock-select-options button{width:100%;min-height:44px;color:var(--text);text-align:left;overflow-wrap:anywhere;background:0 0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.clock-select-options button:hover,.clock-select-options button:focus-visible{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px}.clock-select-options button[aria-selected=true]{background:var(--accent-soft);color:var(--accent);font-weight:650}.clock-select-options .option-check{visibility:hidden;flex-shrink:0}.clock-select-options [aria-selected=true] .option-check{visibility:visible}[data-style=technical] .clock-select-trigger,[data-style=technical] .clock-select-options,[data-style=technical] .clock-select-options button{border-radius:4px}.clock-select-trigger .clock-select-chevron{width:18px;height:18px;color:var(--muted);stroke-width:2px;flex:0 0 18px}.clock-select-trigger[aria-expanded=true] .clock-select-chevron{color:var(--accent);transform:rotate(180deg)}@media (prefers-reduced-motion:no-preference){.clock-select-chevron{transition:transform .18s,color .18s}}#flip-clock,#flip-context,[data-view=flip] #analog-clock{display:none}:is([data-view=flip],[data-view=analogFlip]) #digital-clock{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:is([data-view=flip],[data-view=analogFlip]) #flip-clock{justify-content:center;align-items:center;gap:.07em;display:flex}:is([data-view=flip],[data-view=analogFlip]) #flip-context{color:var(--muted);margin:10px 0;font-size:14px;display:block}:is([data-view=flip],[data-view=analogFlip]) #flip-context:empty{display:none}.clock-readout{width:100%;container-type:inline-size}#flip-clock{--flip-size:min(calc(62px * var(--font-scale,1)),12cqw);font:700 var(--flip-size)/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.flip-digit{perspective:500px;border-radius:.1em;flex:0 0 .72em;width:.72em;height:1.35em;display:block;position:relative;box-shadow:0 .06em .1em #0003}.flip-half{background:var(--accent-soft);width:100%;height:50%;color:var(--text);backface-visibility:hidden;position:absolute;left:0;overflow:hidden}.flip-half>span{text-align:center;width:100%;height:1.35em;line-height:1.35em;position:absolute;left:0}.flip-top{transform-origin:bottom;filter:brightness(.96);border-radius:.1em .1em 0 0;top:0}.flip-bottom{transform-origin:top;border-radius:0 0 .1em .1em;bottom:0}.flip-top>span{top:0}.flip-bottom>span{bottom:0}.flip-digit:after{content:"";border-top:1px solid var(--line);z-index:5;pointer-events:none;position:absolute;top:50%;left:0;right:0}.flip-separator{color:var(--accent);font-size:.65em}.flip-moving.flip-top{z-index:3;animation:.26s ease-in forwards flip-up}.flip-moving.flip-bottom{z-index:4;animation:.26s ease-out .26s forwards flip-down;transform:rotateX(90deg)}@keyframes flip-up{to{transform:rotateX(-90deg)}}@keyframes flip-down{to{transform:rotateX(0)}}.focus-view #flip-clock{--flip-size:min(calc(110px * var(--font-scale,1)),12cqw)}@media (prefers-reduced-motion:reduce){.flip-moving{display:none}}#styled-date{text-align:center;margin:20px auto 0}#styled-date[hidden],#styled-date .date-calendar,#styled-date .date-weekday,#styled-date .date-elegant,#styled-date .date-flaps,#styled-date .date-flap-caption{display:none}#styled-date[data-style=calendarDate] .date-calendar{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;min-width:170px;max-width:100%;display:inline-flex;overflow:hidden;box-shadow:0 5px 15px #0001}.date-month{color:var(--bg);background:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:calc(12px * var(--font-scale,1));padding:8px 20px}.date-day{font-size:calc(48px * var(--font-scale,1));font-variant-numeric:tabular-nums;padding:12px 20px 6px;line-height:1.2}.date-footer{color:var(--muted);font-size:calc(12px * var(--font-scale,1));padding:0 14px 12px}#styled-date[data-style=elegantDate] .date-weekday{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:calc(12px * var(--font-scale,1));margin:0 0 8px;display:block}#styled-date[data-style=elegantDate] .date-elegant{font-family:Georgia,serif;font-size:calc(22px * var(--font-scale,1));margin:0;display:block}#styled-date[data-style=flipDate] .date-flaps{font:700 min(calc(40px * var(--font-scale,1)),10cqw)/1.35 ui-monospace,monospace;justify-content:center;align-items:center;gap:.08em;display:flex}#styled-date[data-style=flipDate] .date-flap-caption{font-size:calc(13px * var(--font-scale,1));color:var(--muted);margin:10px 0 0;display:block}.date-flaps .flip-separator{width:.22em;font-size:0}.date-flaps .flip-separator:after{content:"/";font-size:min(calc(28px * var(--font-scale,1)),7cqw)}@media (orientation:landscape) and (height<=600px){.focus-view #styled-date{margin-top:12px}.focus-view .date-day{padding:4px 12px;font-size:32px}.focus-view .date-month{padding:4px 12px}.focus-view .date-footer{padding-bottom:6px}.focus-view #styled-date .date-calendar{min-width:150px}}.date-flaps .flip-separator{flex:0 0 12px;width:12px}@media screen and (orientation:landscape) and (height<=600px){body.focus-view .workspace{min-height:100dvh;padding:8px 0}body.focus-view .clock-card{min-height:calc(100dvh - 16px);padding:42px 12px 10px}body.focus-view .clock-display{gap:clamp(12px,3vw,28px);min-height:0;padding:0}body.focus-view #analog-clock{width:min(40vw,100dvh - 88px);max-height:calc(100dvh - 88px)}body.focus-view .clock-readout{min-width:0}body.focus-view #clock-zone{margin:6px 0 0;font-size:12px;line-height:1.2}body.focus-view #clock-date{font-size:min(calc(17px * var(--font-scale,1)), 5dvh);margin:6px 0}body.focus-view #styled-date{margin-top:8px}body.focus-view .date-month{padding:4px 10px;font-size:11px}body.focus-view .date-day{padding:3px 10px;font-size:min(32px,9dvh)}body.focus-view .date-footer{padding:0 10px 5px;font-size:11px}body.focus-view #flip-context{margin:4px 0;font-size:12px}body.focus-view #styled-date .date-elegant{font-size:min(calc(22px * var(--font-scale,1)), 6dvh)}body.focus-view #styled-date .date-weekday{margin-bottom:4px;font-size:11px}body.focus-view #styled-date .date-flap-caption{margin-top:4px;font-size:11px}body.focus-view .clock-display[data-view=analog] #styled-date[data-style=calendarDate] .date-calendar{width:min(100%,260px,65dvh)}body.focus-view .clock-display[data-view=analog] .date-month{padding:2dvh 14px;font-size:clamp(12px,3.8dvh,19px)}body.focus-view .clock-display[data-view=analog] .date-day{padding:1dvh 14px;font-size:clamp(44px,21dvh,100px)}body.focus-view .clock-display[data-view=analog] .date-footer{padding:0 14px 2dvh;font-size:clamp(12px,3.8dvh,18px)}body.focus-view .clock-display:not([data-view=analog]) #styled-date[data-style=calendarDate] .date-calendar{width:min(100%,220px,55dvh)}body.focus-view .clock-display:not([data-view=analog]) .date-day{font-size:clamp(32px,12dvh,60px)}body.focus-view .clock-display:is([data-view=analog],[data-view=combined],[data-view=analogFlip]){grid-template-columns:minmax(0,1fr) minmax(0,1fr);place-items:center;column-gap:clamp(12px,3vw,28px);display:grid}body.focus-view .clock-display:is([data-view=analog],[data-view=combined],[data-view=analogFlip]) #analog-clock,body.focus-view .clock-display[data-view=analog] #styled-date[data-style=calendarDate] .date-calendar{width:min(100%,100dvh - 88px)}body.focus-view .clock-card{padding-block:32px}body.focus-view .clock-display[data-view=analog] .clock-readout{position:relative}body.focus-view .clock-display[data-view=analog] #styled-date{margin-top:0}body.focus-view .clock-display[data-view=analog] #clock-date{margin-block:0}body.focus-view .clock-display[data-view=analog] #clock-zone{width:100%;margin:6px 0 0;position:absolute;top:100%;left:0}body.focus-view .clock-display:is([data-view=flip],[data-view=analogFlip]) #styled-date[data-style=calendarDate]{margin-top:clamp(16px,5dvh,26px)}}