:root{color-scheme:dark;--bg:#111b27;--card:#1a2737;--ink:#f4f7fa;--muted:#b9c8d9;--line:#344356;--lime:#caf473;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit}button{color:inherit}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button{touch-action:manipulation}.shell{max-width:1120px;padding:30px 28px 0;margin:auto}.brand-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:26px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:22px;align-items:center;text-decoration:none}.brand img{width:104px;height:auto}.brand strong{font-size:28px;display:block;margin-bottom:6px}.brand span span{font-size:14px;line-height:1.5;color:var(--muted);display:block}.title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:var(--lime)}h1{font-size:44px;letter-spacing:-1.5px;margin:7px 0 4px;line-height:1.1}.title-dot{color:var(--lime)}.title-row p{margin:8px 0 0;color:var(--muted);font-size:15px}.guide-link{font-size:13px;color:var(--muted);text-underline-offset:5px;white-space:nowrap}.guide-link span{color:var(--lime);margin-left:8px}.workspace{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px}.setup{min-width:0}fieldset{border:0;margin:0;padding:0;min-width:0}legend,h2{font-size:16px;font-weight:700}.mode-fieldset legend{margin-bottom:16px}.step{display:inline-flex;color:var(--lime);font-size:11px;font-weight:700;border:1px solid var(--line);width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;margin-right:9px;vertical-align:middle}.mode-options{display:grid;gap:8px}.mode-option{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;cursor:pointer;min-height:78px}.mode-option:has(input:checked){border-color:var(--lime);background:#202f31}.mode-option input{accent-color:var(--lime);width:17px;height:17px;flex-shrink:0;margin:0}.mode-option b{font-size:15px;display:block;margin-bottom:5px}.mode-option small{color:var(--muted);font-size:12px;line-height:1.45;display:block}.mode-symbol{color:var(--lime);font-size:27px;margin-left:auto}.settings-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;margin-top:20px}.settings-card h2{margin:0 0 20px}.field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:700;min-width:0}.field input:not([type=range]),select{border:1px solid #536173;background:var(--bg);color:var(--ink);border-radius:8px;width:100%;min-height:46px;padding:10px 12px;min-width:0;font-size:16px}.input-unit{display:flex;align-items:center;border:1px solid #536173;border-radius:8px;background:var(--bg)}.field .input-unit input{border:0;background:transparent;border-radius:8px;flex:1;width:80px}.input-unit>span{font-weight:400;color:var(--muted);padding:0 12px;font-size:12px}.field-hint{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 0}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.check{display:flex;gap:8px;align-items:center;font-size:13px;margin:16px 0}.check input{accent-color:var(--lime);width:18px;height:18px}.divider{height:1px;background:var(--line);margin:20px 0}#fixed-field{margin-top:14px}.extras{border:1px solid var(--line);border-radius:12px;margin-top:14px}.extras summary{font-size:13px;padding:18px;color:var(--muted)}.extras-content{padding:0 20px 20px;display:grid;gap:18px}.volume-row{display:flex;align-items:center;gap:14px}.volume-row input{accent-color:var(--lime);min-width:0;flex:1;min-height:30px}.volume-row output{font-size:12px;color:var(--muted);white-space:nowrap}.extras-content .field-hint{margin:0}.timer-card{position:sticky;top:22px;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:26px;min-width:0;text-align:center}.timer-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:30px}.badge{color:var(--lime);font-size:10px;letter-spacing:1.1px;font-weight:700;text-align:left}.counter{color:var(--muted);font-size:11px;white-space:nowrap}.dial{position:relative;width:240px;max-width:100%;aspect-ratio:1;margin:24px auto 18px}.dial svg{position:absolute;width:100%;height:100%;inset:0;transform:rotate(-90deg)}.dial circle{fill:none;stroke-width:2}.dial-track{stroke:var(--line)}.dial-progress{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:678.584;stroke-dashoffset:0}.dial-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.dial-label{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.dial-content strong{font-size:68px;line-height:1.05;letter-spacing:-3px;font-weight:400;font-variant-numeric:tabular-nums}.dial-content .word{font-size:32px;letter-spacing:-1px}.dial-unit{font-size:12px;color:var(--muted)}.timer-copy{min-height:92px}.timer-copy h2{font-size:19px;line-height:1.4;margin:0 0 10px}.timer-copy p{font-size:13px;line-height:1.65;color:var(--muted);max-width:340px;margin:0 auto}.task-display{border-top:1px solid var(--line);padding-top:12px;margin-top:12px!important;overflow-wrap:anywhere}.signal-line{display:flex;align-items:center;gap:16px;margin:24px 8px 26px;color:var(--lime);font-size:11px}.signal-line-stroke{height:1px;background:var(--line);flex:1}.timer-actions{display:flex;flex-direction:column;gap:10px}.primary,.secondary,.quiet{border-radius:10px;padding:15px 20px;font-size:15px;font-weight:700;min-height:50px;display:flex;align-items:center;justify-content:center;gap:20px}.primary{background:var(--lime);border:1px solid var(--lime);color:var(--bg);min-height:58px}.primary:hover{background:#d5f899}.primary span{font-size:22px}.secondary{background:transparent;border:1px solid #536173}.secondary:hover{border-color:var(--lime)}.quiet{border:0;background:transparent;color:var(--muted);font-size:13px;min-height:42px;padding:10px}.timer-footnote{font-size:11px;line-height:1.6;color:var(--muted);max-width:300px;margin:16px auto 0}.workspace.active{grid-template-columns:1fr;max-width:670px;margin:auto}.workspace.active .setup{display:none}.workspace.active .timer-card{position:relative;top:0}.workspace.active .dial{width:280px}.workspace.active .timer-actions{max-width:360px;width:100%;margin:24px auto 0}.workspace.active .signal-line{display:none}.workspace.active .timer-copy{min-height:80px}.notice{border:1px solid var(--lime);padding:15px 18px;border-radius:10px;line-height:1.6;font-size:14px;margin-bottom:20px}.error{border-color:#e8a99b}.guide{margin:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:15px;font-weight:700}.guide>summary::-webkit-details-marker{display:none}.guide-plus{font-size:24px;font-weight:400;color:var(--lime)}.guide[open] .guide-plus{transform:rotate(45deg)}.guide-body{padding:0 0 22px;color:var(--muted);font-size:14px;line-height:1.75}.guide-body>p{max-width:720px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0}.guide h3{font-size:14px;color:var(--ink)}.guide-grid p{font-size:13px}.guide-bottom{border-top:1px solid var(--line);padding-top:12px;font-size:13px}.guide-bottom b{color:var(--ink)}.care-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 50px 26px 26px;margin:24px 0}.care-card h2{font-size:20px;line-height:1.4;margin:12px 0}.care-card p{font-size:14px;line-height:1.65;color:var(--muted);max-width:740px}.care-card .qualification{font-size:12px}.care-card small{font-size:11px}.care-card a{display:inline-block;color:var(--lime);font-size:14px;text-underline-offset:5px;margin-top:6px}.care-close{position:absolute;right:8px;top:8px;border:0;background:none;color:var(--muted);font-size:24px;width:40px;height:40px}.app-footer{margin-top:24px!important}@media(max-width:760px){.shell{padding:20px 20px 0}.brand img{width:76px}.brand{gap:15px}.brand strong{font-size:25px}.brand span span{font-size:12px}.brand-header{padding-bottom:20px}.workspace{grid-template-columns:1fr;gap:20px}.timer-card{position:static;grid-row:1}.setup{grid-row:2}.mode-options{gap:8px}.title-row{margin:26px 0 22px}.title-row h1{font-size:38px}.guide-grid{grid-template-columns:1fr;gap:4px}.dial{width:220px;margin:18px auto 14px}.timer-copy{min-height:0}.timer-card{padding:22px}.signal-line{margin:18px 8px}.workspace.active .dial{width:240px}}@media(max-width:420px){.shell{padding:16px 14px 0}.brand img{width:64px}.brand{gap:11px}.brand strong{font-size:23px}.brand span span{font-size:10px}.brand-header{gap:8px}.title-row{align-items:flex-end;gap:8px}.guide-link{font-size:11px;margin-bottom:3px}.guide-link span{margin-left:2px}.eyebrow{font-size:9px;letter-spacing:1.3px}.title-row p{font-size:12px}.timer-card,.settings-card{padding:18px}.badge{font-size:9px}.counter{font-size:10px}.mode-option{padding:14px}.mode-option b{font-size:14px}.mode-option small{font-size:11px}.mode-symbol{font-size:23px}.care-card{padding:22px 36px 22px 20px}.care-card h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.brand-header{position:relative}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.presets button{background:transparent;border:1px solid var(--line);border-radius:7px;min-width:62px;min-height:36px;padding:8px 12px;font-size:12px;color:var(--muted)}.presets button:hover,.presets button[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}@media(max-width:760px){.setup{display:contents}.mode-fieldset{grid-row:1}.timer-card{grid-row:2}.settings-card{grid-row:3;margin-top:0}.extras{grid-row:4;margin-top:0}}@media(max-width:420px){.brand-header{padding-right:46px}}@media(max-width:760px){.mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mode-option{position:relative;flex-direction:column;justify-content:center;gap:6px;min-height:90px;padding:10px 6px;text-align:center}.mode-option input{position:absolute;opacity:0;width:1px;height:1px}.mode-option:has(input:focus-visible){outline:3px solid var(--lime);outline-offset:3px}.mode-option b{font-size:12px;line-height:1.35;margin:0}.mode-option small{display:none}.mode-symbol{order:-1;margin:0;font-size:22px;line-height:1}.timer-card .dial{width:148px;margin:10px auto 12px}.dial-content strong{font-size:46px;letter-spacing:-2px}.dial-label{font-size:8px;letter-spacing:1px}.dial-unit{font-size:10px}.dial-content{gap:5px}.timer-copy h2{font-size:17px;margin-bottom:6px}.timer-copy p{font-size:12px}.signal-line{display:none}.timer-actions{margin-top:18px}.timer-footnote{margin-top:12px;font-size:10px}.workspace.active .dial{width:240px;margin:20px auto}.workspace.active .dial-content strong{font-size:68px}.workspace.active .dial-content strong.word{font-size:32px}.workspace.active .dial-label{font-size:9px}.workspace.active .dial-unit{font-size:12px}.workspace.active .timer-copy h2{font-size:19px}}