: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}}#training-form .pomo-inputs label{grid-template-columns:minmax(0,1fr) 67px;align-items:center;gap:12px;display:grid}#training-form .training-field-label{overflow-wrap:anywhere;min-width:0}#training-form .pomo-inputs input{width:100%;min-width:0}@media (width<=680px){#training-form .pomo-inputs label{grid-template-columns:minmax(0,1fr) 80px}}.support-actions a.support-coffee{background:var(--accent);color:var(--surface);border-color:var(--accent);min-height:50px;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 20%,transparent);font-weight:650}.support-actions a.support-coffee:hover{background:var(--accent);border-color:var(--accent);filter:brightness(.94)}[data-theme=dark] .support-actions a.support-coffee{color:#24241f}.relax-top{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}#sound-stage{aspect-ratio:1.15;isolation:isolate;background:radial-gradient(ellipse at 25% 35%,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface));border-radius:28px;width:100%;margin:24px 0;position:relative;overflow:hidden}.ambient-glow{background:radial-gradient(circle,color-mix(in srgb,var(--relax-tone-0) 16%,transparent),color-mix(in srgb,var(--relax-tone-3) 12%,transparent),transparent 70%);filter:blur(16px);border-radius:50%;position:absolute;inset:15%}#sound-shapes{position:absolute;inset:0}.scene-word{color:var(--muted);opacity:.5;letter-spacing:4px;pointer-events:none;font-family:Georgia,serif;font-size:clamp(28px,5vw,46px);font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sound-shape{aspect-ratio:1;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--tone-colour) 75%,var(--surface)),var(--tone-colour));opacity:0;animation:shape-bloom var(--life) ease-in-out forwards;box-shadow:0 0 30px color-mix(in srgb,var(--tone-colour) 18%,transparent);position:absolute;transform:scale(.3)}.shape-0{border-radius:50%}.shape-1{border-radius:35% 65% 50% 50%}.shape-2{border-radius:28%}.shape-3{border-radius:55% 40% 65% 35%}@keyframes shape-bloom{0%{opacity:0;transform:scale(.3)translate(-20%,-20%)}25%{opacity:.68}55%{opacity:.48;transform:scale(1.15)translate(-10%,-10%)}to{opacity:0;transform:scale(.5)translate(0)}}#state{text-align:center;min-height:1.6em;font-size:calc(13px * var(--font-scale));color:var(--muted);line-height:1.6}#relax-app .timer-controls button{width:48px;min-width:48px;height:48px;padding:12px}.relax-meta{text-align:center;color:var(--muted);font-size:calc(12px * var(--font-scale))}#session-progress{width:100%;height:5px;accent-color:var(--accent)}#wake-status,#audio-status{text-align:center;color:var(--accent);font-size:.8rem;line-height:1.5}#wake-status:empty,#audio-status:empty{display:none}.relax-check{min-height:48px;font-size:calc(13px * var(--font-scale));cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.relax-check .storage-switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.relax-field{font-size:calc(12px * var(--font-scale));gap:8px;margin:14px 0;display:grid}.relax-field input[type=range]{width:100%;accent-color:var(--accent);min-height:32px;margin:0}.relax-field output{color:var(--muted);text-align:right;font-size:.75rem}.relax-field small{color:var(--muted);line-height:1.6}.ambient-settings{border-block:1px solid var(--line);margin:20px 0;padding:16px 0}.ambient-settings legend{color:var(--muted);padding-right:8px;font-size:.85rem}.noise-picker{gap:6px;margin:16px 0;display:grid}.noise-picker label{border:1px solid var(--line);min-height:44px;font-size:calc(12px * var(--font-scale));cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.noise-picker label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.noise-picker input{accent-color:var(--accent)}.relax-safety{text-align:center;max-width:420px;color:var(--muted);font-size:calc(12px * var(--font-scale));margin:16px auto 0;line-height:1.6}.relax-safety p{margin:0}.safety-link{color:var(--accent);text-underline-offset:3px;min-height:44px;font-size:inherit;background:0 0;padding:8px;text-decoration:underline}#first-start-dialog,#safety-dialog{max-height:calc(100dvh - 32px);overflow:auto}#safety-dialog li{color:var(--muted);font-size:calc(13px * var(--font-scale));margin:12px 0;line-height:1.7}#safety-dialog ul{padding-left:20px}.number-stepper{grid-template-columns:44px minmax(48px,1fr) 44px;align-items:center;gap:4px;display:grid}.number-stepper button{border:1px solid var(--line);background:var(--accent-soft);min-width:44px;min-height:48px;color:var(--accent);border-radius:10px;place-items:center;padding:10px;display:grid}.number-stepper input{-moz-appearance:textfield;appearance:textfield}.number-stepper input::-webkit-inner-spin-button,.number-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (prefers-reduced-motion:reduce){.sound-shape{animation:none}}.legal-page h1,.legal-page h2,.legal-page p,.legal-page li{overflow-wrap:anywhere}.legal-nav{flex-wrap:wrap}.ambient-glow[data-wind-animated=true]{background:radial-gradient(circle,color-mix(in srgb,var(--relax-tone-0) 60%,transparent),color-mix(in srgb,var(--relax-tone-3) 40%,transparent),transparent 70%);transform:scale(calc(.7 + var(--wind-level,0) * .8));opacity:calc(.12 + var(--wind-level,0) * .88)}@keyframes ambient-drift{0%{opacity:.6;transform:scale(.85)translate(-8%,-5%)}to{opacity:.85;transform:scale(1.12)translate(8%,5%)}}@media (prefers-reduced-motion:reduce){.ambient-glow{animation:none!important}}[data-relax-state=running] .scene-word{visibility:hidden}#instrument-dropdown,.sound-dropdown{position:relative}#instrument-dropdown summary,.sound-dropdown summary{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 16px;font-weight:600;list-style:none;display:flex}#instrument-dropdown summary::-webkit-details-marker,.sound-dropdown summary::-webkit-details-marker{display:none}#instrument-dropdown summary svg,.sound-dropdown summary svg{width:20px;height:20px;transition:transform .15s}#instrument-dropdown[open] summary svg,.sound-dropdown[open] summary svg{transform:rotate(180deg)}.instrument-options{z-index:5;border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:0;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 8px 24px #0002}.instrument-options label{cursor:pointer;border-radius:9px;align-items:center;gap:12px;min-height:48px;padding:12px;display:flex;position:relative}.instrument-options label:hover{background:var(--accent-soft)}.instrument-options label:has(input:checked){background:var(--accent-soft);color:var(--accent);font-weight:600}.instrument-options label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.instrument-options input{opacity:0;width:1px;height:1px;position:absolute}.instrument-check{visibility:hidden;width:20px;height:20px;margin-left:auto}.instrument-options input:checked~.instrument-check{visibility:visible}:root{--relax-hue:45;--relax-lightness:55%;--relax-chroma:.14;--relax-tone-0:oklch(var(--relax-lightness) var(--relax-chroma) var(--relax-hue));--relax-tone-1:oklch(calc(var(--relax-lightness) + 3%) calc(var(--relax-chroma) * .9) calc(var(--relax-hue) - 30));--relax-tone-2:oklch(calc(var(--relax-lightness) - 3%) var(--relax-chroma) calc(var(--relax-hue) + 35));--relax-tone-3:oklch(calc(var(--relax-lightness) + 2%) calc(var(--relax-chroma) * .85) calc(var(--relax-hue) - 55));--relax-tone-4:oklch(calc(var(--relax-lightness) - 2%) calc(var(--relax-chroma) * .95) calc(var(--relax-hue) + 60));--relax-tone-5:oklch(calc(var(--relax-lightness) + 4%) calc(var(--relax-chroma) * .8) calc(var(--relax-hue) + 100));--relax-tone-6:oklch(calc(var(--relax-lightness) - 4%) calc(var(--relax-chroma) * 1.05) calc(var(--relax-hue) - 15));--relax-tone-7:oklch(calc(var(--relax-lightness) + 1%) calc(var(--relax-chroma) * .9) calc(var(--relax-hue) + 18))}:root[data-palette=blue]{--relax-hue:250}:root[data-palette=green]{--relax-hue:145}:root[data-palette=orange]{--relax-hue:65}:root[data-palette=red]{--relax-hue:25}:root[data-palette=violet]{--relax-hue:300}:root[data-palette=teal]{--relax-hue:185}:root[data-palette=rose]{--relax-hue:355}:root[data-theme=dark]{--relax-lightness:76%;--relax-chroma:.12}.pitch-scale{color:var(--muted);justify-content:space-between;font-size:.8rem;display:flex}.rain-drop{width:var(--drop-size);height:var(--drop-size);background:var(--drop-colour);pointer-events:none;box-shadow:0 0 8px color-mix(in srgb,var(--drop-colour) 18%,transparent);border-radius:65% 65% 65% 8%;animation:.9s ease-out forwards rain-drop;position:absolute}@keyframes rain-drop{0%{opacity:.15;transform:translateY(-8px)rotate(-45deg)scale(.6)}25%{opacity:.75;transform:translateY(0)rotate(-45deg)scale(1)}65%{opacity:.4;transform:translateY(2px)rotate(-45deg)scale(.85)}to{opacity:0;transform:translateY(3px)rotate(-45deg)scale(.35)}}@media (prefers-reduced-motion:reduce){.rain-drop{animation:none;display:none}}.instrument-option-copy{gap:4px;display:grid}.instrument-option-copy small{color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.5}.instrument-options{max-height:min(420px,55vh);overflow-y:auto}.instrument-kalimba{filter:blur(1px);border-radius:50%}.instrument-handpan{background:radial-gradient(circle,transparent 32%,color-mix(in srgb,var(--tone-colour) 45%,transparent) 55%,var(--tone-colour) 70%,transparent 74%);box-shadow:none;border-radius:50%}.instrument-bells{background:radial-gradient(circle,transparent 45%,color-mix(in srgb,var(--tone-colour) 55%,transparent) 58%,var(--tone-colour) 65%,transparent 72%);box-shadow:none;border-radius:50%}.instrument-gong{background:radial-gradient(circle,color-mix(in srgb,var(--tone-colour) 55%,var(--surface)),var(--tone-colour) 60%,transparent 74%);border-radius:50%}.instrument-harp{aspect-ratio:1/4;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tone-colour) 80%,var(--surface)),transparent);box-shadow:none;border-radius:50%}.sleep-dim-button{min-height:44px;margin:12px auto;padding:10px 18px;display:block}.sleep-dim-button[hidden]{display:none}#sleep-screen{width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;color:#737c80;background:#030405;border:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0}#sleep-screen::backdrop{backdrop-filter:none;background:#030405}#sleep-screen form{width:100%;height:100%;margin:0}.sleep-screen-surface{width:100%;height:100%;color:inherit;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.sleep-screen-surface svg{width:32px;height:32px}.sleep-screen-surface span{font-variant-numeric:tabular-nums;font-size:1.1rem}.sleep-screen-surface small{font-size:.75rem}.sleep-screen-surface:focus-visible{outline-offset:-8px;outline:2px solid #737c80}.relax-playback{display:contents}body.focus-view{overflow:hidden}body.focus-view .site-shell{width:100%;max-width:none;padding:0}body.focus-view .workspace{width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:8px;display:block}body.focus-view .relax-card{border:0;border-radius:20px;width:100%;height:100%;min-height:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}body.focus-view #sound-stage{aspect-ratio:auto;border-radius:20px;width:100%;height:100%;max-height:none;margin:0;position:absolute;inset:0}body.focus-view .relax-top{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:3;position:absolute}body.focus-view .relax-top>span{display:none}body.focus-view .relax-top button{background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:12px;min-height:44px;padding:8px 12px}body.focus-view .relax-safety{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:3;background:0 0;max-width:45%;margin:0;padding:0;position:absolute}body.focus-view .relax-safety p{display:none}body.focus-view .relax-safety button{background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:12px;min-height:44px;padding:8px 10px;font-size:.75rem;text-decoration:none}body.focus-view .relax-playback{bottom:max(12px,env(safe-area-inset-bottom));z-index:3;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px);border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;width:max-content;max-width:calc(100% - 24px);padding:10px 16px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}body.focus-view #state{flex-basis:100%;min-height:0;margin:0;font-size:.75rem}body.focus-view .timer-controls{gap:8px;margin:0;display:flex}body.focus-view .relax-meta{margin:0;font-size:.75rem}body.focus-view #session-progress{width:calc(100% - 32px);height:3px;margin:0;position:absolute;bottom:5px;left:16px}body.focus-view #wake-status:empty,body.focus-view #audio-status:empty{display:none}body.focus-view #wake-status,body.focus-view #audio-status{flex-basis:100%;max-width:32rem;margin:0;font-size:.75rem}body.focus-view .sleep-dim-button{margin:0;font-size:.75rem}body.focus-view .sound-shape{max-width:min(45dvh,45vw)}@media (width<=500px){body.focus-view .workspace{padding:0}body.focus-view .relax-card,body.focus-view #sound-stage{border-radius:0}body.focus-view .relax-top button{gap:6px;font-size:.75rem}body.focus-view .relax-playback{gap:4px 10px;padding:8px 12px 12px}}@media (height<=450px){body.focus-view #state{flex-basis:auto;max-width:200px}body.focus-view .relax-playback{gap:6px 12px;padding:6px 12px 10px}}body.focus-view.focus-cursor-hidden,body.focus-view.focus-cursor-hidden *{cursor:none!important}.nature-glimmer{width:var(--nature-size);height:var(--nature-size);pointer-events:none;opacity:0;border-radius:50%;animation:2.8s ease-in-out forwards nature-glow;position:absolute}.fire-glimmer{width:calc(var(--nature-size)*.55);height:calc(var(--nature-size)*3.2);background:radial-gradient(ellipse,color-mix(in srgb,var(--nature-colour) 35%,var(--muted)) 0%,transparent 70%);filter:blur(3px);animation:campfire-smoke var(--smoke-life,10s) linear forwards;border-radius:45% 55% 40% 60%/65% 45% 55% 35%}.fire-glimmer:before,.fire-glimmer:after{content:"";background:inherit;border-radius:40% 60% 55% 45%/65% 40% 60% 35%;position:absolute;inset:8% -12% 12% 28%}.fire-glimmer:after{inset:-18% 24% 30% -8%}@keyframes campfire-smoke{0%{opacity:0;transform:translate(-50%)scale(.45)}15%{opacity:.25}20%{transform:translate(calc(-50% + var(--smoke-drift)*.2 + var(--smoke-sway)),calc(var(--smoke-rise)*.2)) scale(.72)}40%{transform:translate(calc(-50% + var(--smoke-drift)*.4 - var(--smoke-sway)),calc(var(--smoke-rise)*.4)) scale(.99)}45%{opacity:.3}60%{transform:translate(calc(-50% + var(--smoke-drift)*.6 + var(--smoke-sway)),calc(var(--smoke-rise)*.6)) scale(1.26)}80%{opacity:.25;transform:translate(calc(-50% + var(--smoke-drift)*.8 - var(--smoke-sway)),calc(var(--smoke-rise)*.8)) scale(1.53)}95%{opacity:.15}to{opacity:0;transform:translate(calc(-50% + var(--smoke-drift,0px)),var(--smoke-rise,-700px)) scale(1.8)}}.stream-glimmer{background:radial-gradient(ellipse,transparent 35%,color-mix(in srgb,var(--nature-colour) 70%,transparent) 60%,transparent 73%);animation-duration:3.8s}@keyframes nature-glow{0%{opacity:0;transform:translateY(8px)scale(.6)}35%{opacity:.5;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(1.4)}}@media (prefers-reduced-motion:reduce){.nature-glimmer{animation:none;display:none}}#relax-app{display:block}#relax-app>.relax-card{width:100%;margin-bottom:28px}body:not(.focus-view) #sound-stage{aspect-ratio:auto;height:clamp(300px,42vw,560px)}.relax-settings{box-shadow:none;background:0 0;border:0;padding:0}.relax-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.settings-tile{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:18px;margin:0;padding:20px}.settings-tile h3,.settings-tile>legend{color:var(--text);margin:0 0 16px;padding:0;font-size:1rem;font-weight:650}fieldset.settings-tile>legend{float:left;width:100%}fieldset.settings-tile>legend+*{clear:both}.settings-tile .relax-check{gap:14px}.settings-tile .relax-check>span:first-child{overflow-wrap:anywhere;min-width:0}.settings-tile .storage-switch{flex-shrink:0}.settings-tile .noise-picker{flex-direction:column;gap:8px;display:flex}.settings-tile .noise-picker label{width:100%}.settings-tile:has(details[open]){z-index:6;position:relative}body.focus-view #relax-app>.relax-card{margin-bottom:0}@media (width<=1050px){.relax-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.relax-settings-grid{grid-template-columns:minmax(0,1fr);gap:16px}.settings-tile{padding:18px}}.instrument-tile-grid{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.instrument-tile-grid>div{min-width:0}@media (width>=651px){.instrument-tile{grid-column:span 2}.instrument-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.instrument-tile-grid>div>:first-child{margin-top:0}}.stream-glimmer{height:calc(var(--nature-size) * .35);animation:surf-wave var(--nature-life,7s) ease-in-out forwards;border-radius:50%}@keyframes surf-wave{0%{opacity:0;transform:translate(-20px)scale(.65)}35%{opacity:.45;transform:translate(0)scale(1.25)}to{opacity:0;transform:translate(24px)scale(.8)}}#ocean-wave{pointer-events:none;opacity:.48;width:100%;height:100%;position:absolute;inset:0}#ocean-wave[data-hidden]{display:none}.ocean-edge{stop-color:var(--relax-tone-4);stop-opacity:.9}.ocean-base{stop-color:var(--relax-tone-6);stop-opacity:.18}.campfire-scene{pointer-events:none;height:min(32%,180px);position:absolute;inset:auto 0 0}.campfire-scene[hidden]{display:none}.campfire-scene:before{content:"";background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--relax-tone-0) 40%,#df7030),transparent 70%);filter:blur(12px);opacity:.45;position:absolute;inset:30% 12% -35%}.campfire-flame{transform-origin:50% 100%;background:linear-gradient(to top,#b8492380 0%,color-mix(in srgb,var(--relax-tone-0) 35%,#ed8a38) 45%,#f9d889b0 85%,#fff2c950);opacity:.72;filter:blur(1px);width:clamp(30px,8%,100px);animation:campfire-flame var(--flame-time,4s) ease-in-out var(--flame-delay,0s) infinite;border-radius:65% 35% 40% 45%/95% 95% 10% 10%;position:absolute;bottom:-8px}.campfire-flame:after{content:"";background:linear-gradient(#0000,#fff2ce80,#ffe4a9b0);border-radius:50% 50% 35% 35%/85% 85% 15% 15%;position:absolute;inset:38% 26% -2%}@keyframes campfire-flame{0%,to{transform:translateX(-50%) scale(1.05,.8) rotate(calc(-1*var(--flame-lean,5deg)));opacity:.6}35%{transform:translateX(-50%) scale(.72,1.25) rotate(var(--flame-lean,5deg));opacity:.8}70%{opacity:.68;transform:translate(-50%)scale(.9,1.02)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.campfire-scene{display:none}}