:root{color-scheme:dark;--ground: #1e2123;--card: #262a2e;--hover: #2c3035;--line: #454c58;--text-quiet: #9aa1ab;--text-body: #cdd2d9;--ink: #f5f7fa;--accent: #afefc7;--accent-strong: #95d5ae;--error: #f18c7e;--warning: #f1b68c;--success: #71c1aa;--info: #9aa3fe}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--text-body);font:16px/1.5 system-ui,sans-serif}h1{margin:0 0 8px;color:var(--ink);font-size:24px}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:8px 16px;background:var(--card);border-bottom:1px solid var(--line)}.logo{display:block;height:24px}nav{display:flex;flex-wrap:wrap;gap:4px}nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:8px;color:var(--text-body);text-decoration:none}nav a:hover{background:var(--hover)}nav a[aria-current=page]{color:var(--accent);background:var(--hover)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.area,.message{max-width:960px;margin:0 auto;padding:24px 16px;overflow-wrap:anywhere}.area p{margin:0;color:var(--text-quiet)}button{min-height:44px;padding:0 24px;border:0;border-radius:8px;background:var(--accent);color:var(--ink);font:inherit;cursor:pointer}button:hover{background:var(--accent-strong)}