@import "https://fonts.googleapis.css2?family=Outfit:wght@300;400;700&family=Space+Mono&family=Great+Vibes&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;touch-action:none;background:#faf9f6;margin:0;font-family:Outfit,sans-serif;overflow:hidden}.app-container{background-color:#faf9f6;width:100vw;height:100dvh;transition:background-color .4s;position:relative}.app-container.math-mode{background-color:#050505}.math-mode .hero-header p,.math-mode .status-indicator{color:#fff9}.math-mode button.math-toggle{color:#fff;border-color:#ffffff4d}.math-mode button.math-toggle:hover{background:#ffffff1a;border-color:#fff9}.math-mode button.math-toggle.active{color:#050505;background:#fff;border-color:#fff}.gl-canvas{width:100%;height:100%;display:block}.hero-overlay{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:3rem 4rem;display:flex;position:absolute;top:0;left:0}.hero-header{pointer-events:auto}.hero-header h4{color:#1a1a1a;text-transform:none;margin-bottom:.5rem;font-family:Great Vibes,cursive;font-size:3rem;font-weight:400}.hero-header p{color:#1a1a1a80;letter-spacing:.1em;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:300}.bottom-bar{pointer-events:auto;justify-content:space-between;align-items:flex-end;display:flex}.status-indicator{letter-spacing:.1em;color:#1a1a1a99;align-items:center;gap:.8rem;font-family:Space Mono,monospace;font-size:.75rem;display:flex}.dot{background:#fff3;border-radius:50%;width:8px;height:8px}.dot.ready{background:#0f8;box-shadow:0 0 10px #0f89}.dot.loading{background:#f07;animation:1s infinite blink;box-shadow:0 0 10px #f079}@keyframes blink{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}button.math-toggle{-webkit-backdrop-filter:blur(10px);color:#1a1a1a;letter-spacing:.2em;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #1a1a1a33;border-radius:40px;padding:.8rem 2.5rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:400;transition:all .4s}button.math-toggle:hover{background:#1a1a1a0d;border-color:#1a1a1a80}button.math-toggle.active{color:#fff;background:#1a1a1a;border-color:#1a1a1a;font-weight:400}.glass-panel{-webkit-backdrop-filter:blur(20px)saturate(150%);color:#ffffffb3;pointer-events:none;background:#050508bf;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:1rem;width:280px;padding:1.2rem;font-family:Space Mono,monospace;display:flex;position:absolute;top:2rem;right:2rem;box-shadow:0 20px 40px #000c,inset 0 1px #ffffff0d}.glass-header{letter-spacing:.2em;color:#fff;margin-bottom:.2rem;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700}.glass-section{flex-direction:column;gap:.2rem;display:flex}.glass-label{letter-spacing:.1em;text-transform:uppercase;color:#fff6;font-size:.55rem}.glass-value{letter-spacing:.05em;text-shadow:0 0 15px;font-size:1.1rem;font-weight:700}.glass-value.small{text-shadow:none;color:#fff;font-size:.85rem}.text-white{color:#fff;text-shadow:none;font-size:.85rem}.highlight-cyan{color:#0ff}.highlight-magenta{color:#f36}.glass-subtext{color:#ffffff4d;font-size:.55rem}.glass-grid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.glass-divider{background:#ffffff0d;height:1px;margin:.3rem 0}.glass-legend{flex-direction:column;gap:.5rem;display:flex}.legend-row{letter-spacing:.1em;align-items:center;gap:.6rem;font-size:.55rem;display:flex}.glow-dot{border-radius:50%;width:8px;height:8px}.glow-dot.cyan{background:#0ff;box-shadow:0 0 10px #0ff}.glow-dot.magenta{background:#f36;box-shadow:0 0 10px #f36}.glow-dot.purple{background:#d100ff;box-shadow:0 0 10px #d100ff}@media (width<=768px){.hero-overlay{padding:1.5rem 1rem}.hero-header h4{font-size:2.2rem}.hero-header p{max-width:100%;font-size:.75rem}.bottom-bar{flex-direction:column-reverse;align-items:center;gap:1.2rem;padding-bottom:.5rem}.status-indicator{font-size:.65rem}button.math-toggle{width:100%;padding:.8rem 1rem;font-size:.75rem}.glass-panel{gap:.8rem;width:calc(100% - 2rem);max-width:400px;padding:1rem;inset:auto auto 8rem 50%;transform:translate(-50%)}.glass-value{font-size:.95rem}.glass-value.small{font-size:.8rem}}