:root{--void:#0A0612;--void-deep:#060410;--cyan:#00D4AA;--cyan-dim:rgba(0,212,170,0.5);--cyan-glow:rgba(0,212,170,0.15);--cyan-5:rgba(0,212,170,0.05);--cyan-8:rgba(0,212,170,0.08);--cyan-10:rgba(0,212,170,0.10);--cyan-15:rgba(0,212,170,0.15);--cyan-25:rgba(0,212,170,0.25);--cyan-35:rgba(0,212,170,0.35);--purple-dim:rgba(155,95,214,0.4);--purple-glow:rgba(155,95,214,0.12);--text:#C0C8D8;--text-muted:#8f8ba4;--text-bright:#E8ECF2;--danger:#e04477;--warning:#cc7722;--font-mono:var(--font-jetbrains),"Fira Code",ui-monospace,monospace;--font-ui:var(--font-mono);--fs-xs:10px;--fs-sm:11px;--fs-base:13px;--fs-md:16px;--fs-lg:20px;--fs-xl:28px;--fs-display:48px;--ls-tight:0.5px;--ls-normal:1.5px;--ls-wide:3px;--ls-display:6px;--radius-sm:2px;--radius-md:6px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--bg-base:#0A0612;--bg-surface:transparent;--bg-elevated:transparent;--text-primary:#E8ECF2;--text-secondary:#C0C8D8;--border-default:rgba(0,212,170,0.12);--border-subtle:rgba(0,212,170,0.08);--border-strong:rgba(0,212,170,0.25);--border-accent:rgba(0,212,170,0.20);--cyan-500:#00D4AA;--cyan-600:#00b893;--amber-500:#cc7722;--red-500:#e04477;--btn-bg:#0d2a26;--btn-bg-hover:#0f3832;--btn-border:#1a4a42;--btn-border-hover:#2a6a5f;--success-bg:#0a1f1c;--success-border:#1a4a42;--error-bg:#1f0a0a;--error-border:#4a1a1a;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--fs-micro:10px;--fs-meta:11px;--fs-body-sm:13px;--fs-body:15px;--fs-h3:18px;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-relaxed:1.7;--shadow-md:none;--shadow-lg:none;--duration-fast:120ms;--duration-base:150ms;--duration-slow:400ms;--container-pad:1.5rem;--container-w:1200px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--tier-apprentice:#00D4AA;--tier-chamber:#f59e0b;--z-modal:1000;--bg-overlay:rgba(5,2,12,0.85);--fs-h2:20px;--fs-mono-id:11px;--green-500:#22c55e;--cyan-400:#2DE0B5;--radius:var(--radius-md);--cyan-hover:#00E8BA;--red-400:#f87171;--red-vivid:#ef4444;--yellow-400:#facc15;--yellow-500:#eab308;--purple-400:#a78bfa;--purple-500:#9b5fd6;--fs-caption:10px;--sev-critical:#f27878;--sev-high:#e8a050;--sev-medium:#d4a012;--sev-low:#90a0b0;--sev-info:#6B7A90;--sev-clean:#47b881}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark;min-height:100%}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--void);color:var(--text);font-family:var(--font-mono);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#main-content{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 1000px 700px at 50% 0,color-mix(in srgb,var(--cyan) 3%,transparent),transparent);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}ol,ul{list-style:none}img,svg{display:block}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--cyan-25);border-radius:3px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:inset 0 0 0 1000px transparent!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;background-color:initial!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.motion-init{opacity:0;transform:translateY(20px);transition:opacity .25s ease,transform .25s ease}.motion-visible{opacity:1;transform:translateY(0)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{animation:skeleton-pulse 1.5s ease infinite;background:rgba(255,255,255,.06);border-radius:2px}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter .2s ease forwards}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}body:after{display:none}}