:root{color-scheme:light dark;--bg: #f6f7f9;--surface: #ffffff;--surface-sunken: #f0f2f5;--border: #dfe3e8;--border-strong: #c4cad2;--text: #16181d;--text-muted: #6b7280;--accent: #2f6df6;--accent-text: #ffffff;--accent-soft: #e8effe;--danger: #c8331f;--danger-soft: #fdecea;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 10%);--shadow-raised: 0 4px 12px rgb(16 24 40 / 10%)}@media(prefers-color-scheme:dark){:root{--bg: #101215;--surface: #181b20;--surface-sunken: #212530;--border: #2a2f38;--border-strong: #3a4150;--text: #e8eaed;--text-muted: #9aa3b0;--accent: #5b8dff;--accent-text: #0b1220;--accent-soft: #1c2740;--danger: #ff7a6b;--danger-soft: #33201d;--shadow: 0 1px 2px rgb(0 0 0 / 40%);--shadow-raised: 0 4px 14px rgb(0 0 0 / 45%)}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:720px;margin:0 auto;padding:clamp(1rem,3vw,1.75rem) 1rem 3rem;display:flex;flex-direction:column;gap:1rem}.app__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app__title{margin:0;font-size:1.25rem;font-weight:650;letter-spacing:-.02em}.copy{padding:.3rem .7rem;font-size:.8125rem}.copy:disabled{opacity:.45;cursor:default}.copy:disabled:hover{background:var(--surface);border-color:var(--border-strong)}input,select,button{font:inherit;color:inherit}input[type=text],input[type=number],input[type=time],input[type=date],select{min-width:0;padding:.35rem .55rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .12s ease,box-shadow .12s ease}input:focus-visible,select:focus-visible,button:focus-visible,.create__mode:focus-within,.create__weekday:focus-within{outline:2px solid var(--accent);outline-offset:2px}input[type=text]:focus,input[type=number]:focus,input[type=time]:focus,input[type=date]:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.button{padding:.4rem .75rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform 80ms ease}.button:hover{background:var(--surface-sunken);border-color:var(--text-muted)}.button:active{transform:translateY(1px)}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.button--primary:hover{background:var(--accent);border-color:var(--accent);filter:brightness(1.08)}.button--danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.button--ghost{background:none;border-color:transparent;color:var(--text-muted)}.create{display:flex;flex-direction:column;gap:.625rem;padding:.875rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.create__description{font-size:.9375rem}.create__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.create__modes{display:inline-flex;align-self:flex-start;padding:3px;background:var(--surface-sunken);border-radius:var(--radius-sm)}.create__mode{padding:.3rem .9rem;border-radius:6px;font-size:.875rem;color:var(--text-muted);cursor:pointer;transition:background-color .12s ease,color .12s ease}.create__mode input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.create__mode:has(input:checked){background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow)}.create__fields{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.field{display:flex;align-items:center;gap:.4rem}.field__caption{font-size:.8125rem;font-weight:600;color:var(--text-muted)}.field__hint{font-weight:400;opacity:.75}.create__fields--duration{gap:.3rem}.field--unit{gap:.15rem}.field__unit{font-size:.75rem;color:var(--text-muted)}.create__unit{width:2.5rem;padding:.35rem .25rem;font-size:.9375rem;text-align:center}.create__unit::-webkit-inner-spin-button,.create__unit::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.create__unit{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.create__repeat{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.create__repeat-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.9375rem;cursor:pointer}.create__weekdays{display:flex;flex-wrap:wrap;gap:.3rem}.create__weekday{padding:.25rem .55rem;background:var(--surface-sunken);border:1px solid transparent;border-radius:999px;font-size:.8125rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.create__weekday input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.create__weekday:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.create__preview,.create__error{margin:0;font-size:.875rem;min-height:1.25rem}.create__preview{color:var(--text-muted)}.create__error{color:var(--danger);font-weight:500}.create__preview:empty,.create__error:empty{display:none}.create__actions{display:flex;gap:.5rem}.create__actions .button{padding:.4rem .9rem;font-size:.875rem}.timer-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.375rem}.timer-list__empty{margin:0;padding:1.5rem 1rem;text-align:center;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius)}.timer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem .875rem;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);box-shadow:var(--shadow);transition:box-shadow .14s ease,border-color .14s ease}.timer:hover{box-shadow:var(--shadow-raised)}.timer__main{min-width:0}.timer__description{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.timer__meta{margin:0;font-size:.75rem;line-height:1.35;color:var(--text-muted)}.timer__countdown{min-width:7rem;text-align:right;font-size:1.375rem;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.timer__actions{display:flex;justify-content:flex-end;gap:.25rem;width:13.5rem}.timer__actions .button{padding:.2rem .4rem;font-size:.75rem;opacity:0;transition:opacity .12s ease,background-color .12s ease,border-color .12s ease}.timer:hover .timer__actions .button,.timer:focus-within .timer__actions .button{opacity:1}.timer__actions [data-action=acknowledge]{opacity:1}.button--icon{display:inline-flex;align-items:center;padding:.25rem;color:var(--text-muted)}.icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.icon__cross,.timer--muted .icon__waves{display:none}.timer--muted .icon__cross{display:inline}.timer--muted .timer__actions [data-action=mute]{opacity:1;color:var(--text);border-color:var(--border-strong)}@media(hover:none){.timer__actions .button{opacity:1}}.timer--overdue{border-color:var(--danger);border-left-color:var(--danger);background:var(--danger-soft)}.timer--overdue .timer__countdown,.timer--overdue .timer__description{color:var(--danger)}@media(prefers-reduced-motion:no-preference){.timer--overdue{animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{border-color:var(--border)}}}@media(max-width:560px){.timer{grid-template-columns:minmax(0,1fr) auto;row-gap:.375rem}.timer__actions{grid-column:1 / -1;width:auto;flex-wrap:wrap;justify-content:flex-start}.timer__actions .button{opacity:1}.timer__countdown{min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}