:root {
  --bg: #020402;
  --fg: #39ff14;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; height:100%; background: var(--bg); color: var(--fg); font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; }
body { display:flex; align-items:center; justify-content:center; }
main { text-align:center; padding:2rem; }
h1 { font-size:1rem; letter-spacing:0.5em; text-transform:uppercase; opacity:0.75; }
#timer { font-size: clamp(3rem,12vw,7rem); font-weight:700; margin:1rem 0; }
.buttons { display:flex; gap:1rem; justify-content:center; }
button { font: inherit; font-size:1rem; text-transform:uppercase; letter-spacing:0.2em; background:transparent; color:var(--fg); border:1px solid var(--fg); border-radius:8px; padding:0.75rem 1.75rem; cursor:pointer; }
button:hover { background: rgba(57,255,20,0.12); }