:root{--bg-deep:#020205;--bg-matrix:radial-gradient(circle at top, #0b0b16 0%, #050509 50%, #020204 100%);--bg-panel:radial-gradient(circle at top left, #ffffff0a, #05050ffa);--accent-cyan:#35e0ff;--accent-gold:#ffd86b;--accent-crimson:#ff4b8b;--accent-purple:#bd00ff;--text-main:#f5f5ff;--text-muted:#8899a6;--border-glow:#35e0ff26;--border-subtle:#ffffff0f;--z-scanline-overlay:9999}body{background:var(--bg-deep);background-image:var(--bg-matrix);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif}body:before{content:" ";z-index:var(--z-scanline-overlay);pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000a,#00ff0003,#0000ff0a) 0 0/6px 100%;display:block;position:fixed;inset:0}.janus-panel,.panel,.admin-sidebar{background:var(--bg-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;transition:border-color .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000008c}.janus-panel:hover,.panel:hover{border-color:#35e0ff40}h1,h2,h3,h4{letter-spacing:.1em;font-family:Orbitron,Share Tech Mono,sans-serif}.font-mono{letter-spacing:.1em;font-family:Share Tech Mono,monospace}.btn-primary,.nav-btn.active{background:linear-gradient(135deg, var(--accent-crimson), var(--accent-gold));color:#020205;border-radius:6px;font-family:Orbitron,sans-serif;font-weight:700;box-shadow:0 2px 12px #ff4b8b4d}.btn-secondary{color:var(--text-main);background:#ffffff05;border:1px solid #ffffff26;transition:all .2s}.btn-secondary:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#35e0ff0d}@keyframes neonPulse{0%{box-shadow:0 0 6px,0 0 12px}50%{box-shadow:0 0 12px,0 0 24px}to{box-shadow:0 0 6px,0 0 12px}}.neon-pulse{animation:2.2s ease-in-out infinite neonPulse}.neon-pulse-strong{animation:1.4s ease-in-out infinite neonPulse}.glass-panel{-webkit-backdrop-filter:blur(14px)saturate(180%);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;padding:1.25rem;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 24px #00000059}.glass-panel:hover{transform:translateY(-3px);box-shadow:0 6px 32px #00000073}.glass-panel-strong{-webkit-backdrop-filter:blur(20px)saturate(200%);background:#0f172a73;border:1px solid #38bdf840;border-radius:16px;padding:1.25rem;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 24px #00000059}.glass-panel-strong:hover{transform:translateY(-3px);box-shadow:0 6px 32px #00000073}.dragonball-e .glass-panel{border-color:#38bdf859}.dragonball-e .neon-pulse{color:#38bdf8}.pac-mastery .glass-panel{border-color:#facc1559}.pac-mastery .neon-pulse{color:#facc15}.meta-wisdom .glass-panel{border-color:#a855f759}.meta-wisdom .neon-pulse{color:#a855f7}.cosmic-depth{z-index:-3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cosmic-layer{opacity:.35;background-repeat:repeat;background-size:200% 200%;animation:60s linear infinite cosmicDrift;position:absolute;inset:-20%}.cosmic-layer.mid{opacity:.25;animation-duration:90s}.cosmic-layer.deep{opacity:.15;animation-duration:140s}@keyframes cosmicDrift{0%{transform:translate(0,0)}to{transform:translate(-20%,-20%)}}.aura-ring:before{transform:scale(calc(1 + var(--bass,0) * .4));opacity:calc(.3 + var(--bass,0) * .7)}.star{filter:drop-shadow(0 0 calc(4px + var(--treble,0) * 12px) currentColor)}.parallax-panel{box-shadow:0 0 calc(10px + var(--mid,0) * 20px) #0006}body[data-theme=beginner]{--theme-color:#38bdf8;--theme-glow:#38bdf899}body[data-theme=adept]{--theme-color:#a855f7;--theme-glow:#a855f799}body[data-theme=master]{--theme-color:#facc15;--theme-glow:#facc1599}body[data-theme=ascended]{--theme-color:#e0f2fe;--theme-glow:#e0f2fee6}.neon-pulse,.star,.aura-ring:before,.cursor-star{color:var(--theme-color);filter:drop-shadow(0 0 8px var(--theme-glow))}:root{--unified-nav-bg:#020617f5;--unified-nav-border:#1e293b;--unified-nav-text:#e2e8f0;--unified-nav-pill:#38bdf824;--unified-nav-pill-active:#38bdf838;--unified-nav-max-width:1120px}.site-header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);top:0;background:var(--unified-nav-bg)!important;border-bottom:1px solid var(--unified-nav-border)!important;position:sticky!important}.site-header .nav-container{max-width:var(--unified-nav-max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.85rem 1.25rem;display:flex}.site-header .logo{align-items:center;gap:.75rem;font-weight:700;display:inline-flex;color:var(--unified-nav-text)!important;text-decoration:none!important}.site-header .logo img{border-radius:6px;width:auto;height:40px;display:block}.site-header .logo span{display:none!important}.site-header nav#main-nav,.site-header .nav-links,.site-header .main-nav{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.5rem;background:0 0!important;width:auto!important;padding:0!important;display:flex!important;position:static!important}.site-header .nav-links.open,.site-header .nav-links.show{display:flex!important}.site-header nav#main-nav a,.site-header .nav-links a,.site-header .main-nav a{border:1px solid #0000;border-radius:999px;padding:.45rem .85rem;font-weight:600;color:var(--unified-nav-text)!important;background:0 0!important;text-decoration:none!important}.site-header nav#main-nav a:hover,.site-header .nav-links a:hover,.site-header .main-nav a:hover{background:var(--unified-nav-pill)!important}.site-header nav#main-nav a[aria-current=page],.site-header nav#main-nav a.nav-active-page,.site-header nav#main-nav a.active,.site-header .nav-links a[aria-current=page],.site-header .nav-links a.nav-active-page,.site-header .nav-links a.active,.site-header .main-nav a[aria-current=page],.site-header .main-nav a.nav-active-page,.site-header .main-nav a.active{background:var(--unified-nav-pill-active)!important;color:#fff!important}.menu-toggle{display:none!important}@media (width<=768px){.site-header .nav-container{justify-content:center;padding:.75rem 1rem}.site-header .logo{justify-content:center;width:100%;margin-bottom:.5rem}.site-header nav#main-nav,.site-header .nav-links,.site-header .main-nav{justify-content:center;gap:.4rem;width:100%}.site-header nav#main-nav a,.site-header .nav-links a,.site-header .main-nav a{padding:.4rem .7rem;font-size:.9rem}}