:root{--bg-color:#030303;--text-primary:#f2f2f2;--text-secondary:#888;--text-muted:#444;--font-serif:"Playfair Display",serif;--font-mono:"IBM Plex Mono",monospace;--font-sans:"Inter",sans-serif}body:before{content:" ";z-index:1000;pointer-events:none;opacity:.2;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:absolute;inset:0}body:after{content:"";opacity:.12;pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.4'/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite grain;position:fixed;top:-50%;left:-50%}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@keyframes glitch{0%{transform:translate(0)scale(1)}20%{transform:translate(-2px,2px)scale(1.02)}40%{transform:translate(-2px,-2px)scale(.98)}60%{transform:translate(2px,2px)scale(1)}80%{transform:translate(2px,-2px)scale(1.01)}to{transform:translate(0)scale(1)}}.glitch-hover:hover{animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;cursor:crosshair;width:100vw;height:100vh;margin:0;padding:0;position:fixed;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.perspective-container{perspective:1000px}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.sans{font-family:var(--font-sans)}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-md{font-size:16px}.text-lg{font-size:24px}.text-xl{font-size:48px}.tracking-wide{letter-spacing:.05em}.tracking-wider{letter-spacing:.1em}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.app-container{background:radial-gradient(circle,#0a0a0a 0%,#000 100%);flex-direction:column;min-height:100vh;display:flex;position:relative}.fixed-top-bar{font-family:var(--font-mono);color:var(--text-secondary);z-index:50;mix-blend-mode:difference;justify-content:space-between;padding:24px 32px;font-size:11px;display:flex;position:fixed;top:0;left:0;right:0}.fixed-bottom-dock{z-index:50;justify-content:center;gap:32px;display:flex;position:fixed;bottom:32px;left:0;right:0}.dock-link{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;padding:4px 8px;font-size:11px;transition:color .3s;position:relative}.dock-link:before,.dock-link:after{content:"";background:var(--text-muted);opacity:0;width:1px;transition:opacity .3s;position:absolute;top:0;bottom:0}.dock-link:before{left:0}.dock-link:after{right:0}.dock-link:hover{color:var(--text-primary);text-shadow:0 0 8px #fff9,0 0 16px #fff3;letter-spacing:.25em}.dock-link:hover:before,.dock-link:hover:after{opacity:1;width:6px;transition:all .2s cubic-bezier(.16,1,.3,1)}.dock-link:hover:before{left:-8px}.dock-link:hover:after{right:-8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@media (max-width:768px){.fixed-top-bar{padding:12px 16px;font-size:8px}.fixed-bottom-dock{flex-wrap:wrap;justify-content:center;gap:12px;padding:0 10px;bottom:16px;display:flex!important}.dock-link{letter-spacing:.05em;padding:2px 4px;font-size:8px}.dock-link:hover{letter-spacing:.1em}.floating-label-left,.floating-label-right{display:none!important}main{min-height:100dvh;justify-content:flex-start!important;height:auto!important;padding-top:80px!important;padding-bottom:100px!important;overflow-y:auto!important}}