:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.app-layout{background:#111827;width:100vw;height:100vh;display:flex;overflow:hidden}.simulation-panel{flex:1;height:100%;position:relative}.sidebar-panel{z-index:20;background:#1f2937;border-left:1px solid #374151;flex:0 0 25%;min-width:300px;max-width:500px;height:100%;overflow-y:auto}.expl-container{box-sizing:border-box;color:#e5e7eb;width:100%;min-height:100%;padding:25px;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6}.expl-header{color:#38bdf8;border-bottom:1px solid #374151;margin:0 0 20px;padding-bottom:15px;font-size:22px;font-weight:700}.expl-section{margin-bottom:30px}.expl-subheader{color:#9ca3af;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:11px;font-weight:700}.expl-title{color:#f3f4f6;margin-bottom:8px;font-size:16px;font-weight:600;display:block}.math-block{color:#a5f3fc;background:#111827;border-left:3px solid #38bdf8;border-radius:6px;margin-bottom:12px;padding:12px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto}.var-highlight{color:#fcd34d}.sim-container{width:100%;height:100%;position:relative;overflow:hidden}.controls-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:10;box-sizing:border-box;background:#111827cc;border-top:3px solid #374151;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;padding:10px;display:flex;position:absolute;bottom:0;left:0}.control-item{flex-direction:column;min-width:70px;display:flex}.control-label{color:#9ca3af;margin-bottom:2px;font-size:.65rem;font-weight:700}.control-input{cursor:pointer;height:4px}.sim-container canvas{width:100%!important;height:100%!important}