:root{--color-header-bg:#0a0f1a;--color-border:#ffffff0f;--color-nav-link:#9ca3af;--color-nav-link-hover:#fff;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-white:#fff;--color-logo:#fff;--color-logo-glow:#3b82f6;--color-logo-glow2:#fffc;--color-logo-thin:#9ca3af;--color-logo-thin-hover:#fff;--font-mono:"Fira Code", "Cascadia Code", Consolas, monospace;--spacing-4:16px;--spacing-6:24px;--spacing-8:32px;--font-size-sm:14px;--transition-fast:.2s ease}#app-header .nav{z-index:100;padding:var(--spacing-4) 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background:var(--color-header-bg);font-family:var(--font-mono);line-height:1.2;position:fixed;top:0;left:0;right:0}#app-header .nav-inner{max-width:1200px;padding:0 var(--spacing-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}#app-header .nav-links{gap:var(--spacing-8);display:flex}#app-header .nav-links a{color:var(--color-nav-link);font-size:var(--font-size-sm);transition:color var(--transition-fast);font-weight:500;text-decoration:none}#app-header .nav-links a:hover{color:var(--color-nav-link-hover)}#app-header .nav-links a.active{color:var(--color-accent);font-weight:600}#app-header .logo{font-family:var(--font-mono);color:var(--color-logo);letter-spacing:-.5px;white-space:nowrap;transition:all var(--transition-fast);border-radius:6px;flex-shrink:0;padding:4px 8px;text-decoration:none}#app-header .logo:hover{text-shadow:0 0 30px var(--color-logo-glow), 0 0 60px var(--color-logo-glow2)}#app-header .logo-bold{font-size:22px;font-weight:800}#app-header .logo-thin{color:var(--color-logo-thin);transition:color var(--transition-fast);font-size:18px;font-weight:600}#app-header .logo:hover .logo-thin{color:var(--color-logo-thin-hover)}#app-header .nav-actions{align-items:center;gap:var(--spacing-4);display:flex}#app-header .auth-link{color:var(--color-nav-link);font-size:var(--font-size-sm);transition:color var(--transition-fast), background var(--transition-fast);border-radius:4px;padding:4px 8px;font-weight:500;text-decoration:none}#app-header .auth-button{cursor:pointer;background:0 0;border:0;font-family:inherit}#app-header .auth-link:hover{color:var(--color-white);background:#ffffff1a}#app-header .auth-register{background:var(--color-accent);font-weight:600;color:#fff!important}#app-header .auth-register:hover{background:var(--color-accent-hover)}#app-header .theme-toggle{cursor:pointer;color:var(--color-nav-link);background:0 0;border:none;align-items:center;padding:4px;display:flex}#app-header .theme-toggle:hover{color:var(--color-white)}#app-header .theme-toggle svg{width:20px;height:20px;transition:opacity .3s}#app-header .sun{display:block}#app-header .moon,body.dark #app-header .sun{display:none}body.dark #app-header .moon{display:block}.VPNav{display:none!important}
