:root{--ink:#12171f;--muted:#657080;--line:#e3e8ef;--line-strong:#cfd8e6;--paper:#fff;--white:#fff;--deep:#111722;--navy:#21304a;--accent:#147a78;--accent-fg:#fff;--accent-dark:#0f6462;--accent-soft:#147a781a;--focus:#2e7dd7;--pale:#f5f7fa;--cream:#fff8e8;--danger:#b42318;--danger-fg:#fff;--warn:#b36b00;--ok:#15705f;--ok-soft:#15705f29;--warn-soft:#b36b0029;--danger-soft:#b4231829;--clock-neutral:#147a78;--clock-warn:#f3a62a;--clock-danger:#e35650;--clock-warn-soft:#f3a62a33;--clock-danger-soft:#e3565033;--shadow-sm:0 1px 2px #1117220f, 0 6px 18px #1117220f;--shadow-lg:0 18px 48px #11172224, 0 4px 14px #11172214;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--page-soft-bg:radial-gradient(circle at 12% 0%, #147a781f, transparent 30%), radial-gradient(circle at 88% 14%, #f3a62a1f, transparent 28%), linear-gradient(165deg, var(--pale) 0%, var(--paper) 58%);--header-bg:#ffffffeb;--panel-bg:#fff;--panel-raised:#fff;--input-bg:#fff;--solid-bg:#101820;--solid-fg:#fff}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8edf5;--muted:#a5b0c0;--line:#2a3544;--line-strong:#3a4658;--paper:#0f141c;--white:#f4f7fb;--deep:#f4f7fb;--navy:#c8d7ef;--accent:#5cd1c8;--accent-fg:#0f141c;--accent-dark:#82e1db;--accent-soft:#5cd1c81f;--focus:#8ab7ff;--pale:#171e29;--cream:#272212;--danger:#ff8a82;--danger-fg:#0f141c;--warn:#f0bf66;--ok:#7fd4a8;--ok-soft:#7fd4a824;--warn-soft:#f0bf6624;--danger-soft:#ff8a8224;--clock-neutral:#5cd1c8;--clock-warn:#f0bf66;--clock-danger:#ff8a82;--clock-warn-soft:#f0bf6629;--clock-danger-soft:#ff8a8229;--shadow-sm:0 1px 2px #00000047, 0 4px 14px #00000038;--shadow-lg:0 8px 28px #00000057, 0 2px 8px #0000003d;--page-soft-bg:radial-gradient(circle at 12% 0%, #5cd1c81f, transparent 30%), radial-gradient(circle at 88% 14%, #f0bf661a, transparent 28%), linear-gradient(165deg, #121822 0%, #0f141c 58%);--header-bg:#0f141ceb;--panel-bg:#171e29;--panel-raised:#1c2431;--input-bg:#121822;--solid-bg:#e8edf5;--solid-fg:#0f141c}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;color:var(--ink);letter-spacing:0;background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:15px;line-height:1.9}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:0;word-break:keep-all;font-weight:500;line-height:1.5}h1{letter-spacing:0;font-size:2.25rem}h2{font-size:1.1rem}h3{text-transform:none;color:var(--muted);font-size:.82rem;font-weight:500}button,input,textarea,select{font:inherit;color:inherit}button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-height:46px;color:var(--deep);background:var(--panel-bg);cursor:pointer;padding:10px 20px;transition:background .18s,border-color .18s,color .18s,transform 80ms,box-shadow .18s;box-shadow:0 1px #1117220a}button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-fg);box-shadow:0 8px 20px #147a7829}button:active:not(:disabled){transform:scale(.985)}button.primary{color:var(--solid-fg);background:var(--solid-bg);border-color:var(--solid-bg);box-shadow:0 10px 24px #11172229}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{color:var(--deep);background:var(--panel-bg);border-color:var(--line-strong)}button.secondary:hover:not(:disabled){color:var(--accent-fg)}button.ghost{color:var(--deep);border-color:var(--line-strong);background:0 0}button.ghost:hover:not(:disabled){color:var(--accent-fg)}button.danger{background:var(--danger);border-color:var(--danger);color:var(--danger-fg)}button.icon{padding-inline:.8rem}input,textarea,select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;padding:.72rem .85rem;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #11172208}input:hover,textarea:hover,select:hover{border-color:#bcc8db}textarea{resize:vertical;min-height:9rem;font-family:ui-monospace,SF Mono,Menlo,monospace;line-height:1.5}label,.stack{gap:.5rem;display:grid}label>span{letter-spacing:0;text-transform:none;color:var(--muted);font-size:.78rem;font-weight:500}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:0;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 18%, transparent);outline:0}.panel{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem}.panel.compact{border-radius:var(--radius-md);padding:1rem}.status{color:var(--muted);font-size:.92rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field-label{color:var(--muted);font-size:.78rem;font-weight:500}.clock-wrap.is-paused{outline:3px solid color-mix(in srgb, var(--warn) 65%, transparent);outline-offset:-3px}.eyebrow{color:var(--accent-dark);text-transform:none;letter-spacing:0;font-size:.72rem;font-weight:500}.chip{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel-bg);color:var(--muted);letter-spacing:0;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.78rem;font-weight:500;display:inline-flex}.chip.accent{color:var(--accent-dark);background:#2f6fbd14;border-color:#2f6fbd2e}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.app-header .title-block{gap:.3rem;display:grid}.app-header .actions{flex-wrap:wrap;gap:.6rem;display:flex}.clock-wrap{place-items:center;min-height:280px;display:grid;position:relative}.clock-wrap.large{min-height:420px}.clock{width:min(70vw,320px);transform:rotate(-90deg)}.clock-track,.clock-progress{fill:none;stroke-width:10px}.clock-track{stroke:#edf1f7}.clock-progress{stroke:var(--clock-neutral);stroke-linecap:round;transition:stroke .2s}.clock-wrap[data-tone=warn] .clock-track{stroke:var(--clock-warn-soft)}.clock-wrap[data-tone=warn] .timer{color:var(--warn)}.clock-wrap[data-tone=danger] .clock-track{stroke:var(--clock-danger-soft)}.clock-wrap[data-tone=danger] .timer{color:var(--danger)}.clock-wrap.is-overtime{background:var(--clock-danger-soft);border-radius:50%}.clock-wrap.is-overtime .timer{color:var(--danger)}.chip.warn{color:var(--warn);background:var(--warn-soft);border-color:#c27a1852}.chip.danger{color:var(--danger);background:var(--danger-soft);border-color:#b4231852}.clock-center{text-align:center;position:absolute}.timer{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:4.5rem;font-weight:700}.hidden{display:none!important}.toast-stack{z-index:40;pointer-events:none;gap:.45rem;width:min(360px,100vw - 1.5rem);display:grid;position:fixed;bottom:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem)}.toast{pointer-events:auto;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--solid-bg);color:var(--solid-fg);box-shadow:var(--shadow-lg);opacity:0;cursor:pointer;padding:.75rem .95rem;font-size:.9rem;line-height:1.5;transition:opacity .2s,transform .2s;transform:translateY(8px)}.toast.is-visible{opacity:1;transform:translateY(0)}.toast--error{background:var(--danger);border-color:var(--danger)}.toast--success{background:var(--ok);border-color:var(--ok)}code{border-radius:var(--radius-sm);background:var(--pale);border:1px solid var(--line);padding:.12rem .34rem;font-size:.92em}.theme-toggle{min-height:40px;font-size:.82rem}.theme-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}@media (prefers-reduced-motion:reduce){button{transition-duration:.01ms}button:active:not(:disabled){transform:none}}@media (width<=800px){body{background:var(--paper)}.clock{width:min(84vw,320px)}.timer{font-size:3rem}}