:root { --bg:#f6f3ee; --ink:#1c1a17; --mute:#6b655c; --line:#d9d2c5; --accent:#c2410c; --card:#fff; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#151412; --ink:#f1ede6; --mute:#a59e92; --line:#35312b; --accent:#fb923c; --card:#1f1d1a; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:18px/1.6 Georgia, "Times New Roman", serif; }
header, main, footer { max-width: 680px; margin: 0 auto; padding: 16px; }
header a { color:var(--ink); text-decoration:none; font:700 15px/1 system-ui, sans-serif; letter-spacing:.12em; text-transform:uppercase; }
h1 { font-size: clamp(30px, 7vw, 46px); line-height:1.1; margin:.4em 0 .5em; text-wrap:balance; }
h2 { font:700 14px/1 system-ui, sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--mute); margin-top:48px; }
a { color:var(--accent); }
button { font:700 17px/1 system-ui, sans-serif; background:var(--accent); color:var(--bg); border:0; border-radius:6px; padding:16px 24px; cursor:pointer; }
button:focus-visible, a:focus-visible { outline:3px solid var(--ink); outline-offset:3px; }
#names { list-style:none; padding:0; margin:24px 0; background:var(--card); border:1px solid var(--line); border-radius:8px; }
#names li { padding:12px 16px; border-bottom:1px solid var(--line); font-size:21px; }
#names li:last-child { border-bottom:0; }
.list { list-style:none; padding:0; }
.list li { padding:14px 0; border-bottom:1px solid var(--line); }
.list span { display:block; color:var(--mute); font-size:16px; }
footer { color:var(--mute); font-size:14px; margin-top:32px; }
.tag { display:inline-block; font:700 13px/1 system-ui, sans-serif; letter-spacing:.08em; text-transform:uppercase; padding:8px 12px; border-radius:999px; border:1px solid var(--line); background:var(--card); }
.tag.now { border-color:var(--accent); color:var(--accent); }
main h2 { margin-top:36px; }
.note { color:var(--mute); font-size:15px; border-top:1px solid var(--line); padding-top:16px; margin-top:40px; }

.promo { background:var(--card); border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:8px; padding:12px 16px; margin:28px 0; font:15px/1.5 system-ui, sans-serif; }
.promo a { font-weight:700; }
.tip { font:14px/1.5 system-ui, sans-serif; color:var(--mute); margin:12px 0 24px; }