:root { --bg:#0f0f0f; --text:#fff; --accent:#d4af37; --font:Arial,sans-serif; --size:18px; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--font); font-size:var(--size); }
main { width:min(100% - 32px, 640px); margin:0 auto; text-align:center; padding:56px 0; }
h1 { margin:0; color:var(--accent); letter-spacing:.08em; font-size:clamp(2rem,8vw,3rem); }
.date { margin:16px 0 32px; }
.result { border-top:1px solid color-mix(in srgb, var(--text) 40%, transparent); padding:28px 0; }
.result:last-child { border-bottom:1px solid color-mix(in srgb, var(--text) 40%, transparent); }
.name { margin:0 0 10px; font-weight:700; font-size:1.25em; }
.number { margin:0 0 18px; color:var(--accent); font-weight:700; letter-spacing:.04em; }
.updated { margin:0; font-size:.8em; opacity:.82; }
.empty { border-top:1px solid color-mix(in srgb, var(--text) 40%, transparent); padding:28px 0; opacity:.75; }