.timer-widget{background:var(--timer-bg,#0d0d1aeb);border:2px solid var(--timer-accent,#a78bfa);box-shadow:0 0 24px -4px var(--timer-accent,#a78bfa), 0 4px 12px #0006;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;font-family:Courier New,Consolas,monospace;transition:border-color .4s,box-shadow .4s;display:inline-flex}.timer-widget.danger{--timer-accent:var(--timer-danger,#ef4444);animation:1s ease-in-out infinite danger-flash}.timer-widget.empty{opacity:.35}.timer-widget.pulse{animation:.5s ease-out time-added}.timer-display{letter-spacing:.04em;color:var(--timer-font,#fff);text-shadow:0 0 20px var(--timer-accent,#a78bfa);font-size:52px;font-weight:700;line-height:1;transition:color .4s,text-shadow .4s}.timer-paused{letter-spacing:.2em;color:var(--timer-accent,#a78bfa);opacity:.7;font-size:11px;font-weight:700}@keyframes danger-flash{0%,to{box-shadow:0 0 24px -4px var(--timer-accent,#ef4444), 0 4px 12px #0006}50%{box-shadow:0 0 40px 4px var(--timer-accent,#ef4444), 0 4px 12px #0006}}@keyframes time-added{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}*,:before,:after{box-sizing:border-box}:root{background:0 0!important}html,body{margin:0;overflow:hidden;background:0 0!important}