.speaker-countdown-timer {
  --sct-green:#19c56b; --sct-yellow:#f5c518; --sct-red:#ef4444; --sct-ink:#f8fafc; --sct-panel:#172033; --sct-timer-size:180px;
  box-sizing:border-box; width:100%; min-height:720px; height:100dvh; display:flex; flex-direction:column; text-align:center;
  padding:calc(16px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left)); gap:12px;
  color:var(--sct-ink); background:#0b1220; font-family:Arial,Helvetica,sans-serif; -webkit-text-size-adjust:100%; overflow:hidden;
}
.speaker-countdown-timer *, .speaker-countdown-timer *::before, .speaker-countdown-timer *::after { box-sizing:border-box; }
.speaker-countdown-timer h2 { flex:0 0 auto; font-size:clamp(1.2rem,2.5vw,1.9rem); margin:0; letter-spacing:.04em; color:var(--sct-ink); }
.sct-setup { display:flex; flex-wrap:wrap; justify-content:center; align-items:end; gap:12px; margin:0 auto; flex:0 0 auto; position:relative; z-index:2; }
.sct-setup label { display:grid; gap:6px; text-align:left; font-size:.9rem; font-weight:bold; color:#cbd5e1; }
.sct-setup input { width:112px; min-height:44px; padding:10px 12px; border:1px solid #475569; border-radius:8px; font-size:16px; color:var(--sct-ink); background:var(--sct-panel); }
.sct-setup .sct-size { width:142px; }
.sct-setup button { min-height:44px; border:0; border-radius:8px; padding:11px 17px; font:700 16px Arial,sans-serif; cursor:pointer; touch-action:manipulation; color:#07111f; background:#e2e8f0; -webkit-appearance:none; }
.sct-setup button:active { filter:brightness(1.12); }
.sct-setup button:focus-visible, .sct-setup input:focus-visible { outline:3px solid #60a5fa; outline-offset:2px; }
.sct-start { background:var(--sct-green)!important; }.sct-pause { background:var(--sct-yellow)!important; }.sct-fullscreen { background:#334155!important;color:#fff!important; }
.sct-display { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; overflow:hidden; }
.sct-timer { flex:0 0 auto; max-width:100%; font-variant-numeric:tabular-nums; font-size:var(--sct-timer-size); font-weight:800; letter-spacing:-.06em; line-height:.9; white-space:nowrap; color:var(--sct-green); text-shadow:0 0 28px rgba(25,197,107,.28); transition:color .35s ease; -webkit-user-select:none; user-select:none; }
.sct-timer.sct-yellow { color:var(--sct-yellow);text-shadow:0 0 28px rgba(245,197,24,.28);}.sct-timer.sct-red { color:var(--sct-red);text-shadow:0 0 28px rgba(239,68,68,.28);animation:sct-pulse 1s ease-in-out infinite; }
@keyframes sct-pulse { 50% { opacity:.65; } }
.sct-status { min-height:1.5em; margin:0; color:#cbd5e1; font-size:1.05rem; }.sct-help { margin:0; color:#94a3b8; font-size:.9rem; }.sct-screen-status { margin:0; color:var(--sct-yellow); font-size:.85rem; min-height:1.2em; }.sct-exit-hint { display:none; position:fixed;right:calc(12px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));z-index:10;color:#94a3b8;font-size:13px; }
.speaker-countdown-timer:fullscreen, .speaker-countdown-timer:-webkit-full-screen, .speaker-countdown-timer.sct-presentation { width:100vw;height:100vh;height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);gap:0; }
.speaker-countdown-timer:fullscreen h2,.speaker-countdown-timer:fullscreen .sct-setup,.speaker-countdown-timer:fullscreen .sct-status,.speaker-countdown-timer:fullscreen .sct-help,.speaker-countdown-timer:fullscreen .sct-screen-status,.speaker-countdown-timer:-webkit-full-screen h2,.speaker-countdown-timer:-webkit-full-screen .sct-setup,.speaker-countdown-timer:-webkit-full-screen .sct-status,.speaker-countdown-timer:-webkit-full-screen .sct-help,.speaker-countdown-timer:-webkit-full-screen .sct-screen-status,.speaker-countdown-timer.sct-presentation h2,.speaker-countdown-timer.sct-presentation .sct-setup,.speaker-countdown-timer.sct-presentation .sct-status,.speaker-countdown-timer.sct-presentation .sct-help,.speaker-countdown-timer.sct-presentation .sct-screen-status { display:none; }
.speaker-countdown-timer:fullscreen .sct-display,.speaker-countdown-timer:-webkit-full-screen .sct-display,.speaker-countdown-timer.sct-presentation .sct-display { width:100%;height:100%; }.speaker-countdown-timer.sct-presentation .sct-exit-hint { display:block; }
@media(max-width:700px){.speaker-countdown-timer{min-height:600px;padding-left:12px;padding-right:12px}.sct-setup{gap:9px}}@media(prefers-reduced-motion:reduce){.sct-timer{transition:none}.sct-timer.sct-red{animation:none}}