:root{--universe-accent: hsl(var(--primary))}#universe{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.2s ease}#universe.is-ready{opacity:1}.has-universe main{position:relative;z-index:1}.has-universe .hero-orb{visibility:hidden}#universe-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;pointer-events:none;transform-origin:left;transform:scaleX(var(--p, 0));background:linear-gradient(90deg,hsl(var(--primary)),var(--universe-accent));box-shadow:0 0 12px var(--universe-accent)}#universe-hud{display:none}.has-universe #universe-hud{position:fixed;left:1.5rem;bottom:1.5rem;z-index:2;display:flex;align-items:center;gap:.75rem;pointer-events:none;font-family:Host Grotesk,DM Sans,system-ui,sans-serif;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--muted-foreground))}#universe-hud:before{content:attr(data-index);color:var(--universe-accent);font-weight:700;transition:color .8s ease}#universe-hud:after{content:attr(data-label)}#universe-hud .hud-line{width:2.5rem;height:1px;background:var(--universe-accent);opacity:.7;transition:background .8s ease}#universe-hud.is-swapping:after,#universe-hud.is-swapping:before{animation:hud-swap .6s ease}@keyframes hud-swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#universe-nav{display:none}.has-universe #universe-nav{position:fixed;right:1.25rem;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:.35rem}#universe-nav a{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.35rem 0;text-decoration:none}#universe-nav .nav-dot{width:8px;height:8px;border-radius:999px;border:1px solid hsl(var(--muted-foreground) / .6);transition:all .35s ease}#universe-nav .nav-label{font-family:Host Grotesk,DM Sans,system-ui,sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--foreground));opacity:0;transform:translate(6px);transition:all .3s ease;white-space:nowrap}#universe-nav a:hover .nav-label,#universe-nav a:focus-visible .nav-label{opacity:.85;transform:none}#universe-nav a:hover .nav-dot{border-color:hsl(var(--foreground))}#universe-nav a.is-active .nav-dot{height:22px;background:var(--universe-accent);border-color:var(--universe-accent);box-shadow:0 0 10px var(--universe-accent)}#universe-nav a:focus-visible{outline:none}#universe-nav a:focus-visible .nav-dot{outline:2px solid hsl(var(--primary));outline-offset:3px}#universe-cursor{display:none}.has-cursor #universe-cursor{display:block;position:fixed;top:0;left:0;z-index:9999;pointer-events:none;will-change:transform}#universe-cursor span{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:999px;border:1px solid var(--universe-accent);box-shadow:0 0 14px -2px var(--universe-accent);opacity:.7;transition:transform .25s ease,background .25s ease,opacity .25s ease,border-color .8s ease}#universe-cursor.is-hover span{transform:scale(1.7);background:color-mix(in srgb,var(--universe-accent) 12%,transparent);opacity:1}#universe-cursor.is-down span{transform:scale(.7)}#universe-cursor.is-hidden span{opacity:0}@media (max-width: 768px),(max-height: 560px){.has-universe #universe-hud,.has-universe #universe-nav{display:none}}