:root{color-scheme:dark;--bg:#0b202a;--panel:#143440;--line:#2c4c56;--mint:#a2e3c5;--cream:#f0f0e5;--muted:#abc3c8;--coral:#ed9e89}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 10%,#173d45,transparent 55%),var(--bg);color:var(--cream);font:16px/1.6 system-ui,sans-serif}a{color:var(--mint)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:#214450;border:1px solid #45616b;color:var(--cream);padding:10px 17px;border-radius:10px}button:hover:not(:disabled){background:#315864}button:disabled{opacity:.45;cursor:default}button[hidden]{display:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:4px}header,main,footer{max-width:1240px;margin:auto;padding:28px 36px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--cream);font-size:29px;letter-spacing:-1px}.brand b{font-weight:350;color:var(--mint)}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted)}.mark{width:46px;height:46px;border:1px solid #7bb9aa;border-radius:14px;display:grid;place-content:center;font-size:33px;color:var(--mint);position:relative}.mark span{position:absolute;right:3px;top:0;font-size:20px}.header-actions{display:flex;gap:20px;align-items:center;font-size:12px;color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:end;padding:30px 0 38px;gap:30px}.eyebrow{color:var(--mint);font-size:10px;font-weight:700;letter-spacing:2px}h1{font-size:clamp(42px,5vw,66px);line-height:1.08;font-weight:450;letter-spacing:-2px;margin:18px 0 0}h1 em{color:var(--mint);font-style:normal}.intro>p{color:var(--muted);max-width:420px}.layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.timer-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px}.timer-card{position:sticky;top:20px;background:linear-gradient(150deg,#20464d,#102d39)}.mode-tabs{display:flex;gap:4px;background:#0b2630;padding:5px;border-radius:12px}.mode-tabs button{flex:1;border:0;background:none;font-size:13px;padding:10px}.mode-tabs button[aria-pressed=true]{background:var(--mint);color:#153d36;font-weight:700}.session-heading{display:flex;justify-content:space-between;gap:16px;margin-top:28px;font-size:10px;letter-spacing:1px;color:var(--muted)}.clock-wrap{position:relative;max-width:330px;margin:20px auto}.clock-wrap svg{display:block;width:100%;transform:rotate(-90deg)}circle{fill:none;stroke-width:3}.track{stroke:#35545e}#progress{stroke:var(--mint);stroke-linecap:round;stroke-dasharray:854.513;stroke-dashoffset:0}.clock{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.clock p{font-size:clamp(55px,6vw,80px);font-variant-numeric:tabular-nums;letter-spacing:-4px;line-height:1.2;margin:0}.clock span{font-size:12px;color:var(--muted);margin-top:12px}#status{min-height:50px;text-align:center;color:var(--muted);font-size:14px}.controls{display:flex;gap:12px}.controls button:first-child{flex:1}.primary{background:var(--mint);color:#123b32;border-color:var(--mint);font-weight:750}.primary:hover:not(:disabled){background:#c1f4dd}.interrupt{display:block;width:100%;margin-top:14px;background:transparent;border-color:#b38173;color:#f0b5a3}.care-note{font-size:11px;color:var(--muted);text-align:center;margin:22px 8px 0}.panel{margin-bottom:18px;padding:24px}h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:6px 0 18px}label{display:block;font-size:12px;color:var(--muted)}select,input{display:block;background:#0d2934;border:1px solid #3a5b65;color:var(--cream);width:100%;padding:11px;border-radius:8px;margin:7px 0 12px;min-height:44px}input{font-variant-numeric:tabular-nums}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.duration-grid input{margin-bottom:2px}.duration-grid small{font-size:10px}.panel p{font-size:12px;color:var(--muted)}.recovery{border-left:3px solid var(--coral)}.recovery h2{margin-bottom:8px}.recovery p{font-size:14px}.history-head{display:flex;justify-content:space-between;gap:10px}.history-head button{font-size:10px;padding:4px 8px;align-self:start}.stats{display:flex;gap:30px}.stats strong{font-size:32px;color:var(--mint);font-weight:500}.stats span{display:block;font-size:10px;color:var(--muted)}#history{list-style:none;padding:0;font-size:12px;color:var(--muted)}#history li{padding:9px 0;border-bottom:1px solid var(--line)}.privacy{max-width:850px;padding:35px 0}.privacy p{font-size:13px;color:var(--muted)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.skip{position:absolute;top:-80px;left:10px;background:var(--bg);padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:800px){header,main,footer{padding:22px}.intro{display:block}.intro>p{font-size:14px}.layout{grid-template-columns:1fr}.timer-card{position:static}.header-actions{gap:10px;flex-wrap:wrap;justify-content:end}.header-actions>span{display:none}.brand{font-size:23px;flex-shrink:0}.clock p{font-size:72px}.timer-card{padding:22px}.panel{padding:22px}.intro{padding-top:8px}.clock-wrap{max-width:300px}footer{gap:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}