:root { --bg:#f6f7f9; --card:#fff; --text:#111827; --muted:#4b5563; --accent:#2563eb; --line:#e5e7eb; --warn:#fff7ed; --warnline:#fdba74; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#05070c; --card:#141e33; --text:#f3f4f6; --muted:#9ca3af; --accent:#3b7bf6; --line:#1f2a44; --warn:#2a1d0f; --warnline:#c2610c; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; -webkit-text-size-adjust:100%; }
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
header { display:flex; align-items:center; gap:12px; margin-bottom: 8px; }
header img { width:48px; height:48px; border-radius:11px; }
h1 { font-size: 2rem; line-height:1.2; margin: 8px 0 4px; }
h2 { font-size: 1.25rem; margin: 32px 0 8px; }
p, li { color: var(--text); }
.muted { color: var(--muted); }
a { color: var(--accent); }
.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px 20px; margin:16px 0; }
.notice { background:var(--warn); border:1px solid var(--warnline); border-radius:16px; padding:16px 20px; margin:16px 0; }
nav { margin-top: 40px; padding-top: 16px; border-top:1px solid var(--line); display:flex; gap:16px; flex-wrap:wrap; }
.button { display:inline-block; background:var(--accent); color:#fff; padding:12px 22px; border-radius:999px; text-decoration:none; font-weight:600; }