:root{--bg-primary: #0a0a0f;--bg-panel: rgba(12, 12, 20, .88);--bg-panel-border: rgba(255, 255, 255, .08);--text-primary: #e0e0e8;--text-muted: #888899;--text-accent: #00f0ff;--font-mono: "Share Tech Mono", monospace;--font-display: "Orbitron", sans-serif;--glow-cyan: 0 0 12px rgba(0, 240, 255, .4);--panel-width: 260px;--header-height: 48px;--transition-speed: .3s;--color-egg: #e67e22}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);overflow:hidden;height:100vh;width:100vw}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px)}.header{position:fixed;top:0;left:0;right:0;min-height:var(--header-height);background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--bg-panel-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100;flex-wrap:wrap;gap:4px}.header-title{font-family:var(--font-display);font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--text-accent);text-shadow:var(--glow-cyan)}.header-controls{display:flex;gap:6px;flex-wrap:wrap}.mode-buttons{display:contents}.mode-buttons button{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;padding:4px 10px;cursor:pointer;border-radius:3px;transition:background var(--transition-speed),border-color var(--transition-speed);touch-action:manipulation}.mode-buttons button:hover{background:#ffffff1f;border-color:var(--text-accent);color:var(--text-accent)}.mode-buttons button.active{border-color:var(--text-accent);color:var(--text-accent);text-shadow:var(--glow-cyan)}[role=tab]:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}#btn-export,#btn-auto-rotate{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;padding:4px 10px;cursor:pointer;border-radius:3px;transition:background var(--transition-speed),border-color var(--transition-speed);touch-action:manipulation}#btn-export:hover,#btn-auto-rotate:hover{background:#ffffff1f;border-color:var(--text-accent);color:var(--text-accent)}#btn-auto-rotate.active{border-color:var(--text-accent);color:var(--text-accent);text-shadow:var(--glow-cyan)}.panel-toggle{position:fixed;top:calc(var(--header-height) + 8px);left:var(--panel-width);z-index:60;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-panel-border);border-left:none;border-radius:0 4px 4px 0;color:var(--text-muted);font-size:14px;padding:10px 8px 10px 6px;cursor:pointer;transition:left var(--transition-speed),color var(--transition-speed);line-height:1;touch-action:manipulation;min-width:32px;min-height:36px;display:flex;align-items:center;justify-content:center}.panel-toggle:hover{color:var(--text-accent)}.panel-toggle.collapsed{left:0}.control-panel{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--panel-width);background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--bg-panel-border);z-index:50;display:flex;flex-direction:column;padding:12px 14px;gap:10px;overflow-y:auto;transition:transform var(--transition-speed)}.control-panel.collapsed{transform:translate(-100%)}.control-section-title{font-family:var(--font-display);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-top:4px}.slider-group{display:flex;flex-direction:column;gap:2px}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:11px}.slider-label span:first-child{color:var(--text-primary)}.slider-value{color:var(--text-accent);font-weight:700;font-size:11px;min-width:36px;text-align:right}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1f;border-radius:3px;outline:none;cursor:pointer;touch-action:manipulation}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--text-accent);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 6px #00f0ff66;cursor:pointer}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--text-accent);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 6px #00f0ff66;cursor:pointer}input[type=range]:focus-visible{outline:2px solid var(--text-accent);outline-offset:4px}.color-group{display:flex;align-items:center;gap:10px}.color-group label{font-size:11px;color:var(--text-primary)}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:3px;width:36px;height:24px;cursor:pointer;background:transparent;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.btn-invert{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;padding:5px 8px;cursor:pointer;border-radius:3px;transition:background var(--transition-speed),border-color var(--transition-speed)}.btn-invert:hover{background:#ffffff1f;border-color:var(--text-accent);color:var(--text-accent)}.btn-invert.active{border-color:var(--text-accent);color:var(--text-accent);text-shadow:var(--glow-cyan)}#palette-select{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;padding:5px 8px;cursor:pointer;border-radius:3px;outline:none;transition:border-color var(--transition-speed)}#palette-select:hover,#palette-select:focus{border-color:var(--text-accent);color:var(--text-accent)}#palette-select option{background:#0a0a0f;color:var(--text-primary)}#viewport{position:fixed;top:var(--header-height);left:var(--panel-width);right:0;bottom:0;z-index:1;overflow:hidden;transition:opacity var(--transition-speed),left var(--transition-speed)}.control-panel.collapsed~#viewport{left:0}#viewport canvas{display:block}.info-overlay{position:fixed;top:var(--header-height);left:var(--panel-width);right:0;bottom:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.info-overlay.hidden{display:none}.info-overlay h2{font-family:var(--font-display);font-size:24px;color:var(--text-accent);text-shadow:var(--glow-cyan);margin-bottom:20px;letter-spacing:2px}.info-overlay p{font-size:13px;line-height:1.8;color:var(--text-primary);max-width:600px;margin-bottom:12px}.info-overlay a{color:var(--text-accent);text-decoration:none;transition:text-shadow var(--transition-speed)}.info-overlay a:hover{text-shadow:var(--glow-cyan);text-decoration:underline}.info-overlay .formula{margin:24px 0;padding:16px 24px;background:#00f0ff0a;border:1px solid rgba(0,240,255,.15);border-radius:6px}.info-overlay .formula .katex{font-size:1.1em}.info-overlay .brain-title{font-family:var(--font-display);font-size:14px;letter-spacing:3px;color:var(--text-muted);margin-top:24px}.info-overlay .brain-desc{font-size:11px;color:var(--text-muted);max-width:500px}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);z-index:200;gap:16px;transition:opacity .4s}#loading.hidden{opacity:0;pointer-events:none}.spinner{width:40px;height:40px;border:3px solid rgba(0,240,255,.15);border-top-color:var(--text-accent);border-radius:50%;animation:spin .8s linear infinite;box-shadow:var(--glow-cyan)}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{color:var(--text-muted);font-size:13px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:768px){:root{--panel-width: 240px;--header-height: 84px}.control-panel{transform:translate(-100%)}.control-panel:not(.collapsed){transform:translate(0)}.panel-toggle{left:0}.panel-toggle:not(.collapsed){left:var(--panel-width)}#viewport{left:0}.info-overlay{left:0;padding:20px;overflow-y:auto}.info-overlay h2{font-size:18px}.mode-buttons button,#btn-auto-rotate,#btn-export{padding:8px 10px;font-size:11px;min-height:36px}.header-title{font-size:12px;letter-spacing:1px}.header{padding:6px 12px}.slider-group{gap:4px}.slider-label{font-size:12px}input[type=range]{height:8px}.control-panel{padding:14px 16px;gap:12px}}@media(max-width:480px){:root{--panel-width: 220px;--header-height: 88px}.header-controls{gap:4px}.mode-buttons button,#btn-auto-rotate,#btn-export{padding:8px 6px;font-size:10px;min-height:36px}.header-title{font-size:10px}.info-overlay .formula{padding:10px 12px;overflow-x:auto}.info-overlay .formula .katex{font-size:.85em}}@media(max-height:500px)and (orientation:landscape){:root{--header-height: 40px}.control-panel{padding:8px 12px;gap:6px}.control-section-title{margin-top:2px}.info-overlay{padding:12px;overflow-y:auto}.info-overlay h2{font-size:16px;margin-bottom:10px}}