@font-face{font-family:Archivo;src:url(/fonts/archivo-variable.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}:root{--phase-prep-bg:#ffb300;--phase-prep-fg:#000;--phase-prep-pulse:#ffd166;--phase-work-bg:#00e676;--phase-work-fg:#000;--phase-work-pulse:#7dffb4;--phase-rest-bg:#1535d6;--phase-rest-fg:#fff;--phase-rest-pulse:#0b1f8f;--phase-paused-bg:#424242;--phase-paused-fg:#fff;--phase-finished-bg:#fff;--phase-finished-fg:#000;--bg:#0b0b0b;--surface:#161616;--surface-2:#1f1f1f;--border:#2a2a2a;--fg:#f5f5f5;--fg-muted:#9a9a9a;--fg-dim:#6b6b6b;--accent:#00e676;--accent-fg:#000;--warn:#ffb300;--danger:#ff5252;--radius:20px;--radius-sm:12px;--tap:64px;--gutter:20px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:Archivo,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.35}body,#app{min-height:100dvh}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.tabular{font-variant-numeric:tabular-nums}.display{letter-spacing:-.01em;text-transform:uppercase;font-weight:800}.btn{border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase;background:var(--surface-2);min-height:60px;color:var(--fg);justify-content:center;align-items:center;padding:0 24px;font-weight:800;display:inline-flex}.btn:active{filter:brightness(1.15)}.btn--primary{background:var(--accent);color:var(--accent-fg)}.btn--dark{color:#fff;background:#0b0b0b}.btn--outline{background:0 0;border:2px solid}.btn--ghost{background:var(--surface);border:1px solid var(--border);text-transform:none;font-weight:600}.btn--link{text-transform:none;color:var(--fg);background:0 0;min-height:60px;font-weight:600}.btn--danger{color:var(--danger);background:0 0;min-height:60px}.btn--xl{border-radius:var(--radius-sm);width:100%;min-height:72px;font-size:1.25rem}.btn-start{background:var(--accent);width:76px;height:76px;color:var(--accent-fg);letter-spacing:.02em;border-radius:50%;flex:none;font-size:1rem;font-weight:800}.btn-start:active{transform:scale(.96)}.btn-back{place-items:center;width:60px;height:60px;margin-left:-16px;font-size:2rem;line-height:1;display:grid}.card{background:var(--surface);border-radius:var(--radius);align-items:center;gap:12px;padding:18px 18px 18px 20px;display:flex}.card+.card{margin-top:12px}.card__open{text-align:left;flex:auto;min-height:76px;display:flex}.card__body{flex-direction:column;gap:2px;display:flex}.card__mode{letter-spacing:.06em;font-size:.8rem;font-weight:800}.card__summary{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800}.card__meta{color:var(--fg-muted);font-size:.9rem}.row{text-align:left;border-bottom:1px solid var(--border);width:100%;min-height:64px;display:block}.row:last-child{border-bottom:0}.row__inner{grid-template-columns:5.5rem 1fr auto 1rem;align-items:center;gap:12px;min-height:64px;padding:0 4px;display:grid}.row__mode{letter-spacing:.06em;color:var(--fg-muted);font-size:.72rem;font-weight:800}.row__summary{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:800}.row__label{grid-column:1/3;font-size:1.1rem;font-weight:700}.row__meta{color:var(--fg-muted);white-space:nowrap;font-size:.9rem}.row__chevron{color:var(--fg-dim);font-size:1.4rem}.row--link{background:var(--surface);border-radius:var(--radius-sm);border-bottom:0;margin-top:12px;padding:0 16px}.mode-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-card{background:var(--surface);border-radius:var(--radius);text-align:left;min-height:130px;padding:18px}.mode-card__inner{flex-direction:column;gap:6px;height:100%;display:flex}.mode-card__name{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.mode-card__tagline{color:var(--fg-muted);flex:1;font-size:.85rem}.mode-card__default{font-variant-numeric:tabular-nums;font-weight:700}.stepper{border-bottom:1px solid var(--border);padding:16px 0}.stepper__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.stepper__label{letter-spacing:.06em;font-size:.8rem;font-weight:800}.stepper__hint{color:var(--fg-muted);font-size:.8rem}.stepper__controls{grid-template-columns:var(--tap) 1fr var(--tap);align-items:center;gap:8px;display:grid}.stepper__btn{width:var(--tap);height:var(--tap);background:var(--surface-2);border-radius:50%;place-items:center;font-size:2rem;font-weight:500;line-height:1;display:grid}.stepper__btn:disabled{opacity:.3;cursor:default}.stepper__value{min-height:var(--tap);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-align:center;border-radius:var(--radius-sm);font-size:2.5rem;font-weight:800}.is-expanded .stepper__value{background:var(--surface)}.stepper__edge{text-align:center;color:var(--fg-muted);margin-top:8px;font-size:.85rem}.stepper__shortcuts{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:999px;min-height:60px;padding:0 16px;font-weight:700}.chip.is-active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.segmented{background:var(--surface);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;padding:6px;display:grid}.segmented__btn{border-radius:8px;min-height:60px;font-weight:700}.segmented__btn.is-active{background:var(--fg);color:var(--bg)}.badge{background:var(--surface);color:var(--fg-muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:inline-flex}.badge__dot{background:var(--warn);border-radius:50%;width:8px;height:8px}.notice{color:var(--fg-muted);align-items:center;gap:12px;margin:12px 0 0;font-size:.95rem;display:flex}.notice__icon{background:var(--surface-2);width:28px;height:28px;color:var(--warn);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.footnote{color:var(--fg-dim);margin-top:16px;font-size:.85rem}.footnote--center{text-align:center}.sheet-root{z-index:50;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{opacity:0;background:#0009;transition:opacity .2s;position:absolute;inset:0}.sheet{background:var(--surface);width:100%;max-height:90dvh;color:var(--fg);padding:20px var(--gutter) calc(20px + var(--safe-bottom));border-radius:24px 24px 0 0;transition:transform .25s ease-out;position:relative;overflow:auto;transform:translateY(100%)}.sheet-root.is-open .sheet-backdrop{opacity:1}.sheet-root.is-open .sheet{transform:none}.sheet__content--light{color:#000;margin:-20px calc(-1 * var(--gutter)) calc(-20px - var(--safe-bottom));padding:24px var(--gutter) calc(24px + var(--safe-bottom));background:#fff;border-radius:24px 24px 0 0}.sheet__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.diag{border-top:1px solid var(--border);margin-top:8px}.diag__summary{min-height:60px;color:var(--fg-muted);cursor:pointer;align-items:center;font-weight:700;display:flex}.diag__log{background:var(--bg);border-radius:var(--radius-sm);max-height:40vh;color:var(--fg-muted);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;margin:12px 0;padding:12px;font:.7rem/1.5 ui-monospace,SF Mono,Menlo,monospace;overflow:auto}.sheet__action{margin-top:24px}.sheet__title{letter-spacing:.08em;font-size:.9rem;font-weight:800}.sheet__title--big{letter-spacing:-.02em;font-size:1.75rem;line-height:1.1}.sheet__lead{color:#444;margin:10px 0 20px}.steps{gap:16px;margin:0 0 24px;padding:0;list-style:none;display:grid}.steps__item{align-items:center;gap:14px;font-weight:600;display:flex}.steps__num{color:#fff;background:#0b0b0b;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.kbd{border:1.5px solid;border-radius:6px;place-items:center;min-width:28px;height:28px;padding:0 6px;font-weight:700;display:inline-grid}.field{border-bottom:1px solid var(--border);padding:18px 0;display:block}.field__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.field__label{letter-spacing:.06em;font-size:.8rem;font-weight:800}.field__value{font-variant-numeric:tabular-nums;font-weight:800}.field__help{color:var(--fg-muted);margin-top:8px;font-size:.9rem}.slider{width:100%;height:60px;accent-color:var(--accent)}.switch{width:56px;height:34px;display:inline-block;position:relative}.switch__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch__track{background:var(--surface-2);border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch__track:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch__input:checked+.switch__track{background:var(--accent)}.switch__input:checked+.switch__track:after{transform:translate(22px)}.switch__input:disabled+.switch__track{opacity:.4}.screen{min-height:100dvh;padding:calc(16px + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left));flex-direction:column;gap:24px;max-width:640px;margin:0 auto;display:flex}.screen__header{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.screen__header--bar{flex-direction:row;align-items:center;gap:8px}.screen__title{letter-spacing:-.03em;font-size:2.5rem;font-weight:800;line-height:1}.screen__title--inline{flex:1;font-size:1.75rem}.screen__count{color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.95rem}.section{flex-direction:column;display:flex}.section__title{letter-spacing:.1em;color:var(--fg-muted);margin-bottom:12px;font-size:.75rem;font-weight:800}.section--rows{margin-top:8px}.setup__body{flex-direction:column;display:flex}.setup__sound{justify-content:space-between;align-items:center;gap:12px;display:flex}.setup__footer{margin:auto calc(-1 * var(--gutter)) calc(-24px - var(--safe-bottom));padding:12px var(--gutter) calc(16px + var(--safe-bottom));background:var(--bg);position:sticky;bottom:0;box-shadow:0 -12px 16px -8px #0009}.screen--setup .notice{margin-bottom:8px}body[data-screen=summary]{background:var(--phase-finished-bg);color:var(--phase-finished-fg)}html:has(body[data-screen=summary]){background:var(--phase-finished-bg);color:var(--phase-finished-fg)}.screen--summary{background:var(--phase-finished-bg);color:var(--phase-finished-fg);text-align:center;justify-content:center;gap:32px}.screen--summary .screen__header{align-items:center}.summary__mode{letter-spacing:.1em;font-size:.95rem;font-weight:800}.summary__stats{flex-direction:column;gap:24px;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat__label{letter-spacing:.1em;color:#666;font-size:.8rem;font-weight:800}.stat__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(4rem,22vw,8rem);font-weight:800;font-stretch:62%;line-height:1}.stat+.stat .stat__value{font-size:clamp(3rem,16vw,5rem)}.summary__note{color:#666}.summary__actions{gap:12px;display:grid}.screen--summary .btn--outline{color:#000}@media (orientation:landscape) and (max-height:500px){.screen--summary{gap:16px;padding-top:16px;padding-bottom:16px}.summary__stats{flex-direction:row;justify-content:center;gap:48px}.stat__value,.stat+.stat .stat__value{font-size:clamp(3rem,18vh,6rem)}.summary__actions{grid-template-columns:1fr 1fr}}.timer{padding:calc(10px + var(--safe-top)) calc(16px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(16px + var(--safe-left));background:var(--phase-bg);color:var(--phase-fg);touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.timer[data-phase=prep]{--phase-bg:var(--phase-prep-bg);--phase-fg:var(--phase-prep-fg);--phase-pulse:var(--phase-prep-pulse)}.timer[data-phase=work]{--phase-bg:var(--phase-work-bg);--phase-fg:var(--phase-work-fg);--phase-pulse:var(--phase-work-pulse)}.timer[data-phase=rest]{--phase-bg:var(--phase-rest-bg);--phase-fg:var(--phase-rest-fg);--phase-pulse:var(--phase-rest-pulse)}.timer[data-phase=paused]{--phase-bg:var(--phase-paused-bg);--phase-fg:var(--phase-paused-fg);--phase-pulse:var(--phase-paused-bg)}.timer.is-pulse{background:var(--phase-pulse)}.timer__bar{top:calc(10px + var(--safe-top));left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));z-index:1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute}.timer__info{flex-wrap:wrap;align-items:baseline;gap:4px 16px;min-width:0;display:flex}.timer__title{letter-spacing:.04em;white-space:nowrap;font-size:1.1rem;font-weight:800}.timer__detail{letter-spacing:.02em;opacity:.9;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.timer__ctls{flex:none;gap:10px;display:flex}.timer__ctl{opacity:.85;letter-spacing:0;border:2px solid;border-radius:14px;place-items:center;width:60px;height:60px;font-size:1.1rem;font-weight:800;display:grid}.timer__main{flex:auto;align-items:stretch;gap:16px;min-height:0;padding-top:0;display:flex}.timer--fortime .timer__main{padding-top:70px}.timer__clock{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-width:0;display:flex}.timer__hint{opacity:.9;min-height:1.5em;font-size:1.2rem;font-weight:700}.timer__time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;font-size:min(90vh,46vw);font-weight:800;font-stretch:62%;line-height:.78}.timer--fortime .timer__time{font-size:min(64vh,26vw)}.timer__done{color:#fff;letter-spacing:.04em;background:#000000d9;border-radius:24px;flex:0 0 33%;align-self:stretch;min-height:60px;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:800}.timer[data-phase=rest] .timer__done,.timer[data-phase=paused] .timer__done{color:#000;background:#ffffffeb}.timer__done:active{transform:scale(.98)}.timer__rotate{text-align:center;flex:none;padding:8px 0 4px;display:none}.timer__rotate-title{font-weight:700}.timer__rotate-sub{opacity:.8;font-size:.85rem}@media (orientation:portrait){.timer__main{flex-direction:column;gap:12px;padding-top:80px}.timer__title{white-space:normal;font-size:.95rem}.timer__detail{white-space:normal;font-size:.9rem}.timer__ctl{width:60px;height:60px}.timer__time{font-size:min(30vh,40vw)}.timer--fortime .timer__time{font-size:min(26vh,36vw)}.timer__done{flex:none;min-height:18vh}.timer__rotate{display:block}.timer__info{flex-direction:column;gap:2px}}.timer__audio-slot{left:0;right:0;bottom:calc(6px + var(--safe-bottom));pointer-events:none;z-index:1;justify-content:center;display:flex;position:absolute}.timer__audio{pointer-events:auto;background:var(--phase-bg);min-height:60px;color:var(--phase-fg);border:2px solid;border-radius:999px;padding:0 24px;font-size:1rem;font-weight:800}@media (orientation:landscape){.timer.has-audio-notice .timer__main{padding:66px 0}.timer.has-audio-notice:not(.timer--fortime) .timer__time{font-size:min(80vh,42vw)}}@media (orientation:portrait){.timer__audio-slot{bottom:calc(110px + var(--safe-bottom))}}.timer__overlay{z-index:2;color:#fff;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:#000000eb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay{flex-direction:column;gap:16px;width:min(100%,720px);display:flex}.overlay__head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.overlay__clock{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2rem;font-weight:800;font-stretch:62%}.overlay__meta{letter-spacing:.04em;font-weight:700}.overlay__note{color:#aaa}.overlay__title{letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.overlay__text{color:#ccc}.overlay__actions{gap:10px;display:grid}.menu-btn{border-radius:var(--radius-sm);text-align:left;background:#ffffff1f;align-items:center;min-height:64px;padding:0 20px;display:flex}.menu-btn__label{letter-spacing:.04em;font-weight:800}.menu-btn:after{content:attr(aria-description);color:#bbb;margin-left:auto;font-size:.9rem;font-weight:500}@media (orientation:landscape){.overlay__actions{grid-template-columns:1fr 1fr}.overlay__actions>.btn--primary{grid-column:1/-1}.overlay[role=alertdialog] .overlay__actions{grid-template-columns:2fr 1fr}.overlay[role=alertdialog] .overlay__actions>.btn--primary{grid-column:auto}}