:root{--bg: #0c0c0d;--panel: #2f2f31;--panel-2: #3a3a3c;--accent: #8e4368;--accent-2: #7a3b5d;--magenta: #e0489a;--connector: #3b6ea5;--text: #f2f2f2;--muted: #b9b9bd;--link: #5b9bd5;--border: #4a4a4d}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:var(--link);text-decoration:none}.app{max-width:1100px;margin:0 auto;padding:16px 20px 64px}.topbar{display:flex;align-items:center;gap:24px;padding:6px 20px;border-bottom:1px solid var(--border)}.topbar .brand{font-weight:700;letter-spacing:.3px}.topbar nav a{color:var(--muted);padding:4px 2px}.topbar nav a.active{color:var(--text);border-bottom:2px solid var(--magenta)}.topbar nav a.disabled{opacity:.45;pointer-events:none}.site-footer{max-width:1100px;margin:0 auto;padding:16px 20px 28px;border-top:1px solid var(--border);color:var(--muted);font-size:11px;line-height:1.5}h1{font-size:26px;font-weight:700;margin:8px 0 18px}.label{font-weight:700;font-size:14px;margin-bottom:6px}.label .hint{font-weight:400;color:var(--muted);font-size:12px}