:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--color-bg:#111312;--color-surface:#191c1a;--color-surface-raised:#202421;--color-border:#343a35;--color-border-soft:#292e2b;--color-text:#e8ebe7;--color-muted:#989f99;--color-subtle:#858d87;--color-accent:#c4d28b;--color-danger:#e89078;--color-success:#b8cd85;--color-develop:#d6a879;--color-stop:#91bcb0;--color-fix:#b5a5d2;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.45rem;--radius-md:.75rem;--radius-lg:1rem;--shadow-card:0 18px 42px #00000029;--motion-fast:.15s ease;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px;min-height:100%}body{background:radial-gradient(ellipse at 50% -18%, #788b751a, transparent 46%), var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::selection{color:var(--color-text);background:#c4d28b47}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:min(100% - 56px,1420px);margin:0 auto;padding:24px 0 22px}.masthead,.brand,.global-controls,.page-intro,.workflow-note,.timer-card__header,.timer-controls,.timer-controls__utility,.sound-toggle,.page-footer{align-items:center;display:flex}.masthead,.page-intro,.page-footer{justify-content:space-between}.masthead{border-bottom:1px solid var(--color-border-soft);min-height:48px;padding-bottom:17px}.brand{color:var(--color-text);gap:11px;text-decoration:none}.brand__mark{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-accent);border-radius:50%;place-items:center;display:grid}.brand__name,.eyebrow,.workflow-note,.page-footer,.timer-card__index,.time-display__caption,.duration-editor legend,.duration-editor__field>span{font-family:var(--font-mono);letter-spacing:.12em;font-size:.66rem}.brand__name{letter-spacing:.14em;font-size:.69rem}.brand__name b{color:var(--color-muted);font-weight:500}.sound-toggle{min-height:40px;color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--motion-fast), background var(--motion-fast), border-color var(--motion-fast);background:0 0;border:1px solid #0000;gap:9px;padding:0 12px}.sound-toggle:hover{color:var(--color-text);border-color:var(--color-border);background:var(--color-surface)}.page-intro{align-items:flex-end;padding:52px 0 30px}.eyebrow{color:var(--color-muted);margin:0 0 14px}.page-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:450}.page-intro__copy{color:var(--color-muted);margin:12px 0 0;font-size:.94rem}.workflow-note{color:var(--color-muted);gap:9px;margin:0 0 6px;font-size:.61rem}.workflow-note__dot{background:var(--color-success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #b8cd855c}.timer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.timer-card{--timer-accent:var(--color-develop);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:linear-gradient(155deg, #ffffff06, transparent 48%), var(--color-surface);min-width:0;box-shadow:var(--shadow-card);transition:border-color var(--motion-fast), background var(--motion-fast), transform var(--motion-fast);padding:23px 22px 19px;position:relative;overflow:hidden}.timer-card:before{content:"";background:var(--timer-accent);opacity:.58;height:2px;position:absolute;inset:0 0 auto}.timer-card--stop{--timer-accent:var(--color-stop)}.timer-card--fix{--timer-accent:var(--color-fix)}.timer-card.is-running{border-color:color-mix(in srgb, var(--timer-accent) 57%, var(--color-border));background:linear-gradient(160deg, color-mix(in srgb, var(--timer-accent) 7%, transparent), transparent 55%), var(--color-surface)}.timer-card.is-completed{border-color:color-mix(in srgb, var(--color-success) 55%, var(--color-border))}.timer-card__header{justify-content:space-between;gap:8px}.timer-card__header>div{align-items:baseline;gap:12px;display:flex}.timer-card__index{color:var(--color-subtle);font-size:.6rem}.timer-card__header h2{color:var(--timer-accent);letter-spacing:.1em;margin:0;font-size:.9rem;font-weight:650}.status-badge{border:1px solid var(--color-border);min-height:28px;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 8px;font-size:.59rem;display:inline-flex}.status-badge__marker{border:1px solid;border-radius:50%;width:6px;height:6px}.status-badge--running{color:var(--timer-accent);border-color:color-mix(in srgb, var(--timer-accent) 35%, var(--color-border))}.status-badge--running .status-badge__marker{background:currentColor;border:0}.status-badge--completed{color:var(--color-success)}.time-display{gap:8px;padding:32px 0 26px;display:grid}.time-display__caption{color:var(--color-subtle);font-size:.58rem}.time-display__value{color:var(--color-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.075em;white-space:nowrap;font-size:clamp(2.1rem,3.35vw,3.15rem);font-weight:400;line-height:1}.is-running .time-display__value{color:#f3f2e9}.completion-note{color:var(--color-success);margin:-13px 0 21px;font-size:.77rem}.duration-editor{border-top:1px solid var(--color-border-soft);padding-top:16px}.duration-editor fieldset{border:0;min-width:0;margin:0;padding:0}.duration-editor legend{color:var(--color-muted);letter-spacing:.08em;margin-bottom:10px;padding:0;font-size:.6rem}.duration-editor__fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;position:relative}.duration-editor__field{gap:6px;display:grid}.duration-editor__field>span{color:var(--color-subtle);letter-spacing:.08em;font-size:.57rem}.duration-editor__field input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:43px;color:var(--color-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:#141715;padding:0 10px;font-size:.9rem}.duration-editor__field input:disabled{color:var(--color-muted);opacity:.68}.duration-editor__separator{display:none}.duration-editor__error{color:#f2a58f;margin:8px 0 0;font-size:.75rem;line-height:1.4}.button{border-radius:var(--radius-sm);cursor:pointer;min-height:42px;transition:background var(--motion-fast), color var(--motion-fast), border-color var(--motion-fast), opacity var(--motion-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:0 14px;font-size:.8rem;font-weight:570;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.43}.button--primary{color:#161914;background:var(--timer-accent,var(--color-accent))}.button--primary:hover:not(:disabled){background:color-mix(in srgb, var(--timer-accent,var(--color-accent)) 83%, white)}.button--secondary{color:var(--color-text);border-color:var(--color-border);background:var(--color-surface-raised)}.button--secondary:hover{background:#292e2b;border-color:#545d56}.button--quiet{color:var(--color-muted);background:0 0}.button--quiet:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-raised)}.button--danger{color:#20130f;background:var(--color-danger)}.duration-editor__save{min-height:36px;margin-top:10px;padding:0 8px;font-size:.73rem}.timer-controls{flex-wrap:wrap;gap:7px;margin-top:14px}.timer-controls__utility{gap:2px;margin-left:auto}.timer-controls__utility .button{gap:6px;min-height:39px;padding:0 8px;font-size:.74rem}.configured-summary{border-top:1px solid var(--color-border-soft);color:var(--color-subtle);justify-content:space-between;margin:15px 0 0;padding-top:13px;font-size:.7rem;display:flex}.configured-summary strong{color:var(--color-muted);font-family:var(--font-mono);font-size:.68rem;font-weight:500}.confirm-dialog{border-radius:var(--radius-lg);width:min(100% - 32px,410px);color:var(--color-text);background:#1b1f1c;border:1px solid #414842;padding:0;box-shadow:0 24px 90px #0000008c}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050706c2}.confirm-dialog__content{padding:26px}.confirm-dialog h2{margin:0;font-size:1.2rem;font-weight:550}.confirm-dialog p:not(.eyebrow){color:var(--color-muted);margin:12px 0 24px;font-size:.88rem;line-height:1.6}.confirm-dialog__actions{justify-content:flex-end;gap:8px;display:flex}.page-footer{color:var(--color-subtle);gap:16px;padding-top:25px;font-size:.58rem}@media (width<=920px){.app-shell{width:min(100% - 40px,740px)}.timer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-card:last-child{grid-column:1/-1}.timer-card:last-child .time-display__value{font-size:clamp(2.3rem,7vw,3.2rem)}}@media (width<=620px){.app-shell{width:min(100% - 32px,460px);padding-top:14px}.masthead{padding-bottom:12px}.brand__name{font-size:.61rem}.sound-toggle{min-height:42px;padding:0 8px}.page-intro{padding:37px 0 22px;display:block}.page-intro h1{font-size:2.35rem}.workflow-note{margin-top:23px}.timer-grid{grid-template-columns:minmax(0,1fr);gap:13px}.timer-card:last-child{grid-column:auto}.timer-card{padding:20px 19px 17px}.time-display{padding:27px 0 23px}.time-display__value,.timer-card:last-child .time-display__value{font-size:clamp(2.5rem,12vw,3.25rem)}.page-footer{flex-direction:column;align-items:flex-start;gap:9px;padding:21px 3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}