:root{--bg: #f6f3ee;--surface: #ffffff;--surface-2: #eee9e1;--fg: #1f1d1a;--muted: #625c53;--border: #ddd5c9;--accent: #c2410c;--accent-soft: #fbe7dc;--on-accent: #ffffff;--focus: #2563eb;--heat-0: #ebe5db;--heat-1: #f6c7a8;--heat-2: #ec9563;--heat-3: #d4622c;--heat-4: #9a3412;--heat-stroke: rgb(0 0 0 / .04);--speed: .2s;color-scheme:light}body[data-phase=shortBreak],body[data-phase=longBreak]{--accent: #0f766e;--accent-soft: #d5efeb}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #16181d;--surface: #1e2128;--surface-2: #2a2e37;--fg: #ece8e1;--muted: #a49e95;--border: #383d48;--accent: #fb923c;--accent-soft: #3b2618;--on-accent: #1a1006;--focus: #60a5fa;--heat-0: #262a33;--heat-1: #5b3420;--heat-2: #9a4a1f;--heat-3: #d9682a;--heat-4: #fdba74;--heat-stroke: rgb(255 255 255 / .04);color-scheme:dark}:root:not([data-theme=light]) body[data-phase=shortBreak],:root:not([data-theme=light]) body[data-phase=longBreak]{--accent: #2dd4bf;--accent-soft: #12332f}}:root[data-theme=dark]{--bg: #16181d;--surface: #1e2128;--surface-2: #2a2e37;--fg: #ece8e1;--muted: #a49e95;--border: #383d48;--accent: #fb923c;--accent-soft: #3b2618;--on-accent: #1a1006;--focus: #60a5fa;--heat-0: #262a33;--heat-1: #5b3420;--heat-2: #9a4a1f;--heat-3: #d9682a;--heat-4: #fdba74;--heat-stroke: rgb(255 255 255 / .04);color-scheme:dark}:root[data-theme=dark] body[data-phase=shortBreak],:root[data-theme=dark] body[data-phase=longBreak]{--accent: #2dd4bf;--accent-soft: #12332f}@media(prefers-reduced-motion:reduce){:root{--speed: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background-color var(--speed) ease}button{font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.45rem .95rem;cursor:pointer}button:hover{border-color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:1rem;top:-3rem;background:var(--surface);padding:.5rem 1rem;border-radius:.5rem;z-index:10}.skip-link:focus{top:1rem}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:68rem;margin:0 auto;padding:1.25rem 1rem .5rem}.site-header h1{font-size:1.15rem;margin:0}.site-header nav{display:flex;gap:.5rem}main{max-width:68rem;margin:0 auto;padding:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:52rem){main{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.history-card{grid-column:1 / -1}}.card{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:1.25rem}.timer-card{padding-block:1.75rem}.site-footer{max-width:68rem;margin:0 auto;padding:0 1rem 2rem;font-size:.85rem}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}dialog#help{color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.25rem 1.5rem;width:min(22rem,calc(100vw - 2rem))}dialog#help::backdrop{background:#0006}dialog#help h2{margin-top:0;font-size:1.1rem}#shortcut-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem}#shortcut-list dt kbd{display:inline-block;min-width:2.2rem;text-align:center;font:inherit;font-size:.85rem;padding:.1rem .45rem;border:1px solid var(--border);border-bottom-width:2px;border-radius:.35rem;background:var(--surface-2)}#shortcut-list dd{margin:0}