:root { color-scheme: light dark; --bg:#0b0b10; --fg:#f4f4f8; --muted:#a3a3b3; --card:#16161f; --accent:#8b5cf6; --line:#262633; }
@media (prefers-color-scheme: light) { :root { --bg:#f6f6fa; --fg:#14141c; --muted:#5d5d6e; --card:#ffffff; --accent:#6d3df0; --line:#e3e3ec; } }
* { box-sizing: border-box; }
html, body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.45 -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif; }
main { max-width:520px; margin:0 auto; padding:48px 20px 64px; }
h1 { font-size:34px; letter-spacing:-0.02em; margin:0 0 6px; }
.tag { color:var(--muted); margin:0 0 28px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:20px; padding:20px; margin:0 0 16px; }
.card h2 { font-size:20px; margin:0 0 4px; word-break:break-word; }
.meta { color:var(--muted); font-size:15px; margin:0 0 16px; word-break:break-all; }
.btn { display:block; width:100%; text-align:center; text-decoration:none; font:inherit; font-weight:600; padding:14px 16px; border-radius:14px; border:1px solid var(--line); color:var(--fg); background:transparent; margin:0 0 10px; cursor:pointer; }
.btn.primary { background:var(--accent); border-color:transparent; color:#fff; }
.note { color:var(--muted); font-size:14px; margin:18px 0 0; }
[hidden] { display:none !important; }

.doc { background:transparent; border:0; padding:0; }
.doc h1 { font-size:30px; letter-spacing:-0.01em; }
.doc h2 { font-size:21px; margin:30px 0 8px; }
.doc p, .doc li { color:var(--fg); }
.doc ul, .doc ol { padding-left:22px; }
.doc code { font-size:.92em; }
.doc a { color:var(--accent); }
.doc hr { border:0; border-top:1px solid var(--line); margin:26px 0; }
.back { display:inline-block; margin:0 0 20px; color:var(--accent); text-decoration:none; }
.sw { margin:0 0 18px; color:var(--muted); font-size:15px; }
.sw a { color:var(--accent); }
footer { margin-top:36px; color:var(--muted); font-size:14px; }
footer a { color:var(--muted); margin-right:14px; }