nav[role="navigation"]{position:fixed;top:0;left:0;right:0;z-index:100;background:#0d0d0d;border-bottom:1px solid rgba(255,255,255,0.05);padding:14px 24px;min-height:56px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.nav-inner{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:'Space Grotesk','SpaceGrotesk-Fallback',sans-serif;font-size:0.85rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--primary);text-decoration:none;position:relative;display:inline-block;line-height:1;transition:opacity 0.2s}.nav-logo:hover{opacity:0.75}.nav-links{display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav-links a{font-family:'Inter','Inter-Fallback',sans-serif;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--on-surface-dim);text-decoration:none;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--primary);transition:width 0.2s ease}.nav-links a:hover{color:var(--primary)}.nav-links a:hover::after{width:100%}.nav-links a[href="ray-viscera"],.nav-drawer a[href="ray-viscera"],a[href="ray-viscera"].nav-gold{color:var(--gold);transition:color 0.2s,text-shadow 0.2s}.nav-links a[href="ray-viscera"]:hover,.nav-drawer a[href="ray-viscera"]:hover,a[href="ray-viscera"].nav-gold:hover{color:#e8b070;text-shadow:0 0 14px rgba(232,176,112,0.45)}.nav-links a[href="ray-viscera"]::after{background:var(--gold)!important}.nav-links a[href="the-system"],.nav-drawer a[href="the-system"]{transition:color 0.2s}.nav-links a[href="the-system"]:hover,.nav-drawer a[href="the-system"]:hover{color:var(--pink)}.nav-links a[href="support"]:hover,.nav-drawer a[href="support"]:hover{color:var(--pink)}.nav-links a[href="support"]::after,.nav-drawer a[href="support"]::after{background:var(--pink)!important}.nav-status{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:var(--green);box-shadow:0 0 6px #c8c0b8;animation:dotPulse 2.5s ease-in-out infinite;border-radius:50%}@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:0.3}}.status-online{color:var(--green);font-family:'Inter','Inter-Fallback',monospace;font-size:0.6rem;font-weight:300;letter-spacing:0.1em;text-transform:uppercase}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;cursor:pointer;background:none;border:none;padding:4px;z-index:200}.nav-hamburger span{display:block;width:22px;height:1px;background:var(--on-surface-dim);transition:transform 0.3s ease,opacity 0.3s ease;transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg);background:var(--primary)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);background:var(--primary)}.nav-drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:150;background:rgba(10,10,10,0.99);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.nav-drawer.open{opacity:1;pointer-events:all}.nav-drawer a{font-family:'Space Grotesk','SpaceGrotesk-Fallback',sans-serif;font-size:clamp(1.4rem,6vw,2rem);font-weight:700;letter-spacing:-0.01em;text-transform:uppercase;color:var(--on-surface-dim);text-decoration:none;padding:10px 0;transition:color 0.2s,transform 0.2s,opacity 0.2s;transform:translateY(12px);opacity:0;position:relative}.nav-drawer.open a{opacity:1;transform:translateY(0)}.nav-drawer.open a:nth-child(2){transition-delay:0.03s}.nav-drawer.open a:nth-child(3){transition-delay:0.06s}.nav-drawer.open a:nth-child(4){transition-delay:0.09s}.nav-drawer.open a:nth-child(5){transition-delay:0.12s}.nav-drawer.open a:nth-child(6){transition-delay:0.15s}.nav-drawer.open a:nth-child(7){transition-delay:0.18s}.nav-drawer.open a:nth-child(8){transition-delay:0.21s}.nav-drawer.open a:nth-child(9){transition-delay:0.24s}.nav-drawer.open a:nth-child(10){transition-delay:0.27s}.nav-drawer.open a:nth-child(11){transition-delay:0.30s}.nav-drawer.open a:nth-child(12){transition-delay:0.33s}.nav-drawer.open a:nth-child(13){transition-delay:0.36s}.nav-drawer.open a:nth-child(14){transition-delay:0.39s}.nav-drawer.open a:nth-child(15){transition-delay:0.42s}.nav-drawer a::before{content:attr(data-index);position:absolute;left:-28px;top:50%;transform:translateY(-50%);font-family:'Inter','Inter-Fallback',monospace;font-size:0.55rem;letter-spacing:0.12em;color:var(--pink);opacity:0;transition:opacity 0.2s}.nav-drawer a:hover::before{opacity:0.6}.nav-drawer a::after{content:'';position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--pink);transition:width 0.3s ease}.nav-drawer a:hover::after{width:100%}.nav-drawer a:hover{color:var(--primary);text-shadow:0 0 30px rgba(255,180,171,0.25)}.nav-drawer-close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--on-surface-dim);transition:color 0.2s,background 0.2s}.nav-drawer-close:hover{color:var(--primary);background:rgba(255,255,255,0.12)}.nav-drawer-close svg{width:18px;height:18px}.ios-shield{display:none}@media (max-width:768px){.ios-shield{display:block;position:fixed;top:0;left:0;right:0;height:max(env(safe-area-inset-top,0px),44px);background:#000;z-index:99;pointer-events:none}}@media (max-width:768px){.nav-links{display:none}.nav-hamburger{display:flex}}@media (max-width:480px){.nav-status{display:none}nav[role="navigation"]{padding:12px 18px}.nav-logo{font-size:0.75rem}}.nav-dropdown{position:relative}.nav-dropdown-toggle{font-family:'Inter','Inter-Fallback',sans-serif;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--on-surface-dim);background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;line-height:inherit;transition:color 0.2s;position:relative;font-weight:inherit}.nav-dropdown-toggle:hover,.nav-dropdown.open .nav-dropdown-toggle{color:var(--primary)}.nav-dropdown-caret{transition:transform 0.25s ease;opacity:0.6;width:8px;height:8px}.nav-dropdown.open .nav-dropdown-caret{transform:rotate(180deg);opacity:1}.nav-dropdown-toggle::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--primary);transition:width 0.2s ease}.nav-dropdown-toggle:hover::after,.nav-dropdown.open .nav-dropdown-toggle::after{width:100%}.nav-dropdown-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);min-width:240px;background:rgba(13,13,13,0.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,0.06);padding:10px 0;list-style:none;margin:0;opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease;z-index:150;box-shadow:0 12px 40px rgba(0,0,0,0.5)}.nav-dropdown.open .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.nav-dropdown-menu li{list-style:none}.nav-dropdown-menu a{display:block;padding:10px 20px;font-family:'Inter','Inter-Fallback',sans-serif;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--on-surface-low);text-decoration:none;transition:color 0.15s,background 0.15s,padding-left 0.15s;white-space:nowrap}.nav-dropdown-menu a:hover{color:var(--pink);background:rgba(255,180,171,0.04);padding-left:26px}.nav-dropdown-divider{height:1px;background:rgba(255,180,171,0.2);margin:8px 14px;list-style:none;padding:0;display:block}@media (max-width:768px){.nav-dropdown-menu{display:none}}.nav-drawer-group-label{font-family:'Inter','Inter-Fallback',monospace;font-size:0.6rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--pink);margin-top:14px;margin-bottom:4px;padding-left:14px;opacity:0;transform:translateY(12px);transition:opacity 0.2s,transform 0.2s}.nav-drawer.open .nav-drawer-group-label{opacity:0.8;transform:translateY(0)}.nav-drawer a.nav-drawer-sub{font-size:clamp(1rem,4.5vw,1.3rem);padding:6px 0 6px 14px;color:var(--on-surface-dim)}.nav-drawer a.nav-drawer-sub:hover{color:var(--pink)}.nav-drawer-divider{height:1px;background:rgba(255,180,171,0.2);margin:10px 14px;opacity:0;transition:opacity 0.25s}.nav-drawer.open .nav-drawer-divider{opacity:1}.nav-drawer a.nav-drawer-sub::before{font-size:0.5rem;left:-14px}.nav-links a.active,.nav-dropdown-menu a.active,.nav-dropdown-toggle.active{color:var(--pink,#ffb4ab)!important}.nav-links a.active::after,.nav-dropdown-toggle.active::after{width:100%!important;background:var(--pink,#ffb4ab)!important}.nav-dropdown-menu a.active{background:rgba(255,180,171,0.06)!important}.nav-drawer a.active,.nav-drawer a.nav-drawer-sub.active{color:var(--pink,#ffb4ab)!important}.nav-links a[href="ray-viscera"].active,.nav-drawer a[href="ray-viscera"].active{color:#ffd89b!important;text-shadow:0 0 18px rgba(255,216,155,0.55)!important}.nav-links a[href="ray-viscera"].active::after{background:#ffd89b!important}.nav-dropdown-divider{height:1px;background:rgba(255,180,171,0.25);margin:8px 14px;list-style:none;pointer-events:none}.nav-drawer-divider{height:1px;background:rgba(255,180,171,0.25);margin:10px 14px;pointer-events:none}nav .nav-links a[href="ray-viscera"].active,nav .nav-drawer a[href="ray-viscera"].active,.nav-links a[href="ray-viscera"].active,.nav-drawer a[href="ray-viscera"].active,a[href="ray-viscera"].active{color:#ffd89b!important;text-shadow:0 0 18px rgba(255,216,155,0.55)!important}nav .nav-links a[href="ray-viscera"].active::after,.nav-links a[href="ray-viscera"].active::after,.nav-links a[href="ray-viscera"]::after{background:#ffd89b!important}