@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{color:#202326;font-synthesis:none;text-rendering:optimizelegibility;--ink:#202326;--muted:#666c6f;--faint:#8a8f91;--line:#d7d6d0;--line-strong:#c4c3bd;--paper:#f8f7f3;--canvas:#eeede8;--accent:#b7352e;--accent-dark:#8f2924;--topbar-height:58px;background:#eeede8;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,.app-shell{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input,select{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{grid-template-rows:var(--topbar-height) minmax(0, 1fr);background:var(--canvas);display:grid}.topbar{z-index:30;min-width:0;height:var(--topbar-height);border-bottom:1px solid var(--line-strong);background:#f8f7f3f7;grid-template-columns:190px auto minmax(390px,1fr) auto;align-items:stretch;display:grid;position:relative;box-shadow:0 1px 8px #2326270b}.brand{border-right:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:0 17px;display:flex}.brand-mark{border:1px solid #777c7e;flex:0 0 25px;width:25px;height:25px;display:block;position:relative;transform:rotate(-8deg)skewY(1deg)}.brand-mark:before,.brand-mark:after{content:"";background:#777c7e;position:absolute}.brand-mark:before{width:1px;height:100%;top:0;left:50%}.brand-mark:after{width:100%;height:1px;top:50%;left:0}.brand-mark i{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute}.brand-mark i:first-child{top:-3px;left:-3px}.brand-mark i:nth-child(2){bottom:-3px;right:-3px}.brand-mark i:nth-child(3){top:10px;left:10px}.brand-copy{flex-direction:column;min-width:0;line-height:1.05;display:flex}.brand-copy strong{letter-spacing:.01em;font-size:13px;font-weight:600}.brand-copy small{color:var(--muted);text-transform:uppercase;letter-spacing:.055em;margin-top:4px;font:10px/1 IBM Plex Mono,monospace}.structure-tabs,.module-tabs,.topbar-actions{align-items:stretch;min-width:0;display:flex}.structure-tabs{border-right:1px solid var(--line)}.tool-tab,.module-tab,.icon-tool,.representation-switch button{cursor:pointer;background:0 0;border:0;transition:color .16s,background .16s,opacity .16s;position:relative}.tool-tab{color:#555b5e;border-right:1px solid #d7d6d0b8;flex-direction:column;justify-content:center;min-width:65px;padding:0 13px;display:flex}.tool-tab:last-child{border-right:0;min-width:96px}.tool-tab span{letter-spacing:.025em;font:600 12px/1 IBM Plex Mono,monospace}.tool-tab small{color:#84898b;margin-top:4px;font-size:9px}.tool-tab:hover,.tool-tab[aria-pressed=true]{color:var(--ink);background:#edebe6}.tool-tab:disabled{cursor:default;opacity:.32}.tool-tab[aria-pressed=true]:after,.module-tab[aria-pressed=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.module-tabs{justify-content:center;overflow:hidden}.module-tab{color:#676d70;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 clamp(7px,1vw,14px);font-size:11px;display:flex}.module-tab svg{stroke-width:1.7px;width:15px;height:15px}.module-tab:hover,.module-tab[aria-pressed=true]{color:var(--ink);background:#e8e6e0ad}.module-tab:disabled{cursor:default;opacity:.3}.topbar-actions{border-left:1px solid var(--line);justify-content:flex-end}.representation-switch{border-right:1px solid var(--line);align-items:center;gap:2px;padding:0 7px;display:flex}.representation-switch button{min-height:32px;color:var(--muted);padding:0 8px;font-size:10px}.representation-switch button[aria-pressed=true]{color:#fff;background:#42474a}.icon-tool{color:#5d6366;border-right:1px solid var(--line);justify-content:center;align-items:center;gap:6px;min-width:51px;padding:0 10px;font-size:10px;display:flex}.icon-tool svg{stroke-width:1.7px;width:16px;height:16px}.icon-tool:hover,.icon-tool[aria-pressed=true]{color:var(--accent-dark);background:#eeece7}.icon-tool.icon-only{min-width:42px;padding:0}.icon-tool:last-child{border-right:0}.viewport{background:var(--canvas);min-width:0;min-height:0;position:relative;overflow:hidden}.scene-quick-controls{z-index:9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f8f7f3eb;border:1px solid #9b9d9b8c;gap:2px;padding:3px;display:flex;position:absolute;top:18px;right:18px;box-shadow:0 2px 8px #20232612}.scene-quick-controls button{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 10px;font:500 9px/1 IBM Plex Mono,monospace}.scene-quick-controls button[aria-pressed=true]{color:#fff;background:#42474a}.scene-quick-controls .formula-visibility-button{border-left:1px solid #9b9d9b6b;align-items:center;gap:5px;display:inline-flex}.formula-visibility-button svg{stroke-width:1.8px;width:13px;height:13px}.crystal-canvas{touch-action:none;inset:0;position:absolute!important}.canvas-fallback{text-align:center;color:var(--muted);place-content:center;gap:7px;display:grid;position:absolute;inset:0}.canvas-fallback strong{color:var(--ink);font-size:15px}.canvas-fallback span{font-size:12px}.context-panel,.formula-overlay,.help-overlay{z-index:10;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f8f7f3f2;position:absolute;box-shadow:0 8px 30px #2b2e2f13}.context-panel{border-radius:3px;width:286px;max-height:calc(100% - 36px);padding:20px 20px 15px;top:18px;right:18px;overflow:auto}.panel-kicker,.formula-kicker{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.075em;font:500 10px/1.2 IBM Plex Mono,monospace;display:block}.context-panel h1{letter-spacing:-.02em;margin:8px 0 7px;font-size:20px;font-weight:500;line-height:1.12}.context-panel>p{color:var(--muted);margin:0 0 19px;font-size:12px;line-height:1.5}.panel-control,.equation-readout,.coordination-readout,.stage-control,.packing-readout,.metric-strip{border-top:1px solid var(--line);padding:14px 0}.panel-control>span,.equation-readout>span,.packing-readout>span,.stage-heading span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:10px;display:block}.choice-row{grid-template-columns:1fr 1fr;gap:5px;display:grid}.choice-row button{border:1px solid var(--line);min-height:38px;color:var(--muted);cursor:pointer;background:0 0;font-size:10px}.choice-row button svg{vertical-align:-3px;width:14px;height:14px;margin-right:5px}.choice-row button[aria-pressed=true]{color:var(--ink);background:#eceae5;border-color:#777c7e}.equation-readout strong,.packing-readout strong{letter-spacing:-.03em;margin:2px 0 7px;font:500 21px/1.2 IBM Plex Mono,monospace;display:block}.equation-readout small,.packing-readout small,.coordination-readout small{color:var(--muted);font-size:10px;line-height:1.45;display:block}.coordination-readout{grid-template-columns:auto 1fr;align-items:end;column-gap:9px;display:grid}.coordination-readout strong{color:var(--accent-dark);font:500 38px/.9 IBM Plex Mono,monospace}.coordination-readout span{color:var(--muted);font-size:11px}.coordination-readout small{grid-column:1/-1;margin-top:9px}.stage-heading{justify-content:space-between;align-items:baseline;display:flex}.stage-heading b{color:var(--muted);font:400 10px/1 IBM Plex Mono,monospace}.stage-dots{gap:6px;margin-bottom:11px;display:flex}.stage-dots button{cursor:pointer;background:#cccbc5;border:0;width:100%;height:3px;padding:0}.stage-dots button[aria-pressed=true]{background:var(--accent)}.stage-arrows{grid-template-columns:34px 1fr 34px;align-items:center;gap:4px;display:grid}.stage-arrows button{border:1px solid var(--line);cursor:pointer;background:0 0;width:34px;height:34px;padding:0}.stage-arrows button:disabled{opacity:.28;cursor:default}.stage-arrows svg{width:16px;height:16px}.stage-arrows code{color:#44494b;text-align:center;font:400 10px/1.2 IBM Plex Mono,monospace}.panel-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:5px;padding-top:13px;display:grid}.panel-facts span{color:var(--faint);text-align:center;font-size:8px;line-height:1.3}.panel-facts b{color:#454a4c;font:500 12px/1.3 IBM Plex Mono,monospace;display:block}.compare-context .metric-strip{text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.metric-strip span{font:500 19px/1 IBM Plex Mono,monospace}.metric-strip small{color:var(--muted);grid-column:1/-1;margin-top:8px;font-size:9px}.formula-overlay,.help-overlay{border-radius:3px;width:276px;padding:18px 19px 17px;bottom:18px;left:18px}.formula-overlay strong,.help-overlay>strong{margin:8px 26px 12px 0;font-size:14px;font-weight:500;display:block}.formula-overlay code{color:#51575a;margin:5px 0;font:400 11px/1.4 IBM Plex Mono,monospace;display:block}.formula-overlay .formula-result{border-top:1px solid var(--line);color:var(--accent-dark);margin-top:11px;padding-top:10px;font-size:14px;font-weight:500}.formula-overlay small{color:var(--muted);margin-top:9px;font-size:10px;line-height:1.4;display:block}.overlay-close{width:31px;height:31px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.overlay-close svg{width:15px;height:15px}.help-overlay dl{margin:0}.help-overlay dl div{border-top:1px solid var(--line);grid-template-columns:80px 1fr;padding:7px 0;font-size:10px;display:grid}.help-overlay dt{color:var(--ink)}.help-overlay dd{color:var(--muted);margin:0}.scene-caption{z-index:4;pointer-events:none;flex-direction:column;display:flex;position:absolute;top:18px;left:18px}.scene-caption span{letter-spacing:.045em;font:600 11px/1 IBM Plex Mono,monospace}.scene-caption small{color:var(--muted);margin-top:5px;font-size:10px}.scene-label{color:#2d3133;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f8f7f3ed;border:1px solid #9b9d9b8c;border-radius:2px;padding:4px 7px;font:500 9px/1 IBM Plex Mono,monospace;display:block;box-shadow:0 2px 8px #20232614}.scene-label.muted{color:var(--muted);opacity:.7}.relation-equation{z-index:8;pointer-events:none;text-align:center;color:#303538;background:#f8f7f3f0;border:1px solid #8b8f8f85;min-width:310px;padding:13px 18px 14px;animation:.36s cubic-bezier(.22,.8,.3,1) both relation-equation-in;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #20232614}.relation-equation small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font:500 9px/1 IBM Plex Mono,monospace;display:block}.equation-derivation,.equation-result{white-space:nowrap;justify-content:center;align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;display:flex}.equation-derivation{color:#555c5f;font-size:14px}.equation-result{color:#9f302a;margin-top:9px;font-size:20px;font-weight:500}.relation-equation>.equation-result:first-of-type{margin-top:0}.relation-equation i{font-family:Georgia,serif;font-weight:600}.relation-equation sup{font-size:.62em;line-height:0;position:relative;top:-.35em}.math-fraction{vertical-align:middle;grid-template-rows:auto auto;align-items:center;min-width:42px;line-height:1.05;display:inline-grid}.math-fraction>span:first-child{border-bottom:1.5px solid;padding:0 5px 3px}.math-fraction>span:last-child{padding-top:3px}.math-radical{align-items:flex-start;line-height:1;display:inline-flex}.root-sign{font-size:1.15em;transform:translateY(1px)}.radicand{border-top:1.5px solid;min-width:.65em;padding:1px 1px 0}.comparison-equation{min-width:560px}.comparison-equation-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.comparison-equation-grid>div{border-left:1px solid var(--line);padding:0 18px}.comparison-equation-grid>div:first-child{border-left:0}.comparison-equation-grid b{color:var(--muted);font:600 10px/1 IBM Plex Mono,monospace;display:block}.comparison-equation-grid .equation-result{margin-top:8px;font-size:16px}@keyframes relation-equation-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=1180px){:root{--topbar-height:104px}.topbar{grid-template-rows:52px 52px;grid-template-columns:178px auto 1fr}.brand{grid-row:1;padding-left:14px}.structure-tabs{grid-row:1}.topbar-actions{grid-area:1/3}.module-tabs{border-top:1px solid var(--line);grid-area:2/1/auto/-1}.module-tab{flex:1}}@media (width<=760px){:root{--topbar-height:144px}.topbar{grid-template-rows:46px 48px 50px;grid-template-columns:1fr auto}.brand{border-right:0;grid-area:1/1}.brand-copy small{display:none}.topbar-actions{grid-area:1/2}.structure-tabs{border-top:1px solid var(--line);scrollbar-width:none;border-right:0;grid-area:2/1/auto/-1;overflow-x:auto}.structure-tabs::-webkit-scrollbar{display:none}.module-tabs::-webkit-scrollbar{display:none}.tool-tab{flex:1 0 67px;min-height:48px}.tool-tab:last-child{flex-basis:102px}.module-tabs{grid-area:3/1/auto/-1;justify-content:flex-start;overflow-x:auto}.module-tab{flex-direction:column;flex:1 0 76px;gap:2px;padding:3px 6px;font-size:9px}.module-tab svg{width:14px;height:14px}.representation-switch{padding:0 3px}.representation-switch button{min-height:34px;padding:0 7px;font-size:9px}.icon-tool{min-width:43px;padding:0 7px}.icon-tool span{display:none}.icon-tool.icon-only{min-width:40px}.topbar-actions .icon-tool:nth-of-type(3){display:none}.context-panel{border-radius:3px;width:auto;max-height:min(43%,290px);padding:14px 15px 12px;inset:auto 8px 8px}.context-panel h1{margin:5px 0;font-size:16px}.context-panel>p{margin-bottom:10px;font-size:10px}.panel-control,.equation-readout,.coordination-readout,.stage-control,.packing-readout,.metric-strip{padding:9px 0}.panel-facts{padding-top:8px}.choice-row button{min-height:42px}.stage-dots button{height:5px;min-height:5px}.stage-arrows button{width:42px;height:42px}.stage-arrows{grid-template-columns:42px 1fr 42px}.formula-overlay,.help-overlay{width:calc(100% - 16px);max-width:330px;bottom:8px;left:8px}.scene-caption{top:12px;left:12px}.scene-caption small{display:none}.scene-quick-controls{top:10px;right:8px}.scene-quick-controls button{min-height:34px;padding:0 9px}.relation-equation{min-width:0;max-width:calc(100% - 16px);padding:11px 12px 12px;bottom:10px}.equation-derivation{gap:4px;font-size:11px}.equation-result{margin-top:7px;font-size:17px}.comparison-equation{width:calc(100% - 16px)}.comparison-equation-grid>div{padding:0 6px}.comparison-equation-grid .equation-result{gap:3px;font-size:12px}}@media (width<=430px){.brand{padding-left:10px}.brand-mark{flex-basis:21px;width:21px;height:21px}.brand-copy strong{font-size:12px}.topbar-actions .icon-tool:nth-of-type(2){display:none}.context-panel{max-height:41%}.panel-facts{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}