:root{--color-bg: #161826;--color-surface: #232532;--color-text: #e9e9ed;--color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);--color-accent: #9184d9;--color-accent-100: #f5f4ff;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--color-accent-400: #b5abfc;--color-accent-500: #968ae0;--color-accent-600: #796cbf;--color-accent-700: #5d5294;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--color-neutral-100: #f3f5fe;--color-neutral-200: #e4e7f5;--color-neutral-300: #cfd3e5;--color-neutral-400: #b2b6ca;--color-neutral-500: #9397ab;--color-neutral-600: #75798c;--color-neutral-700: #595d6c;--color-neutral-800: #3f424d;--color-neutral-900: #292b31;--led-neutral: #9397ab;--led-accent: #9184d9;--led-amber: #e0a458;--led-green: #6bd39a;--led-red: #e06666;--font-body: "Inter", system-ui, sans-serif;--font-heading: "Inter", system-ui, sans-serif;--font-heading-weight: 500;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-2xl: 22px;--space-1: 2.8px;--space-2: 5.6px;--space-3: 8.4px;--space-4: 11.2px;--space-6: 16.8px;--space-8: 22.4px;--depth-dark: color-mix(in srgb, var(--color-bg) 55%, #000);--depth-light: color-mix(in srgb, var(--color-bg) 86%, #fff);--ease-mech: cubic-bezier(.175, .885, .32, 1.275);--shadow-sm: -1px -1px 0 var(--depth-light), 5px 6px 14px var(--depth-dark);--shadow-md: -2px -2px 6px var(--depth-light), 10px 12px 24px var(--depth-dark);--shadow-lg: -3px -3px 10px var(--depth-light), 16px 18px 34px var(--depth-dark);--shadow-raised: -2px -2px 5px var(--depth-light), 4px 5px 11px var(--depth-dark);--shadow-pressed: inset -2px -2px 5px var(--depth-light), inset 4px 5px 10px var(--depth-dark);--shadow-recessed: inset 4px 5px 10px var(--depth-dark), inset -2px -2px 6px var(--depth-light)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-variant-numeric:tabular-nums}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mono{font-family:var(--font-mono);letter-spacing:-.005em}.navitem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--color-neutral-300);font:inherit;font-size:14px;cursor:pointer}.navitem:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent);color:var(--color-text)}.navitem[aria-current=page]{color:var(--color-text);border-color:var(--color-divider);background:color-mix(in srgb,var(--color-accent) 10%,transparent);box-shadow:var(--shadow-pressed)}.navitem[aria-current=page] .navdot{background:var(--color-accent);box-shadow:0 0 7px 1px var(--color-accent)}.navdot{width:6px;height:6px;border-radius:50%;background:var(--color-neutral-700);flex:none}.cell{display:grid;place-items:center;height:34px;border-radius:5px;cursor:pointer;font-family:var(--font-mono);font-size:10px;border:1px solid transparent}.st:before{content:"";width:6px;height:6px;flex:none;margin-right:7px;border-radius:50%;background:currentColor;box-shadow:0 0 6px 1px currentColor,inset -1px -1px 1px #00000059}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-weight:400;font-size:12px;color:var(--color-neutral-500);padding:10px 12px;border-bottom:1px solid var(--color-divider);white-space:nowrap}.table td{padding:11px 12px;border-bottom:1px solid color-mix(in srgb,var(--color-text) 7%,transparent);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0000008c}.dialog{width:100%;max-width:420px;padding:20px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:14px}.dialog-title{font-size:18px;letter-spacing:-.01em}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.role-card:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.role-card:active{transform:translateY(2px);box-shadow:var(--shadow-pressed)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}