/* Keep the warning local to the timer so the event's lime branding stays intact. */
.timer{transition:color .8s,text-shadow .8s}
.warning .timer{color:#ffd790;text-shadow:0 0 3px #fff1d5,0 0 9px #ffb340,0 0 24px #ff9d385c,0 0 44px #ff8a302c}
.warning .timer-frame{--green:#ffb340}
.warning .timer-frame .frame-corner{filter:drop-shadow(0 0 4px #ffb34060)}
.warning .timer-artifact{color:#ffd790}
.warning .timer-artifact b{box-shadow:0 0 12px #ffb34044}
.warning .timer-scanlines{background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,#39200965 2px,#39200965 3px)}
.warning #status-dot,.warning #progress-fill{background:#ffb340;box-shadow:0 0 6px #ffb34050}
.warning .control-status{color:#ffcf83}
.warning.running .timer{animation:warning-glow 4.5s ease-in-out infinite}
.time-warning-label{position:absolute;bottom:-2.5vw;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:#ffc36b;font-family:var(--mono);font-size:clamp(10px,.82vw,18px);letter-spacing:.14em;line-height:1.4}
.time-warning-label svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;flex:none}
#slogan{font-size:1.85vw;letter-spacing:.16em;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
.input-hint,.settings-note{font-size:10px;line-height:1.6;color:#839675;letter-spacing:.02em}
.input-hint{margin-top:-3px}
.settings-note{margin:0 0 20px}
.dialog-footer{flex-wrap:wrap;gap:14px}
.dialog-actions{display:flex;gap:10px;align-items:center;margin-left:auto}
.restore-defaults-button{border:1px solid #38492d;background:transparent;color:#b7c7ab;padding:11px 12px;font-size:11px;white-space:nowrap}
.restore-defaults-button:hover{border-color:#a1f60390;color:var(--green);background:#a1f60309}
.save-button{white-space:nowrap;gap:14px}
@keyframes warning-glow{0%,100%{text-shadow:0 0 3px #fff1d5,0 0 9px #ffb340,0 0 24px #ff9d385c,0 0 44px #ff8a302c}50%{text-shadow:0 0 3px #fff1d5,0 0 7px #ffb340,0 0 17px #ff9d3840,0 0 33px #ff8a301c}}
@media(min-aspect-ratio:19/10){#slogan{font-size:1.6vw}.time-warning-label{bottom:-2vw}}
@media(max-aspect-ratio:13/10){#slogan{font-size:3.2vw}.time-warning-label{bottom:-4vw;font-size:clamp(10px,1.4vw,16px)}}
@media(max-width:600px){#slogan{font-size:3.2vw}.time-warning-label{bottom:-5vw;gap:5px;font-size:9px;letter-spacing:.05em}.dialog-footer>span{width:100%}.dialog-actions{width:100%;justify-content:space-between}.restore-defaults-button{font-size:10px}.settings-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.warning.running .timer{animation:none}.timer{transition:none}}