:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{width:100vw;height:100vh}.home-wrapper{width:100vw;height:100dvh;min-height:100dvh;color:var(--text);-webkit-overflow-scrolling:touch;background:#f5f7fb;position:relative;overflow:hidden auto}.home-wrapper:before{content:"";z-index:0;filter:saturate(.82);pointer-events:none;background:linear-gradient(90deg,#051b2cd1 0%,#051b2c9e 42%,#051b2c47 100%),linear-gradient(#051b2c3d 0%,#051b2ca8 100%),url(/images/physics-lab-classroom.jpg) 50%/cover no-repeat;width:100vw;height:100dvh;position:fixed;inset:0}.home-wrapper>*{z-index:1;position:relative}.home-nav{z-index:20;background:#051b2c;border-bottom:1px solid #153a52;width:100vw;position:sticky;top:0}.home-nav-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:72px;margin:0 auto;display:grid}.nav-brand{color:#fff;text-shadow:0 2px 12px #00000052;background:0 0;border:0;align-items:center;gap:12px;width:fit-content;padding:0;font-size:18px;font-weight:900;display:inline-flex}.logo-mark-img{border-radius:var(--r-lg);width:42px;height:42px;display:block;box-shadow:0 10px 24px #00000047}.nav-links{border-radius:var(--r-lg);background:#09263c;border:1px solid #21455e;align-items:center;gap:8px;padding:5px;display:flex}.nav-link-btn{border-radius:var(--r-md);color:#eef7ff;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;min-height:34px;padding:0 15px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.nav-link-btn:hover{color:#fff;background:#123a57;border-color:#2d5874}.nav-actions{justify-self:end;align-items:center;gap:12px;display:flex}.nav-btn,.primary-btn,.secondary-btn{border-radius:var(--r-md);color:#143b59;background:#fff;border:1px solid #c8dbe9;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.nav-btn{color:#fff;cursor:pointer;background:#f58220;border-color:#d86c12;padding:0 18px}.discord-nav-btn{background:#5865f2;border-color:#4752c4}.discord-nav-btn:hover{background:#4e5ad1}.hero-section{align-items:center;width:min(1180px,100% - 40px);min-height:calc(100dvh - 72px);margin:0 auto;padding:clamp(64px,9vw,120px) 0 58px;display:flex}.hero-content{max-width:700px}.hero-title{color:#fff;text-shadow:0 18px 44px #0000005c;margin:0;font-size:clamp(56px,9vw,112px);font-weight:900;line-height:.92}.hero-sub{color:#e8f5ff;max-width:610px;margin:24px 0 30px;font-size:clamp(17px,2vw,21px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-btn,.secondary-btn{padding:0 22px}.primary-btn{color:#fff;background:#0b77bd;border-color:#075f99;min-height:48px;box-shadow:0 12px 24px #0b77bd2e}.primary-btn:hover{background:#0868a6;box-shadow:0 16px 30px #0b77bd38}.secondary-btn:hover{color:#0b5f98;background:#f4fbff;border-color:#92bad6}.hero-search{border-radius:var(--r-lg);color:#264c68;text-align:left;background:#fff;border:1px solid #dbe6ee;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(520px,100%);min-height:54px;margin-top:28px;padding:0 10px 0 18px;display:grid;box-shadow:0 16px 36px #1f567c1c}.hero-search span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.hero-search kbd{border-radius:var(--r-sm);color:#9a4a05;min-height:34px;font:800 12px var(--font);background:#fff4e6;border:1px solid #f1c390;align-items:center;padding:0 12px;display:inline-flex}.home-library,.home-workflow,.subject-band{width:min(1180px,100% - 40px);margin:0 auto}.home-library{background:#fff;border-block:1px solid #d5e5f3;grid-template-columns:repeat(3,1fr);display:grid}.library-stat{border-right:1px solid #d5e5f3;min-height:118px;padding:26px 28px}.library-stat:last-child{border-right:0}.library-stat strong{color:#0b77bd;font-size:32px;font-weight:900;line-height:1;display:block}.library-stat span{color:#425f75;margin-top:10px;font-size:14px;font-weight:700;display:block}.library-stat.accent-orange strong{color:#f58220}.library-stat.accent-green strong{color:#16805d}.home-workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:46px 0 28px;display:grid}.workflow-step{border-radius:var(--r-lg);background:#fff;border:1px solid #d7e6f1;min-height:210px;padding:26px}.workflow-icon{border-radius:var(--r-md);color:#0b77bd;background:#e6f5ff;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.workflow-icon.orange{color:#c75e08;background:#fff2e3}.workflow-icon.green{color:#16805d;background:#e9f8ef}.workflow-step strong{color:#143b59;margin-top:22px;font-size:18px;display:block}.workflow-step p{color:#4b6479;margin:10px 0 0;font-size:14px;line-height:1.6}.subject-band{flex-wrap:wrap;gap:10px;padding:10px 0 56px;display:flex}.subject-pill{border-radius:var(--r-md);color:#244c69;background:#fff;border:1px solid #cbddea;align-items:center;gap:9px;min-height:42px;padding:0 10px 0 14px;font-size:13px;font-weight:800;display:inline-flex}.subject-pill strong{border-radius:var(--r-sm);color:#0b77bd;background:#eef7ff;justify-content:center;align-items:center;min-width:26px;min-height:26px;font-size:12px;display:inline-flex}@media (width<=900px){.home-nav-inner{justify-content:space-between;gap:14px;width:calc(100vw - 28px);max-width:1180px;min-height:64px;display:flex}.nav-links{display:none}.hero-section{width:calc(100vw - 28px);max-width:680px;min-height:auto;padding:76px 0 64px}.hero-content{min-width:0;max-width:none}.hero-title{overflow-wrap:normal;max-width:8ch;font-size:clamp(52px,18vw,76px)}.hero-sub{max-width:100%;font-size:17px}.hero-search span{white-space:normal;line-height:1.25}.hero-search,.primary-btn,.secondary-btn{max-width:100%}.home-library,.home-workflow,.subject-band{width:calc(100vw - 28px);max-width:680px}.home-library,.home-workflow{grid-template-columns:1fr}.library-stat{border-bottom:1px solid #d5e5f3;border-right:0;min-height:auto}.library-stat:last-child{border-bottom:0}.home-workflow{padding-top:32px}}@media (width<=520px){.home-nav-inner,.hero-section,.home-library,.home-workflow,.subject-band{width:100%;max-width:100%}.home-nav-inner{gap:10px;padding:0 14px}.hero-section,.home-library,.home-workflow,.subject-band{padding-left:14px;padding-right:14px}.logo-text{display:none}.nav-btn{white-space:nowrap;min-width:0;min-height:42px;padding:0 12px;font-size:13px}.discord-nav-btn{padding:0 12px}.nav-btn-text{display:none}.nav-btn svg{width:18px;height:18px}.hero-title{max-width:6.6ch;font-size:clamp(50px,15vw,62px)}.hero-sub{overflow-wrap:break-word;max-width:100%}.hero-actions{grid-template-columns:1fr;display:grid}.hero-search{border-radius:var(--r-lg);grid-template-columns:auto minmax(0,1fr);padding:14px}.hero-search kbd{grid-column:1/-1;width:fit-content}.subject-pill{min-height:32px;padding:0 8px 0 10px;font-size:12px}.subject-pill svg{width:14px;height:14px}.subject-pill strong{min-width:22px;min-height:22px;font-size:10px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e6eef7;--surface:#fff;--surface-muted:#f7fbff;--border:#d5e2ec;--border-strong:#adc4d6;--text:#0d1f3a;--text-sub:#40586d;--text-muted:#6a8296;--accent:#1e6dff;--accent-weak:#e6f5ff;--accent-orange:#ff8a00;--accent-green:#16c2a3;--success:#16805d;--warning:#a16207;--danger:#c24132;--canvas-bg:#0b1020;--shadow:0 1px 2px #0f172a14;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-pill:999px;--left-w:64px;--right-w:clamp(320px, 24vw, 380px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;-webkit-overflow-scrolling:touch;width:100%;height:100dvh;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,select{font:inherit}button{cursor:pointer}canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#cbd5e1}.custom-scroll{scrollbar-width:thin}.page-wrapper{flex-direction:column;min-width:0;height:100dvh;display:flex}.page-content{background:linear-gradient(180deg, #eef7ff 0%, var(--bg) 260px);flex:1;min-height:0;overflow:auto}.page-wrapper>.app-container,.page-wrapper>.page-content{flex:1;min-height:0}.page-loading{background:var(--bg);min-height:0;color:var(--text-sub);flex:1;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.app-header{height:60px;padding:0 var(--sp-6);background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;display:flex;position:relative}.header-left{align-items:center;gap:var(--sp-4);display:flex}.header-logo{align-items:center;gap:var(--sp-3);color:var(--text);background:0 0;border:none;padding:0;font-size:16px;font-weight:700;text-decoration:none;display:flex}.header-logo-mark{width:24px;height:24px;display:block}.header-nav{align-items:center;gap:var(--sp-2);display:flex}.nav-item{height:36px;padding:0 var(--sp-4);border-radius:var(--r-md);color:var(--text-sub);background:0 0;border:1px solid #0000;align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-item:hover{background:var(--surface-muted);color:var(--text)}.nav-item.active{background:var(--accent-weak);color:var(--accent);border-color:#9db8ff}.app-container{grid-template-columns:var(--left-w) minmax(0, 1fr) var(--right-w);background:var(--bg);width:100%;min-width:0;height:100%;min-height:0;display:grid}.canvas-container{border-inline:1px solid var(--border);touch-action:none;background:#fff;min-width:0;height:100%;min-height:0;position:relative}.canvas-container canvas{width:100%;height:100%}.left-sidebar{height:100%;padding:var(--sp-4) var(--sp-2);align-items:center;gap:var(--sp-1);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex}.sidebar-brand{border-radius:var(--r-md);background:var(--accent);width:30px;height:30px;box-shadow:inset 0 0 0 7px #ffffff2e}.mobile-bottom-toggle{display:none}.sidebar-sep{width:24px;height:1px;margin:var(--sp-2) 0;background:var(--border)}.sidebar-actions{align-items:center;gap:var(--sp-2);flex-direction:column;margin-top:auto;display:flex}.tool-btn,.icon-btn,.btn,.btn-export{justify-content:center;align-items:center;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-height:34px;color:var(--text-sub);font-size:13px;font-weight:600;display:inline-flex}.tool-btn,.icon-btn{flex:none;width:40px;height:40px;padding:0}.btn,.btn-export{padding:0 var(--sp-4)}.tool-btn:hover,.icon-btn:hover,.btn:hover,.btn-export:hover{background:var(--surface-muted);border-color:var(--border-strong);color:var(--text)}.tool-btn.active,.icon-btn.play-btn,.btn.play-btn{color:var(--accent);background:var(--accent-weak);border-color:#9db8ff}.icon-btn.pause-btn,.btn.pause-btn{color:var(--danger);background:#fff1f0;border-color:#f0b4ad}.btn-danger{color:var(--danger);border-color:#efb4ad}.btn-danger:hover{background:#fff1f0}.delete-btn{width:100%;margin-top:var(--sp-4)}.inspector-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;height:100%;display:flex}.panel-header{height:48px;padding:0 var(--sp-4);border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.panel-content{padding:var(--sp-4);flex:1;overflow:auto}.property-section{gap:var(--sp-3);padding-bottom:var(--sp-5);margin-bottom:var(--sp-5);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.section-title{color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.form-group{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.form-group label{align-items:center;gap:var(--sp-3);color:var(--text-sub);grid-template-columns:minmax(0,1fr) auto;font-size:13px;font-weight:600;display:grid}.form-group label>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.value-pill{border-radius:var(--r-sm);background:var(--surface-muted);min-width:52px;max-width:116px;color:var(--text);font-family:var(--font-mono);text-align:right;border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;padding:3px 7px;font-size:10px;font-weight:750;overflow:hidden}.input-row{align-items:start;gap:var(--sp-4);grid-template-columns:minmax(0,1fr) 90px;width:100%;min-width:0;display:grid}.form-input{width:100%;min-height:34px;padding:6px var(--sp-2);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:13px}.number-input{height:40px;font-family:var(--font-mono);text-align:right;align-self:start;font-size:12px}.slider-stack{min-width:0;padding-top:6px;position:relative}.slider-input{width:100%;accent-color:var(--accent);margin:0;display:block}.side-pane .form-group{padding:2px 0 var(--sp-2)}.toggle-switch{border:1px solid var(--border);border-radius:var(--r-pill);background:#d8dee6;width:36px;height:20px;padding:2px}.toggle-handle{border-radius:var(--r-pill);background:#fff;width:14px;height:14px;box-shadow:0 1px 2px #0f172a33}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:6px;display:grid}.tile-btn{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-muted);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60px;padding:10px 6px;display:flex;position:relative;overflow:hidden}.tile-btn:hover{background:var(--surface);border-color:var(--border-strong)}.tile-btn.active{background:var(--accent-weak);color:var(--accent);border-color:#9db8ff}.tile-label{margin-bottom:2px;font-size:11px;font-weight:700;line-height:1.2}.tile-sub{opacity:.7;font-size:9px;font-family:var(--font-mono);font-weight:500}.tile-btn.active .tile-sub{opacity:.9}.toggle-switch.active{background:var(--accent);border-color:var(--accent)}.toggle-switch.active .toggle-handle{transform:translate(16px)}.sim-runner{background:var(--bg);grid-template-columns:minmax(0,1fr);width:100vw;min-width:0;height:100dvh;display:grid;position:relative;overflow:hidden}.sim-main-area{flex-direction:column;width:100%;min-width:0;max-width:100vw;display:flex;position:relative;overflow:hidden}.sim-runner-top-bar{height:60px;padding:0 var(--sp-5);align-items:center;gap:var(--sp-3);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.sim-title-block{flex:1;min-width:0}.sim-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.sim-meta{align-items:center;gap:var(--sp-2);color:var(--text-muted);margin-top:2px;font-size:11px;display:flex}.sim-toolbar-group{align-items:center;gap:var(--sp-2);display:flex}.sim-panel-actions{align-items:center;gap:var(--sp-2);padding-left:var(--sp-3);border-left:1px solid var(--border);display:flex}.sim-mobile-dock{display:none}.panel-action-btn{min-height:34px;padding:0 var(--sp-3);white-space:nowrap}.panel-action-btn.active{color:var(--accent);background:var(--accent-weak);border-color:#9db8ff}.sim-display-toggle{margin-left:var(--sp-2);padding-left:var(--sp-4);border-left:1px solid var(--border)}.sim-speed-control{margin-left:var(--sp-2);color:var(--text-muted)}.speed-select{width:80px;height:32px;font-size:11px}.export-actions{align-items:center;gap:var(--sp-2);margin-left:var(--sp-2);padding-left:var(--sp-4);border-left:1px solid var(--border);display:flex}.sim-canvas-wrapper{background:var(--canvas-bg);touch-action:none;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.sim-runner-canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.sim-side-panel{z-index:40;width:var(--right-w);min-width:0;max-width:var(--right-w);background:var(--surface);border-left:1px solid var(--border);visibility:hidden;flex-direction:column;height:100dvh;display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-16px 0 36px #0d1f3a24}.sim-runner.side-panel-open .sim-side-panel{visibility:visible;transform:translate(0)}.sim-side-panel-header{min-height:56px;padding:0 var(--sp-4);justify-content:space-between;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--border);display:flex}.sim-side-panel-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.sim-side-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);height:48px;display:grid}.sim-side-tab{justify-content:center;align-items:center;gap:var(--sp-2);height:100%;color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;font-size:12px;font-weight:700;display:flex}.sim-side-tab:hover{background:var(--surface-muted);color:var(--text)}.sim-side-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-weak)}.side-pane{padding:var(--sp-5) var(--sp-6) var(--sp-6);gap:var(--sp-5);flex-direction:column;display:flex}.sim-side-content{flex:1;min-height:0;overflow:auto}.side-pane-header{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.side-pane-title{color:var(--text);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.sim-description{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-muted);color:var(--text-sub);font-size:13px;line-height:1.6}.sim-error-overlay{z-index:50;padding:var(--sp-6);background:#0b1020d1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sim-error-card{width:min(440px,100%);padding:var(--sp-6);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);text-align:center;border:1px solid #efb4ad}.sim-error-title{margin-bottom:var(--sp-2);color:var(--danger);font-weight:700}.sim-error-msg{margin-bottom:var(--sp-4);color:var(--text-sub);font-size:13px;line-height:1.5}.sim-toast{left:50%;bottom:var(--sp-5);z-index:25;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--text);color:#fff;box-shadow:var(--shadow);font-size:13px;font-weight:600;position:absolute;transform:translate(-50%)}.data-readout{top:var(--sp-4);left:var(--sp-4);z-index:20;width:min(320px,100% - 32px);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);font-family:var(--font-mono);background:#fffffff0;position:absolute}.data-readout-title{margin-bottom:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:12px;font-weight:700}.data-readout-row{justify-content:space-between;gap:var(--sp-3);padding:3px 0;display:flex}.data-readout-label{color:var(--text-muted);font-size:11px}.data-readout-value{color:var(--success);font-size:11px;font-weight:600}.data-readout-value.warn{color:var(--warning)}.data-readout-value.err{color:var(--danger)}.data-readout-method{margin-top:var(--sp-2)}.method-badge{border-radius:var(--r-sm);background:var(--accent-weak);min-height:20px;color:var(--accent);font-family:var(--font-mono);border:1px solid #bdd0ff;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.makie-graph-container{border:1px solid var(--border);border-radius:var(--r-lg);background:#0b0f14;width:100%;max-width:100%;min-height:220px;overflow:hidden}.makie-graph-canvas{width:100%;height:100%;display:block}.theory-chalkboard-wrapper{height:100%;overflow:auto}.theory-chalkboard{padding:var(--sp-5)}.chalkboard-main-title{margin:0 0 var(--sp-4);color:var(--text);font-size:18px}.chalkboard-section{margin-bottom:var(--sp-5)}.chalkboard-section-title,.equations-section-title{margin:0 0 var(--sp-2);color:var(--text);font-size:14px;font-weight:700}.chalkboard-equation-block,.eq-numbered,.equations-section-content,.chalkboard-variables{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-muted);color:var(--text-sub)}.chalkboard-math{overflow-x:auto}.chalkboard-note,.eq-description,.eq-var-desc,.chalkboard-var-desc{margin-top:var(--sp-2);color:var(--text-sub);font-size:13px;line-height:1.6}.chalkboard-var-list{padding-left:0;list-style:none}.chalkboard-var-symbol,.eq-var-symbol{color:var(--accent);font-family:var(--font-mono)}.topics-page-header{align-items:center;gap:var(--sp-5);margin-bottom:var(--sp-6);display:flex}.topics-header-text{flex-direction:column;display:flex}.topics-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800}.topics-page-title{color:var(--text);margin:0;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:.96}.topics-page-subtitle{max-width:720px;color:var(--text-sub);margin:12px 0 0;font-size:17px;line-height:1.55}.topics-back-btn{z-index:30;border-radius:var(--r-md);background:#fff;flex-shrink:0;width:48px;height:48px;min-height:48px;position:fixed;top:22px;left:22px;box-shadow:0 12px 26px #0d1f3a24}.topics-track-container{width:min(1180px,100% - 40px);padding:var(--sp-8) 0 var(--sp-12);margin:0 auto}.topics-tools{margin-bottom:var(--sp-8);gap:var(--sp-4);flex-direction:column;display:flex}.topics-search{align-items:center;gap:var(--sp-3);min-height:56px;padding:0 var(--sp-4);border-radius:var(--r-lg);color:var(--accent);background:#fff;border:1px solid #bdd8ec;grid-template-columns:auto minmax(0,1fr);display:grid;box-shadow:0 16px 36px #1f567c14}.topics-search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:15px;font-weight:650}.topics-search input::placeholder{color:#7890a3}.topic-filter{gap:var(--sp-2);flex-wrap:wrap;display:flex}.topic-filter-btn{align-items:center;gap:var(--sp-2);min-height:38px;padding:0 var(--sp-2) 0 var(--sp-4);border-radius:var(--r-md);color:#244c69;background:#fff;border:1px solid #cbddea;font-size:13px;font-weight:800;display:inline-flex}.topic-filter-btn:hover{color:var(--accent);border-color:#9cc4df}.topic-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.topic-filter-btn span{border-radius:var(--r-sm);min-width:26px;min-height:26px;color:var(--accent);background:#eef7ff;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.topic-filter-btn.active span{color:#fff;background:#ffffff2e}.topic-track{margin-bottom:var(--sp-8)}.topic-track-heading{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.topic-track-title{color:var(--text);margin:0;font-size:22px;font-weight:850}.topic-track-heading span{color:var(--text-muted);font-size:13px;font-weight:800}.topic-track-wrapper{position:relative}.topic-track-slider{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding-bottom:0;display:grid;overflow:visible}.sim-card{border-radius:var(--r-lg);background:var(--surface);height:100%;min-height:360px;color:inherit;text-align:left;border:1px solid #d7e2eb;flex-direction:column;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 1px 2px #0f172a0d}.sim-card:hover{border-color:#a9c9dd;box-shadow:0 12px 28px #1f567c1f}.sim-card-preview{aspect-ratio:16/7;height:auto;margin:var(--sp-2) var(--sp-2) 0;border-radius:var(--r-md);border:1px solid #dbe6ee;border-bottom:1px solid var(--border);background:radial-gradient(circle at 50% 36%,#ffffffb8,#0000 34%),linear-gradient(135deg,#0b77bd24,#f5822021),#f6fbff;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sim-card-preview-icon{color:var(--accent);place-items:center;width:100%;height:100%;display:grid}.sim-card-preview-icon svg{width:min(92px,42%);height:min(92px,72%);display:block;overflow:visible}.sim-card-body{padding:var(--sp-4) var(--sp-4) var(--sp-3);gap:var(--sp-2);flex-direction:column;flex:1;min-height:0;display:flex}.sim-card-topic{color:var(--accent-orange);letter-spacing:.07em;text-transform:uppercase;margin-bottom:0;font-size:11px;font-weight:900}.sim-card-title{color:var(--text);align-items:flex-start;min-height:44px;font-size:18px;font-weight:850;line-height:1.2;display:flex}.sim-card-desc{margin:0 0 var(--sp-2);color:var(--text-sub);-webkit-line-clamp:5;-webkit-box-orient:vertical;flex:1;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.sim-card-footer{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);min-height:32px;padding-top:var(--sp-1);display:flex}.sim-card-tags{gap:var(--sp-1);flex-wrap:wrap;min-width:0;display:flex}.sim-tag{border-radius:var(--r-sm);color:#4d6a80;background:#f7fbff;border:1px solid #d7e3ed;padding:5px 8px;font-size:11px;font-weight:800}.sim-method{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--r-sm);color:#9a4a05;max-width:92px;font-family:var(--font-mono);background:#fff3e4;flex-shrink:0;padding:5px 8px;font-size:10px;font-weight:800;overflow:hidden}.empty-results{padding:var(--sp-8);border:1px solid var(--border);border-radius:var(--r-lg);background:#fff}.empty-results strong{color:var(--text);font-size:18px}.empty-results p{margin:var(--sp-2) 0 0;color:var(--text-sub);font-size:14px}.content-page{width:min(900px,100%);padding:var(--sp-8) var(--sp-6) var(--sp-12);margin:0 auto}.content-page h1{margin:0 0 var(--sp-3);color:var(--text);font-size:38px;line-height:1.12}.content-page h2{margin:var(--sp-10) 0 var(--sp-3);color:var(--text);font-size:22px;font-weight:700}.content-page p{max-width:760px;color:var(--text-sub);font-size:16px;line-height:1.7}.math-panel,.feature-card,.theory-chalkboard-section,.chalkboard-equation-block,.eq-numbered{margin:var(--sp-4) 0;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-muted)}.feature-grid{gap:var(--sp-3);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.mobile-only-btn{display:none}@media (width<=900px){:root{--right-w:min(100vw, 420px)}body{overscroll-behavior:none}.app-header{height:auto;min-height:56px;padding:var(--sp-2) var(--sp-3)}.header-left{gap:var(--sp-2);width:100%;min-width:0}.header-logo{flex:none}.header-nav{-webkit-overflow-scrolling:touch;flex:1;min-width:0;padding-bottom:2px;overflow-x:auto}.nav-item{min-width:max-content;min-height:40px;padding:0 var(--sp-3)}.app-container{grid-template-rows:auto 1fr;grid-template-columns:1fr;width:100%;min-width:0}.hide-mobile,.mobile-hide{display:none!important}.mobile-only-btn{display:inline-flex}.left-sidebar{width:100%;height:auto;min-height:58px;padding:var(--sp-2);border-right:0;border-bottom:1px solid var(--border);align-items:center;gap:var(--sp-2);-webkit-overflow-scrolling:touch;flex-direction:row;position:static;overflow:auto hidden}.left-sidebar .icon-btn,.left-sidebar .tool-btn{width:44px;height:44px}.sidebar-sep{width:1px;height:24px;margin:0 var(--sp-1)}.tool-grid{gap:var(--sp-2)!important;flex-direction:row!important}.sidebar-actions{gap:var(--sp-2);flex-direction:row;margin-top:0;margin-left:auto}.inspector-panel{z-index:200;border:0;border-top:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100vw;height:min(64dvh,560px);display:none;position:fixed;bottom:0;right:0;box-shadow:0 -10px 40px #00000026}.panel-header{height:auto;min-height:54px}.panel-content{padding:var(--sp-4)}.inspector-panel.show{display:flex}.data-readout{top:var(--sp-3);width:min(340px,100vw - 32px);max-height:28dvh;padding:var(--sp-3);z-index:12;bottom:auto;left:50%;overflow:auto;transform:translate(-50%)!important}.sim-runner.mobile-panel-open .data-readout{display:none}.sim-side-panel{border-left:0;border-top:1px solid var(--border);width:100%;max-width:none;height:min(72dvh,620px);top:auto;bottom:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -14px 34px #0d1f3a2e}.sim-side-panel:before{content:"";border-radius:var(--r-pill);background:#c7d5e1;flex:none;width:44px;height:4px;margin:8px auto 0}.sim-runner.side-panel-open .sim-side-panel{transform:translateY(0)}.sim-card{min-height:328px}.topics-page-title{font-size:24px}.sim-title-block{flex:110px;max-width:none}.sim-runner-top-bar{min-width:0;height:auto;min-height:58px;padding:var(--sp-2);gap:var(--sp-2);flex-wrap:wrap;align-content:center}.sim-runner-top-bar>.icon-btn:first-child,.sim-runner-top-bar>.sim-toolbar-group{order:1}.sim-title-block{order:2}.sim-panel-actions{order:3;width:100%}.sim-meta{display:none}.sim-panel-actions{gap:var(--sp-2);border-left:0;margin-left:0;padding-left:0}.panel-action-btn{min-width:0;min-height:40px;padding:0 var(--sp-2);flex:1 1 0;font-size:12px}.panel-action-btn svg{width:16px;height:16px}.sim-runner .mobile-only-btn{display:inline-flex}.side-pane{padding:var(--sp-4) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));gap:var(--sp-4)}.side-pane .input-row{gap:var(--sp-2);grid-template-columns:minmax(0,1fr)}.side-pane .number-input{width:100%}.sim-side-tabs{height:52px}.sim-side-tab{font-size:12px}.mobile-bottom-toggle{right:calc(var(--sp-4) + env(safe-area-inset-right));bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));z-index:150;border-radius:var(--r-lg);background:var(--accent);color:#fff;width:48px;height:48px;box-shadow:var(--shadow);border:none;justify-content:center;align-items:center;display:inline-flex;position:fixed}.sim-mobile-dock{left:50%;bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));z-index:35;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #adc4d6cc;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #0d1f3a2e}.sim-mobile-dock .icon-btn{width:44px;height:44px}.sim-runner{-webkit-user-select:none;user-select:none}.slider-input{height:32px}.form-input,.number-input,.speed-select,select{font-size:16px!important}}@media (width<=560px){.sim-title{font-size:14px}.sim-toolbar-group{gap:var(--sp-1)}.sim-runner-top-bar .icon-btn{width:38px;height:38px}.panel-action-btn{font-size:0}.panel-action-btn svg{width:17px;height:17px}.sim-side-panel{height:76dvh}.sim-side-tab{font-size:0}.sim-side-tab svg{width:17px;height:17px}.data-readout{top:var(--sp-2);width:calc(100vw - 24px);font-size:10px}.topics-track-container{width:100%;padding:var(--sp-6) var(--sp-3) var(--sp-10)}.topics-page-header{align-items:flex-start;gap:var(--sp-3);padding-left:54px}.topics-back-btn{width:42px;height:42px;min-height:42px;top:14px;left:12px}.topics-page-subtitle{font-size:15px}.topic-filter{padding-bottom:var(--sp-1);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.topic-filter-btn{flex:none}.topic-track-heading{align-items:flex-start;gap:var(--sp-1);flex-direction:column}.topic-track-slider{grid-template-columns:1fr}.sim-card{min-height:0}}@media (width<=900px) and (orientation:landscape){.sim-runner-top-bar{min-height:44px;padding:var(--sp-1) var(--sp-2)}.sim-title-block{order:1}.sim-panel-actions{display:none}.sim-side-panel{border-left:1px solid var(--border);border-top:0;width:50vw;max-width:50vw;height:100dvh;top:0;bottom:auto;right:0;transform:translate(100%)}.sim-side-panel:before{display:none}.sim-runner.side-panel-open .sim-side-panel{transform:translate(0)}.sim-mobile-dock{bottom:calc(var(--sp-2) + env(safe-area-inset-bottom));padding:var(--sp-1)}.sim-mobile-dock .icon-btn{width:38px;height:38px}.data-readout{top:var(--sp-2);left:var(--sp-2);width:min(240px,100vw - 16px);max-height:40dvh;padding:var(--sp-2);font-size:9px;transform:none!important}}@supports (padding:env(safe-area-inset-top)){.home-nav{padding-top:env(safe-area-inset-top)}.sim-runner-top-bar{padding-top:max(var(--sp-2), env(safe-area-inset-top))}.sim-canvas-wrapper{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}