.footer{flex-shrink:0;color:#ffffff80;text-align:center;padding:1rem 0;font-size:.85rem}.top-nav{flex-shrink:0;height:60px;color:#fff}.top-nav .container{display:flex;align-items:center;height:100%}.top-nav-brand{font-size:1.25rem;font-weight:700;letter-spacing:.02em;margin-right:2rem;color:#fff;text-decoration:none}.top-nav-brand:hover{opacity:.85}.top-nav-links{display:flex;align-items:center;gap:.25rem}.top-nav-links a{padding:.5rem 1rem;color:#ffffffb3;text-decoration:none;font-size:.9rem;border-radius:6px;transition:background .15s,color .15s}.top-nav-links a:hover{background:#ffffff14;color:#fff}.top-nav-links a.active{background:#ffffff1f;color:#fff;font-weight:600}.hyper-text{overflow:hidden;display:inline-flex;cursor:default}.hyper-text-char{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.hyper-text-space{width:.3em}.flickering-grid-container{position:relative;height:100%;width:100%}.flickering-grid-canvas{pointer-events:none}.flickering-grid-ripple-canvas{position:absolute;top:0;left:0;pointer-events:none}.home-page{position:relative;display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden}.home-flickering-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.home-content{position:relative;z-index:1}.home-page h1{font-size:2rem;font-weight:800;color:#f0f0f0;letter-spacing:-.02em}.home-page p{color:#9ca3af;font-size:1rem;margin-top:.5rem}@media(min-width:640px){.home-page h1{font-size:3rem}.home-page p{font-size:1.1rem}}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem 1rem}.placeholder-page h1{font-size:2rem;font-weight:800;color:#f0f0f0;letter-spacing:-.02em}.placeholder-page p{color:#9ca3af;font-size:1rem;margin-top:.5rem}@media(min-width:640px){.placeholder-page h1{font-size:2.5rem}.placeholder-page p{font-size:1.1rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e5e7eb;background:#0a0a0f;line-height:1.5}.app-layout{display:flex;flex-direction:column;height:100%}.main-content{flex:1;overflow-y:auto;min-height:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}