:root{--bg-primary:#0a0e1a;--bg-secondary:#0d1221;--bg-tertiary:#121830;--bg-outer:#05080f;--glass-bg:#ffffff0a;--glass-bg-elevated:#ffffff12;--glass-border:#ffffff14;--glass-border-heavy:#ffffff29;--glass-border-glow:#7c3aed59;--text-primary:#f0f4ff;--text-secondary:#9aa8c7;--text-muted:#4a5880;--text-invert:#0a0e1a;--accent-violet:#7c3aed;--accent-cyan:#00c8ff;--accent-matrix:#00ff87;--accent-rose:#f472b6;--accent-amber:#fbbf24;--accent-teal:#2dd4bf;--neon-matrix:var(--accent-matrix);--neon-cyan:var(--accent-cyan);--neon-magenta:var(--accent-rose);--neon-gold:var(--accent-amber);--neon-teal:var(--accent-teal);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:clamp(16px,4vw,24px);--space-xl:clamp(24px,6vw,40px);--space-xxl:clamp(40px,10vw,80px);--cockpit-padd:clamp(20px,5vw,64px);--panel-gap:clamp(16px,3vw,32px);--radius-cockpit:clamp(16px,2vw,28px);--radius-panel:16px;--radius-sm:8px;--sidebar-width:300px;--elevation-0:none;--elevation-1:0 4px 16px #0006,0 1px 4px #0000004d,inset 0 1px 0 #ffffff0d;--elevation-2:0 12px 40px #0000008c,0 4px 12px #0006,inset 0 1px 0 #ffffff14;--elevation-3:0 24px 60px #000000b3,0 8px 20px #00000080,inset 0 1px 0 #ffffff1a;--elevation-glow:0 0 40px #7c3aed26,0 20px 60px #00c8ff14;--font-mono:"JetBrains Mono",monospace;--font-sans:"Inter",sans-serif;--font-display:"Outfit",sans-serif;--size-xs:10px;--size-sm:13px;--size-md:16px;--size-lg:20px;--size-xl:clamp(24px,4vw,32px);--size-hero:clamp(32px,7vw,60px)}.cockpit-body{background:var(--bg-outer);color:var(--text-primary);min-height:100vh;font-family:var(--font-sans);background-image:radial-gradient(80% 50% at 20% 10%,#7c3aed1a 0%,#0000 60%),radial-gradient(60% 40% at 80% 90%,#00c8ff12 0%,#0000 55%);flex-direction:column;margin:0;padding:0;display:flex;overflow-x:hidden}.app-layout-cockpit{width:min(96vw,1500px);margin:var(--space-xl)auto;-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border-heavy);border-radius:var(--radius-cockpit);min-height:min(90vh,1200px);box-shadow:var(--elevation-3),var(--elevation-glow),inset 0 0 0 1px #ffffff0a;transform-origin:50%;background:linear-gradient(145deg,#0d1221eb 0%,#0a0e1af5 100%);grid-template-rows:auto 1fr auto;animation:.7s cubic-bezier(.16,1,.3,1) both glassReveal;display:grid;position:relative;overflow:visible}.app-layout-cockpit:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000,#7c3aed80 30%,#00c8ff80 70%,#0000);border-radius:50%;height:1px;position:absolute;top:0;left:5%;right:5%}.app-layout-cockpit:after{content:"";border-radius:inherit;z-index:-1;pointer-events:none;filter:blur(8px);background:linear-gradient(145deg,#7c3aed26,#0000 40%,#00c8ff1a);position:absolute;inset:-2px}.cockpit-main{padding:var(--cockpit-padd);background-image:radial-gradient(#ffffff06 1px,#0000 1px);background-size:28px 28px}@media (max-width:768px){.app-layout-cockpit{border:none;border-top:1px solid var(--glass-border-heavy);border-radius:0;width:100vw;min-height:100vh;margin:0}}@keyframes glassReveal{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.ive-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-panel);box-shadow:var(--elevation-1);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s;overflow:hidden}.ive-card:hover{box-shadow:var(--elevation-2),0 0 30px #7c3aed1f;background:var(--glass-bg-elevated);border-color:#7c3aed59;transform:translateY(-4px)}.text-rainbow{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-violet),var(--accent-rose),var(--accent-cyan));-webkit-text-fill-color:transparent;background-size:300%;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:6s linear infinite gradientFlow}@keyframes gradientFlow{0%{background-position:0%}to{background-position:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pulse-anim{animation:2s cubic-bezier(.4,0,.6,1) infinite pulseLoop}@keyframes pulseLoop{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.95)}}.glow-soft{box-shadow:0 0 15px #7c3aed66}.glow-matrix{box-shadow:0 0 15px #00ff8766}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.quick-nav-card{background:var(--bg-card,#161b2d)!important;color:#dce1eb!important}.sidebar-label,.sidebar-meta,.sidebar-nav-text{color:#919baf!important}.timeline-card-summary,.timeline-card p{color:#a5afbe!important}.category-pill{color:#505564!important}.timeline-badge-pinned,.insight-badge-featured,.insight-featured-text{color:#fff!important}body{font-size:max(14px,.875rem)!important}small,.meta,.badge,.sidebar-meta,.timeline-tag{font-size:max(12px,.75rem)!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px!important;outline:2px solid #00d4ff!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}