.timer-page{background:radial-gradient(ellipse at 50% 0%, var(--mc-wash) 0, transparent 680px), var(--mc-paper);min-height:100dvh;color:var(--mc-ink);padding-block:clamp(7rem,10vw,8.5rem) 5rem}.timer-content>*+*{margin-top:2.5rem}.timer-content>nav{color:var(--mc-muted);font-size:.8125rem}.timer-heading h1{letter-spacing:-.045em;text-wrap:balance;color:var(--mc-ink);font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.12}.timer-heading p{max-width:46rem;color:var(--mc-muted);margin-top:1rem;font-size:1.0625rem;line-height:1.75}.timer-page h2{letter-spacing:-.03em;color:var(--mc-ink);font-size:clamp(1.375rem,2.8vw,1.875rem)}.timer-section{border-top:1px solid var(--mc-hairline);padding-block:2.5rem}.timer-section p,.timer-section>ul,.timer-section>ol{color:var(--mc-muted);line-height:1.75}.timer-panel{border:1px solid var(--mc-hairline);background:var(--mc-surface);border-radius:1.5rem;min-width:0;padding:clamp(1.25rem,3vw,2rem)}.timer-panel h2{font-size:1.25rem}.timer-setup{box-shadow:0 24px 60px #080d2908}.timer-setup input{border-color:var(--mc-hairline);background:var(--mc-paper);font-variant-numeric:tabular-nums;width:100%;min-width:0;font-size:1.5rem}.timer-setup button{border-color:var(--mc-hairline);flex-shrink:0;min-height:44px}.timer-setup button[type=submit]{background:var(--mc-button-bg);border-radius:999px}.timer-setup fieldset>div{background:var(--mc-wash);border:0;border-radius:999px}.timer-setup fieldset button{overflow-wrap:anywhere;border-radius:999px;height:auto}.timer-setup fieldset button[aria-pressed=true]{background:var(--mc-surface);color:var(--mc-ink);box-shadow:0 2px 6px #080d2912}.timer-setup input[aria-invalid=true]{border-color:#b13e3e}.timer-popular a,.timer-seeds li a{border-color:var(--mc-hairline);background:var(--mc-wash);height:auto;min-height:44px;color:var(--mc-ink);padding-block:.65rem}.timer-popular a:hover,.timer-seeds li a:hover{background:var(--mc-wash)}.timer-seeds>div{flex-wrap:wrap;align-items:flex-start}.timer-section li>a{border-color:var(--mc-hairline);background:var(--mc-surface);min-height:44px;color:var(--mc-ink);align-items:center;display:inline-flex}.timer-section article{border-color:var(--mc-hairline);box-shadow:none;border-radius:1.25rem}.timer-section article a{align-items:center;min-height:44px}.timer-widget{border:1px solid var(--mc-hairline);background:var(--mc-surface);color:var(--mc-ink);border-radius:2rem;padding:clamp(1.25rem,4vw,3rem);box-shadow:0 24px 80px #080d290b}.timer-status{text-align:center;color:var(--mc-muted);font-size:.875rem}.timer-readout{letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin:0;padding-block:1.5rem;font-size:clamp(3rem,12vw,9rem);font-weight:500;line-height:1.15}.timer-progress{background:var(--mc-wash);border-radius:999px;max-width:24rem;height:3px;margin-inline:auto;overflow:hidden}.timer-progress>div{background:var(--mc-orange);height:100%}.timer-actions,.timer-secondary-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.timer-widget button{cursor:pointer;border-color:var(--mc-hairline);min-height:44px;padding:.65rem 1.25rem}.timer-actions button:first-child{background:var(--mc-button-bg);color:#fff;min-width:9rem}.timer-secondary-actions{border-top:1px solid var(--mc-hairline);padding-top:1.5rem}.timer-secondary-actions button{background:var(--mc-wash);color:var(--mc-muted);font-size:.8125rem}.timer-secondary-actions button[aria-pressed=true]{background:var(--mc-wash);color:var(--mc-muted)}.timer-widget button:disabled{opacity:.4;cursor:not-allowed}.timer-fullscreen{border:0;border-radius:0;place-items:center;width:100%;min-height:100svh;display:grid;overflow:auto}.timer-fullscreen .timer-readout{font-size:clamp(3rem,15vw,14rem)}.timer-fullscreen .timer-progress{width:70%}.timer-fullscreen .timer-secondary-actions{width:100%}.timer-bridge{border:1px solid var(--mc-hairline);background:var(--mc-wash);border-radius:1.5rem;padding:2rem}.timer-bridge p{color:var(--mc-muted);line-height:1.75}.timer-faq details{border-bottom:1px solid var(--mc-hairline);box-shadow:none;background:0 0;border-radius:0;padding:0}.timer-faq summary{color:var(--mc-ink);padding:1.5rem 0}.timer-faq summary::-webkit-details-marker{display:none}.timer-faq summary>span:last-child{color:var(--mc-muted);background:0 0}.timer-faq details p{max-width:52rem;margin:0;padding-bottom:1.5rem;font-size:1rem}.timer-page :is(a,button,input,summary):focus-visible{outline-offset:4px;outline:2px solid #3276a5}@media (width<=639px){.timer-widget{border-radius:1.5rem}.timer-fullscreen{border-radius:0}}