*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width: 260px;--primary-color: #6366f1;--primary-light: #818cf8;--accent-color: #22d3ee;--bg-dark: #0c0f1a;--bg-card: #151923;--bg-hover: #1e2433;--text-primary: #e8eaed;--text-secondary: #8b92a5;--border-color: #2a3142}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);display:flex;height:100vh;overflow:hidden}#sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--bg-card) 0%,#12161f 100%);border-right:1px solid var(--border-color);overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}#sidebar h1{padding:24px 20px;font-size:1.1rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1,#22d3ee,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:1px solid var(--border-color);text-align:center}.chapter{border-bottom:1px solid var(--border-color)}.chapter h2{padding:14px 20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);background:#0003;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.chapter h2:before{content:"▸";font-size:10px;transition:transform .2s ease}.chapter.active h2:before{transform:rotate(90deg)}.chapter h2:hover{background:#6366f11a;color:var(--text-primary)}.chapter ul{list-style:none;display:none;padding:8px 0}.chapter.active ul{display:block}.chapter li{margin:2px 10px}.chapter a{display:block;padding:10px 16px;font-size:.85rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all .2s ease;position:relative;overflow:hidden}.chapter a:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--primary-color);transform:scaleY(0);transition:transform .2s ease;border-radius:0 2px 2px 0}.chapter a:hover{background:var(--bg-hover);color:var(--text-primary);padding-left:20px}.chapter a:hover:before{transform:scaleY(1)}.chapter a.active{background:linear-gradient(90deg,rgba(99,102,241,.2) 0%,transparent 100%);color:var(--primary-light);font-weight:500}.chapter a.active:before{transform:scaleY(1);background:linear-gradient(180deg,var(--primary-color),var(--accent-color))}#main{flex:1;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at center,#151923,#0c0f1a)}#canvas-container{flex:1;position:relative}#canvas-container canvas{display:block}#info-panel{position:absolute;top:20px;left:20px;background:#151923f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 24px;border-radius:16px;border:1px solid rgba(99,102,241,.2);max-width:360px;z-index:10;box-shadow:0 8px 32px #0006}#info-panel h3{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary);display:flex;align-items:center;gap:8px}#info-panel h3:before{content:"";width:4px;height:16px;background:linear-gradient(180deg,var(--primary-color),var(--accent-color));border-radius:2px}#info-panel p{font-size:.85rem;color:var(--text-secondary);line-height:1.7}.lil-gui{--background-color: rgba(21, 25, 35, .95);--widget-color: #2a3142;--focus-color: #6366f1;--hover-color: #818cf8;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size: 11px;--input-font-size: 11px;--padding: 4px;--spacing: 4px;--widget-height: 20px;--name-width: 45%;--slider-knob-width: 2px;--slider-input-width: 27%;--color-input-width: 27%;--string-input-width: 27%;--number-input-width: 27%;--row-height: 24px;--title-height: 28px;--scrollbar-width: 5px;position:absolute!important;top:20px;right:20px;max-height:calc(100vh - 40px);overflow-y:auto;z-index:100;border-radius:12px!important;border:1px solid var(--border-color)!important}.lil-gui .title{font-weight:600}.lil-gui .children{overflow:visible}.lil-gui .controller{padding:0 var(--padding)}.lil-gui .controller.function .name{width:100%;padding:0 4px;text-align:left}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;color:var(--text-secondary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3d4559}.formula{font-family:Times New Roman,serif;font-style:italic;background:#6366f11a;padding:10px 14px;border-radius:8px;margin-top:12px;font-size:1rem;border-left:3px solid var(--primary-color)}.legend{margin-top:12px;display:flex;gap:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem}.legend-color{width:12px;height:12px;border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chapter{animation:fadeIn .3s ease forwards}.chapter:nth-child(2){animation-delay:.1s}.chapter:nth-child(3){animation-delay:.2s}.chapter:nth-child(4){animation-delay:.3s}