:root{color-scheme:light dark;--bg:#f1f5f9;--surface:#fff;--text:#0f172a;--muted:#475569;--border:#cbd5e1;--accent:#1d4ed8;--notice:#eff6ff}
@media(prefers-color-scheme:dark){:root{--bg:#0f172a;--surface:#1e293b;--text:#f1f5f9;--muted:#cbd5e1;--border:#475569;--accent:#93c5fd;--notice:#172b4d}}
:root[data-reading-theme=light]{color-scheme:light;--bg:#f1f5f9;--surface:#fff;--text:#0f172a;--muted:#475569;--border:#cbd5e1;--accent:#1d4ed8;--notice:#eff6ff}
:root[data-reading-theme=dark]{color-scheme:dark;--bg:#0f172a;--surface:#1e293b;--text:#f1f5f9;--muted:#cbd5e1;--border:#475569;--accent:#93c5fd;--notice:#172b4d}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:24px}main{width:100%;max-width:560px;padding:32px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.theme{display:flex;gap:8px;justify-content:flex-end}.brand{font-weight:800;letter-spacing:.12em;color:var(--accent);margin-top:32px}h1{font-size:clamp(1.5rem,5vw,2rem);margin:16px 0}p{line-height:1.6;color:var(--muted)}.notice{padding:14px 16px;background:var(--notice);border:1px solid var(--border);border-radius:8px;color:var(--text)}a{display:inline-block;margin-top:12px;color:var(--accent)}button{font:inherit;padding:8px 12px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface);cursor:pointer}button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:420px){body{padding:16px}main{padding:24px}}