*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}button,input{font:inherit;color:inherit}ul{list-style:none;margin:0;padding:0}:root{color-scheme:light dark;--bg: #faf7f2;--bg-elevated: #ffffff;--fg: #221d17;--fg-muted: #6f6659;--border: rgba(34, 29, 23, .12);--work: #e07a3f;--work-fg: #2a1608;--break: #3f7f8c;--break-fg: #ecf7f8;--break-long: #33607a;--danger: #c0463a;--radius: 18px;--font-body: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #16130f;--bg-elevated: #221e18;--fg: #f3ede3;--fg-muted: #a89e8e;--border: rgba(243, 237, 227, .14);--work-fg: #2a1608;--break-fg: #eef8f9}}:root[data-theme=dark]{--bg: #16130f;--bg-elevated: #221e18;--fg: #f3ede3;--fg-muted: #a89e8e;--border: rgba(243, 237, 227, .14);--work-fg: #2a1608;--break-fg: #eef8f9}.app{min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-ui)}.idle-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding:2rem}.idle-screen__toolbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem}.streak{font-size:.85rem;color:var(--fg-muted);letter-spacing:.02em}.idle-screen__form{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:min(90vw,480px);text-align:center}.idle-screen__prompt{font-family:var(--font-body);font-size:clamp(1.5rem,4vw,2.1rem);font-weight:400}.idle-screen__form input[type=text]{width:100%;padding:.9rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);font-size:1.05rem}.idle-screen__form input[type=text]:focus{outline:2px solid var(--work);outline-offset:2px}.btn{border:none;border-radius:999px;padding:.75rem 1.6rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--work);color:var(--work-fg)}.btn--ghost{background:transparent;color:var(--fg-muted);border:1px solid var(--border)}.btn--danger{background:var(--danger);color:#fff}.icon-btn{background:none;border:none;cursor:pointer;color:var(--fg-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;padding:.4rem .6rem}.icon-btn:hover{color:var(--fg)}.drain{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.drain__fill{position:absolute;inset:0;transition:background .3s linear}.drain--work .drain__fill{background:linear-gradient(to right,var(--work) 0%,var(--work) calc(var(--remaining, 1) * 100%),transparent calc(var(--remaining, 1) * 100%),transparent 100%)}.drain--break .drain__fill{background:linear-gradient(to right,var(--break) 0%,var(--break) calc(var(--remaining, 1) * 100%),transparent calc(var(--remaining, 1) * 100%),transparent 100%)}.focus-screen,.break-screen{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:min(90vw,520px);text-align:center;padding:2rem}.focus-screen__task{font-family:var(--font-body);font-size:clamp(1.3rem,3.6vw,1.9rem);color:var(--fg);max-width:30ch}.focus-screen__clock,.break-screen__clock{font-family:var(--font-mono);font-size:clamp(2.6rem,9vw,4.2rem);font-variant-numeric:tabular-nums;line-height:1}.break-screen__label{font-family:var(--font-ui);font-size:1rem;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted)}.dots{display:flex;gap:.5rem}.dots__dot{width:9px;height:9px;border-radius:50%;background:var(--border)}.dots__dot--filled{background:var(--fg)}.focus-screen__actions{display:flex;align-items:center;gap:.9rem;margin-top:.5rem;min-height:3rem}.confirm-stop{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--fg-muted)}.park-form{margin-top:1.75rem;width:100%}.park-form input{width:100%;padding:.6rem .9rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 70%,transparent);font-size:.9rem;text-align:center}.park-form input:focus{outline:2px solid var(--work);outline-offset:2px}.parked-list{margin-top:1rem;width:100%;background:color-mix(in srgb,var(--bg-elevated) 82%,transparent);border-radius:var(--radius);padding:1.1rem 1.3rem;text-align:left}.parked-list__title{font-size:.85rem;color:var(--fg-muted);margin:0 0 .6rem}.parked-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.parked-list li:last-child{border-bottom:none}.parked-list__actions{display:flex;gap:.25rem;flex-shrink:0}.parked-list__hint{font-size:.78rem;color:var(--fg-muted);margin:.7rem 0 0}.celebrate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.celebrate__card{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}.celebrate__check{font-size:3rem;color:var(--work);margin:0}.celebrate__task{font-family:var(--font-body);font-size:1.4rem;margin:0}.celebrate__meta{color:var(--fg-muted);margin:0 0 1rem}.away{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.away__card{max-width:440px;text-align:center;display:flex;flex-direction:column;gap:.9rem}.away__task{font-family:var(--font-body);font-style:italic;color:var(--fg-muted)}.away__actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:10}.overlay__card{background:var(--bg-elevated);color:var(--fg);border-radius:var(--radius);padding:1.75rem;width:min(90vw,440px);max-height:80vh;overflow-y:auto}.overlay__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.overlay__header h2{margin:0;font-size:1.2rem}.history-stats{display:flex;justify-content:space-between;margin-bottom:1.5rem}.history-stats div{display:flex;flex-direction:column;align-items:center}.history-stats strong{font-size:1.4rem}.history-stats span{font-size:.75rem;color:var(--fg-muted)}.history-empty{color:var(--fg-muted);font-size:.9rem}.history-list__item{padding:.6rem 0;border-bottom:1px solid var(--border)}.history-list__item:last-child{border-bottom:none}.history-list__row{display:flex;justify-content:space-between;gap:.75rem}.history-list__badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);flex-shrink:0;align-self:center}.history-list__item--completed .history-list__badge{color:var(--work)}.history-list__meta{font-size:.78rem;color:var(--fg-muted);margin-top:.15rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.settings-field{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--fg-muted)}.settings-field input{padding:.5rem .6rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:.95rem}.settings-toggle{display:flex;align-items:center;gap:.6rem;font-size:.9rem;margin-bottom:.75rem}.settings-hint{font-size:.78rem;color:var(--fg-muted);margin-top:1rem}@media(prefers-reduced-motion:reduce){.btn,.drain__fill{transition:none}}