@media screen{.timer-stage{--timer-red:#c9624f;--timer-orange:#dfa03a;--timer-green:#7da46b;--timer-housing:#2a221c;--timer-green-bar:#6b9459;--timer-done:color-mix(in srgb,var(--accent-blue)30%,var(--bg-card));display:flex;gap:2.5cqmin;height:100%;padding:2.5cqmin}.timer-stage--one{flex-direction:column}.timer-focus{display:flex;flex:none;gap:1.5cqmin}.timer-chip{min-height:var(--board-hit);border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font:700 var(--board-sm)var(--font-heading);cursor:pointer;border-radius:999px;padding:0 2.4cqmin}.timer-chip.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-card)}.timer-widget{display:flex;background:var(--bg-app);border-radius:4cqmin;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:2.2cqmin;min-width:0;min-height:0;padding:2.5cqmin;transition:background-color 1.2s}.timer-stage--side .timer-clock{flex:2.4}.timer-digits{font-size:var(--board-xl);color:var(--text-primary);font-weight:800}.timer-stage--one .timer-digits{font-size:min(34cqmin,20cqw);line-height:1.05}.timer-stage--one .timer-clock--both .timer-digits{font-size:min(22cqmin,14cqw)}.timer-stage--one .timer-pie{width:30cqmin;height:30cqmin}.timer-stage--one .timer-clock--pie .timer-pie{width:52cqmin;height:52cqmin}.timer-pie{width:calc(var(--board-xl)*1.6);height:calc(var(--board-xl)*1.6);flex:none}.timer-clock--pie .timer-pie{width:calc(var(--board-xl)*2.6);height:calc(var(--board-xl)*2.6)}.timer-pie-track{fill:var(--bg-card);stroke:var(--border-color);stroke-width:1}.timer-pie-slice{fill:var(--accent)}.timer-clock--done{background:var(--timer-done)}.timer-done-note{font:700 var(--board-md)var(--font-heading);color:var(--text-secondary);min-height:1.3em;line-height:1.3}.timer-actions,.timer-picks{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5cqmin}.timer-btn{min-height:var(--board-hit);border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font:700 var(--board-sm)var(--font-heading);cursor:pointer;border-radius:999px;padding:.3em 1.1em}.timer-btn--primary{background:var(--accent-gradient);color:#fff;font-size:var(--board-md);border-color:#0000;padding-inline-start:1.6em;padding-inline-end:1.6em}.timer-btn--armed{border-color:var(--accent);color:var(--accent)}.timer-btn:hover:not(:-webkit-any(:disabled,[aria-disabled=true])){filter:brightness(.96)}.timer-btn:hover:not(:-moz-any(:disabled,[aria-disabled=true])){filter:brightness(.96)}.timer-btn:hover:not(:is(:disabled,[aria-disabled=true])){filter:brightness(.96)}.timer-btn:disabled,.timer-btn[aria-disabled=true]{opacity:.6;cursor:default}.timer-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.timer-chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.timer-choice:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.timer-lamp:focus-visible{outline:3px solid var(--bg-card);outline-offset:2px}.timer-housing{display:flex;background:var(--timer-housing);border-radius:6cqmin;flex-direction:column;gap:1.8cqmin;padding:2.2cqmin}.timer-lamp{--lamp:var(--timer-red);width:calc(var(--board-lg)*1.5);height:calc(var(--board-lg)*1.5);min-width:var(--board-hit);min-height:var(--board-hit);background:var(--lamp);opacity:.22;cursor:pointer;border:0;border-radius:50%;transition:opacity .3s,box-shadow .3s}.timer-lamp--orange{--lamp:var(--timer-orange)}.timer-lamp--green{--lamp:var(--timer-green)}.timer-lamp--idle{opacity:.35}.timer-lamp:hover:not(.timer-lamp--lit){opacity:.55}.timer-lamp--lit{opacity:1;box-shadow:0 0 4cqmin color-mix(in srgb,var(--lamp)65%,transparent)}.timer-light-caption{font:700 var(--board-md)var(--font-heading);text-align:center;color:var(--text-primary);min-height:2.6em;line-height:1.3}.timer-meter--loud{background:color-mix(in srgb,var(--timer-red)16%,var(--bg-app))}.timer-bar{position:relative;width:calc(var(--board-lg)*1.3);overflow:hidden;border:1.5px solid var(--border-color);background:var(--bg-card);border-radius:3cqmin;flex:none;height:48cqmin}.timer-bar-fill{position:absolute;background:var(--timer-green-bar);transition:height .25s linear,background-color .6s;inset:auto 0 0}.timer-meter--loud .timer-bar-fill{background:var(--timer-red)}.timer-bar-limit{position:absolute;border-top:.5cqmin dashed var(--text-secondary);height:0;left:0;right:0}.timer-meter-state{font:700 var(--board-md)var(--font-heading);color:var(--text-primary)}.timer-meter-note{font-size:var(--board-sm);text-align:center;color:var(--text-secondary);max-width:28ch;line-height:1.35}.timer-choices{display:flex;flex-wrap:wrap;gap:6px}.timer-choices+.timer-choices,.timer-choices+.input-desc,.timer-choices+.control-label,.timer-choices+label{margin-top:10px}.timer-lock{border:0;min-width:0;margin:0;padding:0}.timer-lock>*+*,.timer-lock~.checkbox-row{margin-top:10px}.timer-choices--grid{display:grid;grid-template-columns:repeat(2,1fr)}.timer-lock:disabled{opacity:.55}.timer-lock:disabled .timer-choice{cursor:default}.timer-group{margin-top:10px}.timer-group-label{display:block;margin-bottom:6px;font-size:13px;font-weight:700}.timer-choice{border:1px solid var(--border-color-field);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-primary);font:700 13px var(--font-body);cursor:pointer;flex:auto;padding:8px 12px}.timer-choice.active{background:var(--accent-gradient);color:#fff;border-color:#0000}}@media screen and (prefers-reduced-motion:reduce){.timer-widget,.timer-lamp,.timer-bar-fill{transition:none}}
