:root{--bg: #171112;--surface: #201819;--line: #342728;--text: #f5ecec;--muted: #9f9192;--accent: #e5484d;color-scheme:dark light}@media(prefers-color-scheme:light){:root{--bg: #faf6f6;--surface: #ffffff;--line: #e8dcdc;--text: #1f1718;--muted: #7d7071;--accent: #cc2b31}}.phase-short{--accent: #4a9d7f}.phase-long{--accent: #4f83c4}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 ui-sans-serif,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100%;max-width:30rem;margin:0 auto;padding:1.5rem 1.25rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.topbar{width:100%;display:flex;align-items:center;justify-content:space-between}.phase{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}.dial{position:relative;width:min(20rem,82vw);aspect-ratio:1}.dial svg{width:100%;height:100%;transform:rotate(-90deg)}.dial .track{fill:none;stroke:var(--line);stroke-width:10}.dial .progress{fill:none;stroke:var(--accent);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.readout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.time{font-size:clamp(3rem,15vw,4.25rem);font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.time.done{font-size:clamp(1.5rem,7vw,2rem);color:var(--accent);font-weight:500}.dots{display:flex;gap:.45rem}.dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--line)}.dot.on{background:var(--accent)}.controls{display:flex;gap:.6rem;align-items:center}button{font:inherit;cursor:pointer;border-radius:.6rem;border:1px solid transparent;transition:background .15s,border-color .15s,opacity .15s}.primary{background:var(--accent);color:#fff;border:none;padding:.7rem 2.25rem;font-weight:600;min-width:9rem}.primary:hover{opacity:.9}.ghost{background:transparent;color:var(--muted);border-color:var(--line);padding:.7rem 1rem}.ghost:hover{color:var(--text);border-color:var(--muted)}.mini{background:transparent;color:var(--muted);border-color:var(--line);padding:.3rem .7rem;font-size:.85rem}.mini:hover{color:var(--text)}.nudge{background:transparent;border-color:var(--line);color:var(--muted);padding:.5rem 1rem;font-size:.9rem}.nudge.muted{cursor:default;border-color:transparent}.mini.danger{color:var(--accent)}.stats{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:.9rem 1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:.9rem}.today{display:flex;flex-direction:column;gap:.1rem;line-height:1.35}.today strong{font-size:1.9rem;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.today span{font-size:.85rem;color:var(--muted)}.today em{font-style:normal;font-size:.78rem;color:var(--muted);opacity:.75}.week{display:flex;gap:.3rem;align-items:flex-end}.day{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:1.15rem}.col{height:2.75rem;width:100%;display:flex;align-items:flex-end;border-radius:.25rem;background:color-mix(in srgb,var(--line) 55%,transparent);overflow:hidden}.col .bar{width:100%;background:var(--accent);border-radius:.25rem;min-height:.3rem;transition:height .25s ease}.col .bar.empty{min-height:0}.day .lbl{font-size:.65rem;color:var(--muted);text-transform:uppercase}.day.is-today .lbl{color:var(--accent);font-weight:700}@media(max-width:22rem){.stats{flex-direction:column;align-items:stretch;gap:.9rem}.week{justify-content:space-between}.day{width:100%}}.settings{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:.9rem;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.7rem}.settings label{display:flex;align-items:center;gap:.6rem;font-size:.92rem}.settings label>span:first-child{flex:1;color:var(--muted)}.settings em{font-style:normal;color:var(--muted);font-size:.82rem;min-width:2.5rem}.settings input[type=number],.settings select{width:5.5rem;padding:.35rem .5rem;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:.45rem;font:inherit;font-size:.9rem}.settings select{width:12rem}.settings input[type=range]{width:7rem;accent-color:var(--accent)}.settings input[type=checkbox]{accent-color:var(--accent);width:1rem;height:1rem}.settings .check{align-items:flex-start;gap:.55rem}.settings .check span{flex:1;color:var(--text)}.settings .check em{display:block;color:var(--muted);font-size:.8rem;min-width:0}.settings-actions{display:flex;gap:.5rem;padding-top:.4rem;border-top:1px solid var(--line);margin-top:.2rem}.hint{margin-top:auto;color:var(--muted);font-size:.8rem;text-align:center}kbd{font:inherit;border:1px solid var(--line);border-radius:.3rem;padding:.05rem .35rem}@media(prefers-reduced-motion:reduce){.dial .progress,.col .bar{transition:none}}