:root{font-family:system-ui,sans-serif;color:#eee;background:#161522}body{margin:0}main{max-width:700px;margin:6vh auto;padding:24px}h1{font-size:2rem}.timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:clamp(3rem,9vw,6rem);letter-spacing:.03em}section{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}input,select,button{font:inherit;border-radius:8px;padding:10px;border:1px solid #555;background:#28263b;color:#fff}button{cursor:pointer}button:hover{background:#51416d}a{color:#c5a6ff}.overlay{background:transparent;color:#f3e7ff}.overlay-frame{display:inline-flex;flex-direction:column;align-items:center;padding:18px 36px;border-radius:22px;background:rgba(25,12,45,.88);border:2px solid #9c76df;box-shadow:0 0 35px #8a50dc77}.heading{font-size:16px;letter-spacing:.2em;color:#d8b8ff}.overlay .timer{font-size:64px;text-shadow:0 0 18px #a97fff}#event{min-height:24px;color:#ffe2ac;text-align:center}.pop{animation:pop .6s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(16px) scale(.9)}65%{transform:translateY(-5px) scale(1.04)}100%{opacity:1;transform:none}}body[data-theme=neon] .overlay-frame{background:rgba(5,22,36,.9);border-color:#4fe4ff;box-shadow:0 0 35px #4fe4ff55}body[data-theme=neon] .timer{color:#8ff5ff;text-shadow:0 0 18px #00e5ff}body[data-theme=gold] .overlay-frame{background:rgba(40,26,10,.9);border-color:#e7b964;box-shadow:0 0 35px #f5bf5d55}body[data-theme=gold] .timer{color:#ffdf9d;text-shadow:0 0 18px #ffb347}