:root{--bg-base: #05050b;--panel-bg: rgba(14, 16, 24, .46);--panel-border: rgba(255, 255, 255, .16);--text-main: #f5f8ff;--text-sub: #8f9bb3;--accent-main: #00e8ff;--accent-secondary: #5f8dff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,Helvetica Neue,PingFang SC,sans-serif;background:var(--bg-base);color:var(--text-main)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 35%,color-mix(in srgb,var(--accent-main) 24%,transparent),transparent 42%),radial-gradient(circle at 85% 70%,color-mix(in srgb,var(--accent-secondary) 22%,transparent),transparent 48%),linear-gradient(115deg,#070812 10%,#05050b 52%,#04060e);z-index:-3}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px;opacity:.3;-webkit-mask-image:radial-gradient(circle at 70% 40%,black 30%,transparent 80%);mask-image:radial-gradient(circle at 70% 40%,black 30%,transparent 80%);z-index:-2}.app{position:relative;width:100vw;height:100vh}.bg-orb{position:fixed;pointer-events:none;z-index:10;border-radius:50%;filter:blur(150px);mix-blend-mode:screen}.bg-orb--left{width:800px;height:800px;left:-20%;top:35%;background:var(--accent-main);opacity:.1}.bg-orb--right{width:900px;height:900px;right:-25%;top:-5%;background:var(--accent-secondary);opacity:.08}.bg-orb--top{display:none}.bg-orb--bottom{width:800px;height:800px;left:25%;bottom:-30%;background:var(--accent-secondary);opacity:.07}.bg-orb--center{display:none}.canvas-wrap,#scene{width:100%;height:100%;display:block}#scene{position:relative;z-index:1}.panel{position:absolute;z-index:3;left:28px;top:28px;width:min(33vw,470px);min-width:320px;max-height:calc(100vh - 56px);overflow:auto;padding:28px 26px 24px;border-radius:18px;border:1px solid var(--panel-border);background:linear-gradient(160deg,#0f111a9e,#090b1170);-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);box-shadow:0 24px 80px #00000073,inset 0 0 0 1px #ffffff0f;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease}.panel--collapsed{transform:translate(calc(-100% - 40px));opacity:0;pointer-events:none}.panel__collapse{position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:#9aa4ba;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:1;padding:0}.panel__collapse:hover{background:#ffffff1f;color:#fff}.panel-expand{position:absolute;z-index:3;left:16px;top:16px;width:40px;height:40px;border-radius:12px;border:1px solid var(--panel-border);background:linear-gradient(160deg,#0f111ab8,#090b118a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--accent-main);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;pointer-events:none;transform:scale(.8);transition:opacity .3s ease,transform .3s ease,box-shadow .2s ease;box-shadow:0 4px 20px #0000004d}.panel-expand--visible{opacity:1;pointer-events:auto;transform:scale(1)}.panel-expand:hover{box-shadow:0 4px 24px color-mix(in srgb,var(--accent-main) 30%,transparent)}.panel__tag{margin:0 0 10px;font-size:10px;letter-spacing:.22em;color:#9aa4ba;text-transform:uppercase}.panel h1{margin:0;font-weight:320;font-size:clamp(34px,4.3vw,52px);line-height:1.05;letter-spacing:-.02em}.panel h2{margin:8px 0 0;color:#d7deed;font-size:clamp(18px,1.8vw,24px);font-weight:430}.panel__formula{margin-top:22px}.formula-title{margin:0 0 10px;font-size:12px;letter-spacing:.08em;color:#9aa6c0;text-transform:uppercase}.math-container{display:block;margin:0;padding:16px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#eef5ff;font-size:15px;overflow-x:auto;overflow-y:hidden}.math-container .katex-display{margin:0}.formula-note{margin-top:12px;color:var(--text-sub);font-size:13px;line-height:1.6}.controls{margin-top:24px}.controls__label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px;color:#edf2ff}#uValue,#vValue{color:var(--accent-main);font-family:SF Mono,Consolas,monospace;text-shadow:0 0 16px color-mix(in srgb,var(--accent-main) 50%,transparent)}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:100px;background:linear-gradient(90deg,var(--accent-main),var(--accent-secondary));box-shadow:0 0 24px color-mix(in srgb,var(--accent-main) 35%,transparent);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:#0d111b;cursor:pointer;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}input[type=range]:active::-webkit-slider-thumb{transform:scale(.85);background:var(--text-main)}.theme-toggle{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-btn{height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff0a;color:#e7ecf8;cursor:pointer;transition:transform .15s ease,border-color .22s ease,box-shadow .22s ease}.theme-btn:hover{transform:translateY(-1px);border-color:#ffffff80}.theme-btn:active{transform:scale(.96)}.theme-btn--active{border-color:color-mix(in srgb,var(--accent-main) 80%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-main) 55%,transparent),0 0 18px color-mix(in srgb,var(--accent-main) 30%,transparent)}@media (max-width: 1180px){.panel{width:min(42vw,430px);min-width:300px}}