:root{--bg: #0a0a0a;--bg-2: #111111;--bg-3: #171717;--line: #2a2a2a;--text: #e8e8e8;--muted: #7a7a7a;--dim: #4a4a4a;--accent: #7dffb3;--accent-dim: rgba(125, 255, 179, .18);--warn: #ff8a3d;--warn-dim: rgba(255, 138, 61, .85);--hot: #ff4f8b;--hot-dim: rgba(255, 79, 139, .9);--danger: #ff6b6b;--font: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}#app{width:min(980px,100%);margin:0 auto;padding:max(.75rem,env(safe-area-inset-top)) .75rem max(1.5rem,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding-bottom:.55rem;border-bottom:1px solid var(--line);margin-bottom:.75rem}.brand{display:flex;gap:.55rem;align-items:baseline;min-width:0}.brand-name{color:var(--accent);font-weight:700;letter-spacing:.04em}.brand-sub{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-line{display:flex;align-items:center;gap:.35rem;margin:-.25rem 0 .75rem;color:var(--muted);font-size:12px}.mode-sep{color:var(--dim)}.mode-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font-family:var(--font);font-size:12px;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent}.mode-link:hover{color:var(--text)}.mode-link.on{color:var(--accent);font-weight:600;text-decoration-color:var(--accent);cursor:default}.actions{display:flex;gap:.35rem;flex-shrink:0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg-2);color:var(--text);font-family:var(--font);font-size:12px;font-weight:500;padding:.35rem .55rem;min-height:32px;border-radius:4px;cursor:pointer}.btn:hover:not(:disabled){border-color:#444;background:var(--bg-3)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{border-color:#2f5a42;background:#132218;color:var(--accent)}.btn-ghost{background:transparent}.btn-danger{border-color:#4a2222;color:var(--danger);background:transparent}.btn-icon{min-width:32px;padding-inline:.45rem}.banner{margin-bottom:.65rem;padding:.45rem .55rem;border:1px dashed #3a3a3a;color:var(--muted);font-size:12px}.list{display:flex;flex-direction:column;gap:.45rem}.empty{color:var(--muted);padding:1rem .15rem}.timer{border:1px solid var(--line);background:var(--bg-2);padding:.55rem .6rem .5rem}.timer.running{border-color:#2f5a42}.timer.done{border-color:#4a2222;opacity:.85}.timer-head{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.timer-name{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:0;outline:none}.timer-name.locked{pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default;color:var(--text)}.timer-name::placeholder{color:var(--dim);text-transform:none;font-weight:400}.digits{font-size:clamp(1.55rem,7.5vw,2.35rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.05;color:var(--accent);margin:.1rem 0 .4rem;white-space:nowrap;overflow-x:auto}.timer.done .digits{color:var(--danger)}.digits .ms{font-size:.62em;color:#9ad9b8;opacity:.9}.meta{color:var(--muted);font-size:11px;margin-bottom:.4rem}.timer-controls{display:flex;flex-wrap:wrap;gap:.3rem}.timer-controls .btn{flex:0 0 auto}.duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin:.55rem 0 .65rem}.field{display:flex;flex-direction:column;gap:.2rem}.field label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.field input,.share-result input,.modal input[type=text]{width:100%;border:1px solid var(--line);background:#0d0d0d;color:var(--text);font-family:var(--font);font-size:13px;padding:.4rem .45rem;border-radius:4px;outline:none}.field input:focus,.modal input[type=text]:focus{border-color:#3d3d3d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:none;align-items:flex-end;justify-content:center;z-index:30;padding:.75rem}.modal-backdrop.open{display:flex}.modal{width:min(420px,100%);background:#101010;border:1px solid var(--line);border-radius:6px;padding:.85rem}.modal h2{margin:0 0 .25rem;font-size:13px;color:var(--accent);letter-spacing:.04em}.modal p{margin:0 0 .65rem;color:var(--muted);font-size:12px}.choice{display:grid;gap:.35rem;margin-bottom:.65rem}.choice label{display:flex;gap:.5rem;align-items:flex-start;border:1px solid var(--line);padding:.5rem;border-radius:4px;cursor:pointer}.choice label:has(input:checked){border-color:#2f5a42;background:#101810}.choice strong{display:block;font-size:12px}.choice span{color:var(--muted);font-size:11px}.modal-actions{display:flex;gap:.35rem}.modal-actions .btn{flex:1}.share-result{display:none;margin-top:.65rem}.share-result.show{display:block}.share-result input{margin-bottom:.35rem}.toast{position:fixed;left:50%;bottom:max(.85rem,env(safe-area-inset-bottom));transform:translate(-50%) translateY(140%);max-width:min(92vw,420px);background:#121212;border:1px solid var(--line);color:var(--text);padding:.5rem .65rem;border-radius:4px;z-index:40;transition:transform .2s ease;word-break:break-all;font-size:12px}.toast.show{transform:translate(-50%) translateY(0)}.timeline{margin-top:1.1rem;border-top:1px solid var(--line);padding-top:.75rem}.timeline-title{font-size:13px;font-weight:600;margin-bottom:.55rem;letter-spacing:.03em}.timeline-board{display:grid;grid-template-columns:minmax(96px,140px) 1fr;gap:.35rem .5rem;align-items:stretch}.timeline-scale{grid-column:2;position:relative;height:28px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;overflow:visible}.timeline-scale-mark{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.timeline-scale-mark:after{content:"";position:absolute;left:50%;top:16px;width:1px;height:10px;background:#2f2f2f}.timeline-now{position:absolute;bottom:-1px;left:0;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #ff9f1a;transform:translate(-50%);filter:drop-shadow(0 0 4px rgba(255,159,26,.55));z-index:6;pointer-events:none}.timeline-label{display:flex;align-items:center;min-height:28px}.pill{display:inline-flex;align-items:center;max-width:100%;gap:.3rem;padding:.22rem .5rem;border-radius:999px;background:#1c1c1c;border:1px solid #2f2f2f;color:var(--text);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill.active{background:var(--hot);border-color:transparent;color:#1a0610}.pill.done{opacity:.55}.timeline-track{position:relative;height:28px;background:#101010;border:1px solid #1d1d1d;overflow:hidden}.timeline-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#1a1a1a calc(12.5% - 1px),#1a1a1a 12.5%);pointer-events:none}.bar{position:absolute;top:4px;bottom:4px;min-width:4px;border-radius:4px;background:var(--warn-dim);color:#1a0d04;font-size:10px;font-weight:700;display:flex;align-items:center;padding:0 .4rem;overflow:hidden;white-space:nowrap;z-index:1}.bar.running{background:var(--hot-dim);color:#1a0610}.bar.done{background:#3a3a3a;color:#cfcfcf}.timeline-empty{grid-column:1 / -1;color:var(--muted);font-size:12px;padding:.35rem 0}@media(min-width:640px){.modal-backdrop{align-items:center}}@media(max-width:520px){.timeline-board{grid-template-columns:88px 1fr}.brand-sub{display:none}.duration-grid{grid-template-columns:repeat(2,1fr)}}