:root{color:#182c40;font-synthesis:none;--surface:#faf8f3;--muted:#4b5d6b;--accent:#a83a13;--feedback-surface:#faf8f3;--feedback-focus:#a83a13;color-scheme:light;background:#faf8f3;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #a4acb0;border-radius:8px;padding:.55rem 1rem;line-height:1.35;transition:background-color .15s ease-out,border-color .15s ease-out}button:hover{background:#eeeae1;border-color:#566975}button:active{background:#e2ddd2}button:disabled{cursor:default;opacity:.5}button:disabled:hover{background:0 0;border-color:#a4acb0}input{min-width:0;color:inherit;caret-color:var(--accent)}input:disabled{color:#4b5d6b;opacity:1;background:#eeece6}:focus-visible{outline-offset:4px;outline:3px solid #a83a13}::selection{color:#182c40;background:#ecd6bd}[hidden]{display:none!important}.visually-hidden,.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link:focus{z-index:10;background:var(--surface);padding:1rem;position:absolute}.site-header,.site-footer,.page{width:min(100% - 3rem,64rem);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;font-size:.9rem;display:flex}.site-name{letter-spacing:-.02em;font-size:1rem;font-weight:700;text-decoration:none}.tool-page{max-width:46rem}.timer{text-align:center;padding:1rem 0 1.5rem}.timer-display{letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:6rem;font-weight:650;line-height:1.15}.timer-display[data-hours=true]{font-size:4.5rem}.timer-status{min-height:1.55em;margin:.25rem 0 1.5rem;font-weight:600}.timer[data-status=expired] .timer-status{color:#a83a13}.timer form{max-width:26rem;margin:auto}fieldset{border:0;margin:0;padding:0}.duration-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.duration-fields label{text-align:left;font-size:.875rem;font-weight:600}.duration-fields input{font-variant-numeric:tabular-nums;background:#fffefa;border:1px solid #98a3a8;border-radius:6px;width:100%;height:3.2rem;margin-top:.3rem;padding:.5rem .75rem;font-size:1.4rem;line-height:1.2;display:block}.duration-fields input[aria-invalid=true]{border:2px solid #a1261c}.primary-actions{grid-template-columns:2fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.primary-actions button{min-height:3.25rem;font-size:1.125rem;font-weight:650}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#8e2d0d;border-color:#8e2d0d}.primary:active{background:#702408}.presets{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0;display:flex}.presets button{padding:.5rem .85rem;font-size:.875rem}.sound-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.25rem;display:flex}.sound-controls button{text-underline-offset:.2em;border-color:#0000;font-size:.875rem;text-decoration:underline}.check-label{align-items:center;gap:.5rem;min-height:44px;font-size:.875rem;display:flex}.check-label input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.substatus{color:var(--muted);overflow-wrap:anywhere;max-width:45ch;margin:.1rem auto .75rem;font-size:.8125rem}.storage-status,.error{color:#8e2914;text-align:left;background:#f9ede4;border-radius:6px;padding:.6rem .75rem;font-size:.875rem}.storage-status{max-width:34rem;margin:.75rem auto}.error{margin:.75rem 0 0}.secondary-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.secondary-actions button{font-size:.875rem}.share-panel{text-align:left;max-width:30rem;margin:1rem auto}.share-panel label{font-size:.875rem;font-weight:600}.share-copy{gap:.5rem;margin:.4rem 0;display:flex}.share-copy input{background:#fffefa;border:1px solid #98a3a8;border-radius:6px;flex:1;width:0;padding:.5rem}.share-copy button{font-size:.875rem}.timer-help{text-align:left;max-width:38rem;color:var(--muted);margin:.5rem auto 0;font-size:.875rem}summary{cursor:pointer;min-height:44px;padding-block:.6rem;display:list-item}details p{margin:.5rem 0 .75rem}.tool-explanation{border-top:1px solid #d7d7cf;max-width:65ch;margin-top:1rem;padding-block:1.25rem}.tool-explanation h2{letter-spacing:-.02em;margin:.5rem 0 .75rem;font-size:1.25rem;line-height:1.3}.tool-explanation p{color:var(--muted);font-size:.95rem}.site-footer{border-top:1px solid #d7d7cf;margin-top:1rem;padding-block:1.5rem;font-size:.875rem}.site-footer nav{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.site-footer a{align-items:center;min-height:44px;display:inline-flex}.content-page{max-width:65ch;padding-block:1rem 2rem}.content-page h1{letter-spacing:-.025em;text-wrap:balance;margin:.5rem 0 1.5rem;font-size:2rem;line-height:1.2}.content-page h2{margin:2rem 0 .75rem;font-size:1.25rem;line-height:1.3}.content-page p,.content-page li{overflow-wrap:anywhere}.timer:fullscreen{background:var(--surface);width:100%;height:100%;padding:2rem max(1.5rem,50% - 23rem);display:block;overflow:auto}.timer:fullscreen .timer-display{font-size:6rem}.timer:fullscreen .timer-display[data-hours=true]{font-size:4.5rem}.timer:fullscreen .portfolio-feedback,.timer:fullscreen .timer-help{display:none}@media (width>=800px){.timer{padding-top:1.5rem}.timer-display,.timer-display[data-hours=true]{font-size:6rem}.site-header{padding-block:1.5rem}.timer-status{margin-bottom:1.5rem}}@media (width<=420px){.site-header,.site-footer,.page{width:calc(100% - 2rem)}.site-header{padding-block:1rem}.timer{padding-top:.5rem}.timer-display{font-size:4.75rem}.timer-display[data-hours=true]{font-size:3.5rem}.timer-status{margin-bottom:1rem}.duration-fields{gap:.5rem}.presets{gap:.375rem}.presets button{padding-inline:.7rem}.sound-controls{gap:.25rem .65rem}.timer-help{margin-top:0}.timer:fullscreen .timer-display{font-size:4.75rem}.timer:fullscreen .timer-display[data-hours=true]{font-size:3.5rem}}@media (width<=340px){.timer-display{font-size:4rem}.timer-display[data-hours=true]{font-size:3rem}.duration-fields input{padding-inline:.5rem}.share-copy{flex-direction:column}.share-copy input{width:100%}.timer:fullscreen .timer-display{font-size:4rem}.timer:fullscreen .timer-display[data-hours=true]{font-size:3rem}}@media (prefers-reduced-motion:reduce){button{transition:none}}.timer-display[data-long=true],.timer:fullscreen .timer-display[data-long=true]{white-space:normal;overflow-wrap:anywhere;font-size:2rem}