:root{--bg: #071a26;--card: #0e2b3d;--line: #1c4761;--ink: #e8f4fa;--dim: #8fb3c7;--accent: #37b6e9;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(120% 90% at 50% 0%,#0e4b6e 0%,var(--bg) 60%);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.wrap{width:min(34rem,100%);background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:2rem;box-shadow:0 1.5rem 3rem #00000059}header{text-align:center;margin-bottom:1.75rem}h1{margin:.5rem 0 .25rem;font-size:1.75rem;letter-spacing:-.02em}.sub{margin:0;color:var(--dim);font-size:.9rem}.facts{margin:0 0 1.5rem;display:grid;gap:.25rem}.facts>div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line)}.facts>div:last-child{border-bottom:0}dt{color:var(--dim);font-size:.85rem}dd{margin:0;font-size:.85rem;text-align:right;font-variant-numeric:tabular-nums}.dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.4rem;vertical-align:.05rem}.dot.on{background:#3ddc97;box-shadow:0 0 0 .2rem #3ddc972e}.dot.off{background:#ffa53d;box-shadow:0 0 0 .2rem #ffa53d2e}button{width:100%;padding:.8rem 1rem;border:0;border-radius:.6rem;background:var(--accent);color:#04212f;font:inherit;font-weight:650;cursor:pointer}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}.hint{margin:.9rem 0 0;color:var(--dim);font-size:.8rem;text-align:center}