:root{--bg: #f7f7fb;--surface: #ffffff;--surface-2: #f2f3f8;--hover: #eef0f6;--border: #e4e6ef;--border-strong: #cfd3e1;--text: #171a2b;--text-2: #444a63;--muted: #6b7189;--accent: #4f46e5;--accent-2: #7c3aed;--accent-soft: #eceafd;--accent-text: #4338ca;--success: #059669;--success-soft: #e3f6ee;--warning: #b45309;--warning-soft: #fdf1dc;--danger: #dc2626;--danger-soft: #fde8e8;--info: #0369a1;--info-soft: #e1f1fb;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(23, 26, 43, .06);--shadow: 0 4px 16px rgba(23, 26, 43, .08);--shadow-lg: 0 18px 50px rgba(23, 26, 43, .18);--topbar-h: 64px;--sidebar-w: 288px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1020;--surface: #161a2e;--surface-2: #1c2138;--hover: #232945;--border: #2a3050;--border-strong: #3a4268;--text: #eceefa;--text-2: #c3c7df;--muted: #8e94b5;--accent: #818cf8;--accent-2: #a78bfa;--accent-soft: #262c55;--accent-text: #a5b4fc;--success: #34d399;--success-soft: #133a2f;--warning: #fbbf24;--warning-soft: #3a2f12;--danger: #f87171;--danger-soft: #3d1a1f;--info: #38bdf8;--info-soft: #11324a;--shadow: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .55);color-scheme:dark}}:root[data-theme=dark]{--bg: #0e1020;--surface: #161a2e;--surface-2: #1c2138;--hover: #232945;--border: #2a3050;--border-strong: #3a4268;--text: #eceefa;--text-2: #c3c7df;--muted: #8e94b5;--accent: #818cf8;--accent-2: #a78bfa;--accent-soft: #262c55;--accent-text: #a5b4fc;--success: #34d399;--success-soft: #133a2f;--warning: #fbbf24;--warning-soft: #3a2f12;--danger: #f87171;--danger-soft: #3d1a1f;--info: #38bdf8;--info-soft: #11324a;--shadow: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .55);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-h) + 16px)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.25;margin:0;letter-spacing:-.01em}p{margin:0}button{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;padding:0 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .05s;text-decoration:none!important;white-space:nowrap}.btn:hover{background:var(--hover)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--accent),var(--accent-2));filter:brightness(1.08)}.btn-ghost{background:transparent;border-color:transparent}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-2);cursor:pointer;font-size:1.05rem}.icon-btn:hover{background:var(--hover);color:var(--text)}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.0625rem .5rem;border-radius:6px;background:var(--accent-soft);color:var(--accent-text);font-size:.85em;font-weight:500;white-space:nowrap}.role-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.1875rem .625rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--rc) 35%,transparent);background:color-mix(in srgb,var(--rc) 12%,transparent);color:var(--rc);font-size:.75rem;font-weight:600;white-space:nowrap}:root[data-theme=dark] .role-pill{color:color-mix(in srgb,var(--rc) 55%,white)}.kbd{display:inline-block;min-width:1.5em;padding:0 .375rem;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:6px;background:var(--surface);color:var(--text-2);font-size:.75rem;font-family:var(--font);text-align:center}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}