@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color-scheme:light;color:var(--text,#243c32);background:var(--page,#f6f7f2);font-synthesis:none;--ink:var(--text,#243c32);--muted:var(--secondary,#839087);--line:#e1e5dc;--green:var(--accent,#244b3b);--lime:var(--accent-light,#dcf394);--white:var(--surface,#fff);--focus:#58782f;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:DM Sans,sans-serif}:root[data-theme=midnight]{color-scheme:dark;--page:#101525;--text:#e5e8f2;--secondary:#b4bed3;--line:#424c65;--accent:#6657ad;--accent-hover:#6e5db4;--accent-light:#ded5ff;--surface:#1b2237;--surface-soft:#181f32;--surface-disabled:#161c2d;--hover:#303653;--focus:#c6b3ff;--accent-text:#d3c8ff;--indicator:#b5a2ed;--selected-border:#a694de;--error:#ffb6ac;--error-bg:#422938;--error-border:#dd938f;--delete-bg:#984253;--delete-hover:#ad4b5e;--warning:#f1d18c;--warning-border:#b89a5d;--warning-bg:#332e30;--progress-green:#9dbb7c;--progress-yellow:#e6c164;--progress-red:#ee9387;--track:#343e57;--paused-track:#504675;--paused-muted:#e5def5;--paused-border:#9987cb;--paused-footer:#403563;--creator-shadow:#a694de26;--dialog-shadow:#03061480;--backdrop:#050917aa;--toast-border:#aa98d5;--toast-shadow:#03061480;--toast-muted:#eee7ff;--toast-hover:#51447c}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:background .18s,transform .18s,color .18s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid var(--focus,#7d9e3c);outline-offset:4px}input:focus{outline:2px solid var(--focus,#93ad71);outline-offset:1px}button:active{transform:translateY(1px)}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button svg{pointer-events:none}a{color:inherit}[hidden]{display:none!important}.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}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;height:54px;margin:auto;padding:0 64px;display:flex}.wordmark{letter-spacing:-1.7px;align-items:center;font-family:Manrope,sans-serif;font-size:30px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:var(--lime);border-radius:10px;place-items:center;width:35px;height:35px;margin-right:10px;display:grid}.brand-mark svg{stroke-width:1.8px;width:23px;height:23px}.brand-dot{color:var(--secondary,#617052)}.header-right{align-items:center;gap:21px;display:flex;position:relative}.local-clock{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;display:flex}.live-dot{background:var(--indicator,#799664);border-radius:50%;width:6px;height:6px;display:inline-block}.header-divider{background:var(--line);width:1px;height:18px}.icon-button{color:var(--secondary,#617052);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:7px;display:inline-flex}.icon-button:hover{background:var(--hover,#e9eee4);color:var(--accent-text,var(--green))}.sound-button{font-size:12px}.sound-button svg{width:17px;height:17px}.settings-panel{z-index:20;border:1px solid var(--line);background:var(--white);width:280px;max-width:calc(100vw - 32px);box-shadow:0 10px 35px var(--dialog-shadow,#19342325);border-radius:12px;padding:18px;position:absolute;top:calc(100% + 10px);right:0}.settings-panel fieldset{border:0;min-width:0;margin:0;padding:0}.settings-panel legend{margin-bottom:12px;font-size:14px;font-weight:600}.settings-options{gap:10px;display:flex}.settings-options label{border:1px solid var(--line);min-height:44px;color:var(--ink);letter-spacing:normal;cursor:pointer;border-radius:7px;flex:1;align-items:center;gap:8px;margin:0;padding:8px;font-size:12px;display:flex}.settings-options label:has(:checked){background:var(--hover,#e9eedf);border-color:var(--selected-border,#9cb078)}.settings-options label:has(:focus-visible){outline:3px solid var(--focus,#7d9e3c);outline-offset:2px}.settings-options input{width:16px;height:16px;accent-color:var(--green);margin:0;padding:0}.settings-panel p{color:var(--secondary,#617052);margin-top:12px;font-size:12px;line-height:1.6}.sound-button[aria-pressed=true]{color:var(--green)}main{max-width:1440px;margin:auto;padding:0 64px}.section-icon{background:var(--hover,#eff4e7);width:32px;height:32px;color:var(--secondary,#5c7650);border-radius:9px;place-items:center;display:grid}label{letter-spacing:1.25px;color:var(--secondary,#617052);margin-bottom:9px;font-size:9px;font-weight:700;display:block}input{border:1px solid var(--line,#e1e6db);background:var(--surface-soft,#fbfcf9);width:100%;min-width:0;color:var(--ink);border-radius:7px;padding:12px;font-size:12px;line-height:20px}input::placeholder{color:var(--secondary,#617052);font-size:11px}.time-field{border:1px solid var(--line,#dbe2d2);background:var(--surface-soft,#f9fbf5);border-radius:8px;align-items:center;gap:12px;min-height:75px;padding-left:14px;display:flex}.time-field>svg{color:var(--secondary,#617052);width:19px}.time-field input{font-family:var(--mono);letter-spacing:-1px;background:0 0;border:0;border-radius:0;padding:16px 11px 16px 0;font-size:30px;line-height:1.4}.time-field input::-webkit-calendar-picker-indicator{opacity:.45;cursor:pointer;width:17px}.date-field{border:1px solid var(--line,#e5e8e0);border-radius:7px;align-items:center;gap:10px;margin-top:10px;padding:0 13px;display:flex}.date-field>svg{color:var(--secondary,#617052);width:15px}.date-field input{color:var(--secondary,#617052);background:0 0;border:0;padding:9px 0;font-size:11px}.date-field input::-webkit-calendar-picker-indicator{opacity:.45;cursor:pointer}.time-preview{color:var(--secondary,#617052);align-items:center;gap:7px;min-height:15px;margin:16px 0 20px;font-size:10px;display:flex}.time-preview>svg{width:13px;height:13px}.time-preview.invalid{color:var(--secondary,#617052)}.primary-button{background:var(--green);color:#f6faef;border:1px solid var(--green);border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 15px;font-size:12px;font-weight:500;display:flex}.primary-button>svg{width:15px;height:15px}.primary-button>svg:last-child{margin-left:auto}.primary-button>svg:first-child{margin-right:auto}.primary-button:hover{background:var(--accent-hover,#34614b)}.save-note{color:var(--secondary,#617052);justify-content:center;align-items:center;gap:6px;margin-top:20px;padding:8px 0;font-size:9px;display:flex}.save-note svg{width:12px;height:12px}.form-error{color:var(--error,#a34535);background:var(--error-bg,#fff4ed);border-radius:6px;margin:12px 0;padding:9px;font-size:12px;line-height:1.5}.timers-section{min-width:0;padding:16px 0 40px}.new-timer-button{border:1px solid var(--green);background:var(--green);color:#f6faef;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:500;display:inline-flex}.new-timer-button:hover{background:var(--accent-hover,#34614b)}.new-timer-button svg{width:15px;height:15px}.timers-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 20px;padding-bottom:13px;display:flex}.weekday-picker input{accent-color:var(--green)}.recurrence-controls{container-type:inline-size}.recurrence-row{align-items:center;gap:8px;margin:6px 0;display:flex}.weekday-picker{border:0;gap:4px;width:fit-content;min-width:0;max-width:100%;margin:0;padding:0;display:flex}.weekday-picker label{letter-spacing:normal;cursor:pointer;min-width:0;margin:0;position:relative}.weekday-picker input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.weekday-picker span{text-align:center;border:1px solid var(--line);border-radius:5px;min-width:24px;padding:4px;font-size:10px;line-height:14px;display:block}.weekday-picker input:checked+span{background:var(--green);color:#fff;border-color:var(--green)}.weekday-picker input:focus-visible+span{outline:3px solid var(--focus,#7d9e3c);outline-offset:2px}.week-interval{white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;font-size:12px;display:flex}.week-interval>label{font:inherit;letter-spacing:normal;margin:0}.week-number{place-items:center;display:inline-grid}.week-interval input{width:calc(var(--week-digits,1) * 1ch + 4px);min-width:0;color:inherit;font-family:var(--mono);font-size:inherit;text-align:center;-moz-appearance:textfield;appearance:textfield;background:0 0;border:0;border-radius:2px;padding:3px 2px;line-height:1.4}.week-interval input::-webkit-inner-spin-button,.week-interval input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.week-number button{background:0 0;border:0;border-radius:2px;place-items:center;width:24px;height:16px;padding:0;display:grid}.week-number button:hover{color:var(--accent-text,#5c7d31)}.week-number button:focus-visible{outline-offset:0}.week-number svg{width:12px;height:12px}@container (width<=340px){.weekday-picker{gap:2px}.weekday-picker span{min-width:0;padding:4px 2px}.week-interval{gap:2px;font-size:10px}}@container (width<=280px){.recurrence-row{gap:4px}.weekday-picker{gap:1px}.weekday-picker span{padding:4px 1px;font-size:9px}.week-interval{gap:1px}}.recurrence-hint{color:var(--secondary,#617052);margin-top:12px;font-size:11px;line-height:1.7}.card-recurrence{border-top:1px solid var(--line);margin:0 20px 8px}.week-interval input:focus-visible{outline:3px solid var(--focus,#7d9e3c);outline-offset:2px}#alarm-editor{margin-bottom:18px}.view-panels{margin:-7px;padding:7px;position:relative;overflow:clip}.view-panel{min-width:0}.view-panel:focus-visible{outline:2px solid var(--focus,#7d9e3c);outline-offset:4px}.view-panel.is-leaving{pointer-events:none;position:absolute;inset:7px}.alarm-list{gap:10px;display:grid}.alarm-row{border:1px solid var(--line);background:var(--surface-soft,#fcfdf9);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.alarm-details{min-width:0}.alarm-details h3{overflow-wrap:anywhere;font-size:14px}.alarm-details p{color:var(--secondary,#617052);overflow-wrap:anywhere;margin-top:4px;font-size:11px;line-height:1.7}.alarm-details time{font-family:var(--mono);margin-top:7px;font-size:16px;display:inline-block}.alarm-actions{flex-shrink:0;gap:6px;display:flex}.alarm-actions button{border:1px solid var(--line);background:var(--surface,white);border-radius:6px;padding:8px 10px;font-size:11px}.alarm-actions button:hover{background:var(--hover,#edf3e3)}.alarm-actions [aria-pressed=true]{background:var(--hover,#e6eddd)}.alarm-row.is-disabled{background:var(--surface-disabled,#f1f3ec)}@media (width<=600px){.alarm-row{flex-direction:column;align-items:flex-start;gap:12px}}.view-tabs{align-items:center;gap:5px;margin-left:auto;display:flex}.view-tabs>button{color:var(--secondary,#617052);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:11px}.view-tabs>button.active{background:var(--hover,#e9eedf);color:var(--secondary,#475e38);font-weight:600}.view-tabs>button:hover{background:var(--hover,#edf0e7)}.timer-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.timer-card{background:var(--surface,white);border:1px solid var(--line,#dfe5d5);border-radius:12px;min-width:0;overflow:hidden}.timer-card.next-up{border-color:var(--selected-border,#adbf83)}.timer-card.finished{border-color:var(--line,#e0e4da);background:var(--surface-soft,#f9faf6)}.card-main{padding:10px 20px 17px;container-type:inline-size}.card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card-header>div:first-child{min-width:0}[data-timer] .card-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;display:grid}[data-timer] .card-header>div:first-child{display:contents}.card-title{white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;min-width:0;font-size:39px;font-weight:600;line-height:1.1;overflow:visible}.timer-name-button,.timer-name-input{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:2px;padding:0;display:block}.timer-name-button{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timer-name-button:hover{text-underline-offset:4px;text-decoration:underline 1px}.timer-name-input:focus{background:var(--white);color:var(--ink)}.timer-name-input::placeholder{font:inherit}[data-timer] .card-category{grid-area:2/1/auto/-1;margin-top:0}.card-category{text-transform:uppercase;letter-spacing:1px;color:var(--secondary,#617052);flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;font-size:8px;display:flex}.card-category>span{background:var(--indicator,#94a779);border-radius:50%;width:4px;height:4px}.card-tools{flex-shrink:0;grid-area:1/2;align-items:center;gap:4px;display:flex}.card-tools .icon-button{color:var(--secondary,#617052);padding:4px}.card-tools .icon-button:hover,.card-tools .icon-button:focus-visible{color:var(--error,#a75441);background:var(--error-bg,#faeee5)}.card-tools svg{width:14px;height:14px}.timer-adjustments{grid-template-columns:34px 28px minmax(0,1fr) 28px 34px;align-items:stretch;margin:14px -12px 0;display:grid}.timer-adjustments.is-finished{grid-template-columns:minmax(0,1fr);margin-inline:0}.timer-readout{min-width:0;padding:4px 8px;container-type:inline-size}.time-adjust{min-height:64px;color:var(--timer-muted);font-family:var(--mono);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:4px;padding:0;font-size:12px}.time-adjust-minus{border-right:1px solid var(--timer-track)}.time-adjust-plus{border-left:1px solid var(--timer-track)}.time-adjust:enabled:hover,.time-adjust:focus-visible{background:color-mix(in srgb, var(--timer-accent) 12%, transparent);color:var(--timer-accent)}.time-adjust:enabled:active{background:color-mix(in srgb, var(--timer-accent) 22%, transparent);transform:none}.time-adjust:focus-visible{outline:2px solid var(--timer-accent);outline-offset:-2px}.time-adjust:disabled{opacity:.3;transform:none}.timer-readout .countdown-display{justify-content:center;margin-top:0}.timer-readout .end-label{justify-content:center;margin-top:13px;font-size:9px}.countdown-display{grid-template-columns:repeat(3,max-content);margin-top:10px;display:grid}.countdown-display.has-seconds{grid-template-columns:repeat(5,max-content)}.countdown{--countdown-size:clamp(54px, 5.25vw, 72px);--countdown-characters:8;grid-template-columns:subgrid;font-family:var(--mono);font-size:min(var(--countdown-size), calc(100cqw / (var(--countdown-characters) * .61)));letter-spacing:-2px;font-variant-numeric:tabular-nums;color:var(--accent-text,#3c5633);white-space:nowrap;grid-column:1/-1;margin-bottom:3px;font-weight:400;line-height:1.3;display:grid}.countdown-labels{grid-template-columns:subgrid;text-align:center;letter-spacing:min(1.2px,.5cqw);color:var(--secondary,#617052);grid-column:1/-1;font-size:min(7px,4cqw);display:grid}.countdown-labels>:nth-child(2){grid-column:3}.countdown-labels>:nth-child(3){grid-column:5}.end-label{color:var(--secondary,#617052);align-items:center;gap:5px;margin-top:20px;font-size:10px;display:flex}.end-label svg{width:12px;height:12px}.end-label strong{font-weight:700}.progress-track{width:100%;height:24px;margin-top:13px;display:block}.progress-pill{--progress-color:var(--progress-green,#819b50);fill:var(--timer-track);transition:fill .2s ease-in-out}.progress-pill[data-tone=yellow]{--progress-color:var(--progress-yellow,#d9ad32)}.progress-pill[data-tone=red]{--progress-color:var(--progress-red,#d46454)}.progress-pill.is-active{fill:var(--progress-color)}.progress-pill.is-leading.is-dimmed{fill:var(--timer-track)}.next-badge{color:var(--secondary,#617052);background:var(--hover,#eef4e1);letter-spacing:.2px;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;margin-left:0;padding:3px 6px;font-size:8px;display:inline-flex}.finished .countdown,.finished .card-category{color:var(--secondary,#617052)}.card-footer{border-top:1px solid var(--line,#edf0e6);background:var(--surface-soft,#fcfdf9);justify-content:space-between;align-items:center;min-height:54px;padding:10px 18px;display:flex}.add-todo{color:var(--secondary,#617052);background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:10px;display:flex}.add-todo:hover{color:var(--accent-text,#365429)}.add-todo svg{width:12px;height:12px}.todo-section{border-top:1px solid var(--line,#edf0e6);background:var(--surface-soft,#fcfdf9);min-height:54px;padding:10px 18px}.draft-todos{margin-top:16px}.todo-table{table-layout:fixed;border-collapse:collapse;width:100%;margin-bottom:8px}.todo-table th{color:var(--secondary,#617052);text-align:left;padding:0 4px 5px;font-size:10px;font-weight:500}.todo-table th:nth-child(3){text-align:center}.todo-table td{padding:3px 4px}.todo-check-column{width:28px}.todo-minutes-column{width:60px}.todo-delete-column{width:36px}.todo-delete{width:28px;height:28px;color:var(--secondary,#617052);padding:4px}.todo-delete svg{width:14px;height:14px}.todo-delete:hover,.todo-delete:focus-visible{color:var(--error,#a75441);background:var(--error-bg,#faeee5)}.todo-table tr:has(.todo-delete:hover),.todo-table tr:has(.todo-delete:focus-visible){background:var(--error-bg,#fce4df)}.todo-table tr:has(.todo-delete:hover) input,.todo-table tr:has(.todo-delete:focus-visible) input{border-color:var(--error-border,#bd7164);color:var(--error,#812d24)}.todo-table input{border:1px solid var(--line,#dfe5d5);width:100%;min-width:0;color:var(--ink);background:0 0;border-radius:4px;padding:6px;font-size:12px}.todo-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);vertical-align:middle;margin:0}.todo-table input[type=number]{text-align:center;-moz-appearance:textfield;appearance:textfield;width:calc(3ch + 14px);margin-inline:auto;padding-inline:6px;display:block}.todo-table input[type=number]::-webkit-inner-spin-button,.todo-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.todo-table input:focus-visible{outline:2px solid var(--focus,#7d9e3c);outline-offset:1px}.todo-table .is-complete input[type=text]{color:var(--secondary,#617052);text-decoration:line-through}.todo-table input[aria-invalid=true]{border-color:var(--error,#a75441)}.todo-table tr:not(:focus-within):not(:has([aria-invalid=true])) input:is([type=text],[type=number]){border-color:#0000}.todo-table tr:not(:focus-within):not(:has([aria-invalid=true])) input::placeholder{color:#0000}.todo-error:empty{display:none}.todo-warning{color:var(--warning,#805c22);align-items:flex-start;gap:6px;font-size:11px;line-height:1.5;display:flex}.todo-warning svg{vertical-align:middle;width:15px;height:15px}.timer-card.over-budget{border-color:var(--warning-border,#c5a86f)}.over-budget .todo-warning{margin-bottom:10px}.over-budget .todo-section{background:var(--warning-bg,#fcf9f1)}.paused .todo-section{color:var(--ink)}.finished-badge{color:var(--secondary,#617052);align-items:center;gap:5px;font-size:10px;display:flex}.finished-badge svg{width:13px;height:13px}.creator-card{border-color:var(--selected-border,#9cb078);background:var(--surface,#fdfefb);box-shadow:0 0 0 3px var(--creator-shadow,#e8efdc66)}.creator-heading{flex:1}.creator-name{background:0 0;border:0;border-radius:0;padding:0 0 4px;font-size:39px;font-weight:600;line-height:1.2}.creator-name::placeholder{color:var(--secondary,#617052);font:inherit;font-size:.6em}.creator-heading .card-category{margin-bottom:0;font-weight:500;line-height:12px}.creator-card .card-header>.icon-button{margin:-4px -4px 0 0;padding:4px}.creator-card .card-header>.icon-button svg{width:16px;height:16px}.creator-time{border:0;border-bottom:1px solid var(--line,#dbe2d2);background:0 0;border-radius:0;min-height:61px;margin:17px 0 0;padding:0}.creator-time input{width:100%;min-width:0;color:var(--accent-text,#3c5633);letter-spacing:-1.5px;padding:4px 0;font-size:min(54px,14cqw)}.creator-time input::-webkit-datetime-edit{padding:0}.creator-time input::-webkit-calendar-picker-indicator{width:15px;min-width:15px;margin:0 0 0 2px;padding:2px}.creator-date{border:0;gap:7px;margin-top:12px;padding:0}.creator-date input{padding:4px 0;font-size:11px}.creator-date input::-webkit-calendar-picker-indicator{margin-left:0}.creator-card .time-preview{margin:11px 0 0;font-size:10px;line-height:1.5}.creator-card .card-footer{padding-top:8px;padding-bottom:8px}.creator-card .primary-button{padding:8px 12px;font-size:11px}.pause-button{border:1px solid var(--line,#dfe7d3);background:var(--surface-soft,#f5f8ef);color:var(--secondary,#49633b);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:5px 7px;font-size:10px;line-height:16px;display:inline-flex}.pause-button:hover{background:var(--hover,#e8efdc);border-color:var(--selected-border,#b9cba0)}.pause-button svg{width:11px;height:11px}.pause-button:disabled{color:var(--secondary,#617052);background:var(--hover,#edf0e7);border-color:var(--line,#e0e5d9);cursor:default;opacity:1}[data-timer].paused{--timer-text:#f6faef;--timer-muted:var(--paused-muted,#d4e1c8);--timer-accent:var(--lime);--timer-track:var(--paused-track,#496b55);background:var(--green);border-color:var(--paused-border,#5a7858);color:var(--timer-text)}[data-timer]:not(.paused){--timer-text:var(--ink);--timer-muted:var(--secondary,#617052);--timer-accent:var(--accent-text,#3c5633);--timer-track:var(--track,#edf1e6);color:var(--timer-text)}.paused>.card-main .card-category,.paused>.card-header .card-category,.paused>.card-main .countdown-labels,.paused>.timer-adjustments .countdown-labels,.paused>.card-main .end-label,.paused>.timer-adjustments .end-label{color:var(--timer-muted)}.paused>.card-main .card-category>span,.paused>.card-header .card-category>span{background:var(--timer-accent)}.paused>.card-main .countdown,.paused>.timer-adjustments .countdown{color:var(--timer-accent)}.paused>.card-footer{background:var(--paused-footer,#1c3c2f);border-color:var(--timer-track)}.paused>.card-main .progress-track{background:0 0}.paused>.card-main .progress-fill{background:var(--timer-accent)}.paused>.card-main .pause-button,.paused>.card-header .pause-button{background:var(--timer-accent);border-color:var(--timer-accent);color:var(--green);font-weight:600}.paused>.card-main .pause-button:hover,.paused>.card-header .pause-button:hover{background:var(--accent-light,#ebffb3)}.paused>.card-header .pause-button:disabled{background:var(--timer-track);border-color:var(--paused-border,#78936b);color:var(--timer-muted)}.paused>.card-main .card-tools .icon-button,.paused>.card-header .card-tools .icon-button{color:var(--timer-muted)}.paused>.card-main .card-tools .icon-button:hover,.paused>.card-header .card-tools .icon-button:hover{background:var(--error-bg,#65483b);color:#fff0e5}.empty-state{border:1px dashed var(--line,#d9e0ce);text-align:center;border-radius:12px;margin-top:20px;padding:32px 20px}.empty-state h2{font-size:16px;font-weight:600}.empty-state p{color:var(--secondary,#617052);margin-top:8px;font-size:12px;line-height:1.7}dialog{border:1px solid var(--line,#dbe3d3);width:430px;max-width:calc(100% - 32px);max-height:90dvh;color:var(--ink);background:var(--surface-soft,#fcfdf9);box-shadow:0 25px 100px var(--dialog-shadow,#19342325);border-radius:18px;padding:28px}dialog::backdrop{background:var(--backdrop,#1f342e66);backdrop-filter:blur(4px)}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}dialog h2{letter-spacing:-.8px;font-family:Manrope,sans-serif;font-size:25px;font-weight:650}.dialog-description{color:var(--secondary,#617052);overflow-wrap:anywhere;margin-top:9px;font-size:12px;line-height:1.7}.dialog-description strong{color:var(--secondary,#587047);font-weight:500}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.dialog-actions button{border:1px solid var(--line,#dbe3d3);background:var(--surface,#fff);border-radius:7px;padding:10px 16px;font-size:12px;font-weight:600}.dialog-actions button:hover{background:var(--hover,#edf3e3)}.dialog-actions .delete-button{background:var(--delete-bg,#a34535);border-color:var(--delete-bg,#a34535);color:#fff}.dialog-actions .delete-button:hover{background:var(--delete-hover,#863628)}.help-steps{margin:26px 0;padding-left:22px}.help-steps li{color:var(--secondary,#617052);margin:20px 0;padding-left:8px;font-size:12px}.help-steps strong{color:var(--secondary,#425b34);font-weight:600}.help-steps p{color:var(--secondary,#617052);margin-top:5px;line-height:1.8}.help-note{color:var(--secondary,#617052);background:var(--hover,#eff3e7);border-radius:7px;align-items:flex-start;gap:8px;margin-bottom:22px;padding:14px;font-size:10px;line-height:1.8;display:flex}.help-note svg{width:14px;height:14px;margin-top:2px}.toast{z-index:10;background:var(--accent,#244b3b);color:#f8fbee;border:1px solid var(--toast-border,#486751);box-shadow:0 8px 40px var(--toast-shadow,#19382720);border-radius:10px;align-items:center;gap:18px;width:max-content;max-width:calc(100% - 28px);padding:10px 12px 10px 18px;font-size:12px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast>span{overflow-wrap:anywhere;max-width:550px;line-height:1.5}.toast>button:not(.icon-button){color:var(--accent-light,#dcf394);background:0 0;border:0;padding:5px;font-size:12px;font-weight:600}.toast .icon-button{color:var(--toast-muted,#dce6d1)}.toast .icon-button:hover{background:var(--toast-hover,#42634e);color:#fff}.toast svg{width:14px;height:14px}.noscript-note{color:var(--error,#a34535);padding:20px}@media (width<=1150px){.site-header,main{padding-left:36px;padding-right:36px}.timer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.site-header{height:50px;padding:0 22px}.wordmark{font-size:27px}.brand-mark{border-radius:8px;width:31px;height:31px}.header-right{gap:12px}.sound-button>span,.header-divider{display:none}.local-clock{font-size:11px}.local-clock .live-dot{display:none}.sound-button,.header-right>.icon-button{padding:5px}main{padding:0 22px}.timers-section{padding-top:14px}.view-tabs{gap:2px}.view-tabs>button{padding:8px 9px}.timer-grid{grid-template-columns:minmax(0,1fr);gap:16px}.card-main{padding:10px 22px 17px}.card-title,.creator-name{font-size:45px}.card-footer,.todo-section{padding-left:22px;padding-right:22px}.countdown{--countdown-size:72px}.creator-time input{font-size:min(57px,14cqw)}.add-todo,.end-label{font-size:11px}.card-tools .icon-button{padding:6px}.card-tools svg{width:16px;height:16px}.toast{gap:12px;font-size:11px;bottom:17px}dialog{padding:24px}}@media (width<=380px){.site-header,main{padding-left:16px;padding-right:16px}.header-right{gap:7px}.wordmark{font-size:24px}.brand-mark{width:28px;height:28px;margin-right:7px}.local-clock{display:none}.view-tabs>button{padding:8px 7px;font-size:10px}.card-main{padding:10px 18px 17px}.card-header{gap:5px}.card-tools{gap:0}.pause-button{padding-left:5px;padding-right:5px}.countdown{--countdown-size:63px}.creator-time input{font-size:min(45px,14cqw)}}@media (prefers-reduced-motion:reduce){.progress-pill.is-leading.is-dimmed{fill:var(--progress-color)}*,:before,:after{transition:none!important;animation:none!important}}