html,body{background:#15181c;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15181c;--panel:#1e2228;--panel-2:#262b33;--border:#2f3540;--text:#e4e6ea;--text-dim:#9aa3b1;--accent:#5fa8e3;--danger:#d83a3a;--light:#f5f5f0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.45}button,input,select{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:5px 10px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}button:hover:not(:disabled):not(.active):not([aria-pressed=true]){background:#313845;border-color:#4a525f}button:disabled{opacity:.45;cursor:not-allowed}button svg{vertical-align:-2px;margin-right:4px;display:inline-block}button>svg:only-child{margin-right:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}input[type=range]:focus-visible{outline-offset:4px}input[type=number],input[type=text],select{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:3px 6px}input[type=range]{flex:1}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);background:linear-gradient(#1a1d23 0%,#15181c 100%);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.title{align-items:baseline;gap:12px;display:flex}.title-main{letter-spacing:.02em;font-size:18px;font-weight:600}.title-sub{color:var(--text-dim);font-size:12px}.layout{flex:1;min-height:0;display:flex}.sidebar,.pane{background:var(--panel);flex:none;min-width:0;padding:12px;overflow:hidden auto}.pane-right{border-left:1px solid var(--border)}.pane-resizer{cursor:col-resize;background:var(--border);touch-action:none;flex:0 0 6px;width:6px;transition:background .12s}.pane-resizer:hover,.pane-resizer:active{background:var(--accent)}.pane-resizer:focus-visible{background:var(--accent);outline:none}.canvas-wrap{flex:auto;min-width:0;min-height:0;position:relative}.transport{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;z-index:20;background:#14171ce0;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:6px 10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.transport-btn{background:var(--panel-2);width:32px;height:32px;color:var(--text);border-radius:50%;padding:0;font-size:13px;line-height:1}.transport-btn:hover:not(:disabled){background:#313845}.transport-play[aria-pressed=true]{background:var(--accent);color:#0c1117;border-color:var(--accent);box-shadow:0 1px 3px #5fa8e366}.transport-play[aria-pressed=true]:hover:not(:disabled){background:#7ab8e9;border-color:#7ab8e9}.transport-progress{background:var(--panel-2);border-radius:999px;width:120px;height:6px;overflow:hidden}.transport-progress-fill{background:var(--accent);height:100%;transition:width 80ms linear}.transport-counter{color:var(--text-dim);text-align:center;min-width:70px;font-size:12px}.transport-scrub{min-width:120px;accent-color:var(--accent);flex:1}.actions{align-items:center;gap:6px;display:flex}.actions button,.actions .action-link{white-space:nowrap}.action-link-github{width:32px;height:32px;color:var(--text);justify-content:center;align-items:center;padding:0;display:inline-flex}.action-link-github:hover{color:var(--accent)}.export-menu{display:inline-flex;position:relative}.export-menu-list{z-index:100;background:var(--panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;min-width:200px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000073}.export-menu-list button{text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 10px;font-size:12px}.export-menu-list button:hover:not(:disabled){background:var(--panel-2);border-color:var(--border)}.topbar-right{align-items:center;gap:12px;display:flex}.mode-switch{border:1px solid var(--border);background:var(--panel-2);border-radius:6px;display:inline-flex;overflow:hidden}.mode-button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:0;padding:5px 12px;font-size:12px;font-weight:500;transition:background .12s,color .12s}.mode-button:hover:not(:disabled):not(.active){color:var(--text);background:#2d333d}.mode-button.active{background:var(--accent);color:#0c1117;font-weight:600;box-shadow:inset 0 1px #00000026}.mode-button.active:hover:not(:disabled){background:#7ab8e9}.mode-button+.mode-button{border-left:1px solid var(--border)}.help-button{background:var(--panel-2);width:28px;height:28px;color:var(--text);border-radius:50%;padding:0;font-weight:700;line-height:1}.help-button:hover{background:var(--accent);color:#0c1117;border-color:var(--accent)}.term{color:inherit;font:inherit;cursor:help;text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);background:0 0;border:none;margin:0;padding:0;display:inline}.term:hover,.term:focus-visible{color:var(--accent)}.term-popover{z-index:50;background:var(--panel);border:1px solid var(--border);min-width:220px;max-width:320px;color:var(--text);pointer-events:none;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.4;position:fixed;box-shadow:0 6px 24px #0006}.term-cta{color:var(--text-dim);font-size:11px;font-style:normal}.overlay-backdrop{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.help-overlay{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:min(720px,100%);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.help-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px;display:flex}.help-tabs{gap:4px;display:flex}.help-tab{color:var(--text-dim);background:0 0;border:1px solid #0000;font-size:13px;font-weight:500}.help-tab.active{color:var(--text);background:var(--panel-2);border-color:var(--border)}.help-close{border-radius:50%;width:30px;height:30px;padding:0;font-size:18px;line-height:1}.help-body{padding:16px;font-size:13px;line-height:1.5;overflow-y:auto}.help-body h3,.help-body h4{color:var(--text);margin:0 0 6px}.help-section+.help-section{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.glossary-list{margin:0}.glossary-row{border-bottom:1px solid var(--border);grid-template-columns:140px 1fr;gap:12px;padding:8px 0;display:grid}.glossary-row dt{color:var(--accent);font-weight:600}.glossary-row dd{color:var(--text);margin:0}.first-visit-toast{background:var(--panel);border:1px solid var(--accent);z-index:150;border-radius:24px;align-items:center;gap:8px;padding:8px 12px 8px 16px;font-size:13px;animation:.24s ease-out toast-in;display:flex;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.first-visit-link{background:var(--accent);color:#0c1117;border-color:var(--accent);border-radius:50%;width:24px;height:24px;padding:0;font-weight:700}.first-visit-close{border:1px solid var(--border);width:22px;height:22px;color:var(--text-dim);background:0 0;border-radius:50%;padding:0;font-size:16px;line-height:1}.svg-plot-wrap{display:inline-block;position:relative}.svg-plot-download{opacity:0;padding:2px 6px;font-size:10px;transition:opacity .12s;position:absolute;top:6px;right:6px}.svg-plot-wrap:hover .svg-plot-download{opacity:1}.progress-bar{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;height:14px;margin:4px 0 6px;position:relative;overflow:hidden}.progress-bar-fill{background:var(--accent);transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.progress-bar-label{text-align:center;color:var(--text);font-variant-numeric:tabular-nums;mix-blend-mode:difference;font-size:10px;line-height:14px;display:block;position:relative}.action-link{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 10px;text-decoration:none;transition:background .12s,border-color .12s}.action-link:hover{background:#313845;border-color:#4a525f}.toast{background:var(--accent);color:#0c1117;z-index:100;border-radius:8px;padding:8px 14px;font-weight:500;animation:.22s ease-out toast-in;position:fixed;top:60px;right:16px}.toast-warn{background:#e7a44a}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.controls{flex-direction:column;gap:10px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-top:4px;margin-bottom:4px;font-size:11px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.shortcuts-details{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;margin-top:14px;padding:6px 8px;font-size:11px}.shortcuts-details summary{cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none}.shortcuts-table{border-collapse:collapse;width:100%;margin-top:6px}.shortcuts-table td{padding:2px 6px}.shortcuts-table td:first-child{color:var(--accent);white-space:nowrap;width:70px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.shortcuts-table td:last-child{color:var(--text-dim)}.panel-divider{background:var(--border);height:1px;margin:6px 0}.panel-divider-small{background:var(--border);opacity:.5;height:1px;margin:4px 0}.scene-list{flex-direction:column;gap:4px;display:flex}.scene-button{text-align:left;padding:7px 10px;position:relative}.scene-button.active{background:var(--accent);color:#0c1117;border-color:var(--accent);font-weight:600;box-shadow:inset 3px 0 #fff6,0 1px 2px #00000040}.scene-button.active:hover:not(:disabled){background:#7ab8e9;border-color:#7ab8e9}.chirality-toggle{gap:6px;display:flex}.chir-btn{flex:1}.chir-btn.active{background:var(--accent);color:#0c1117;border-color:var(--accent);font-weight:600;box-shadow:0 1px 2px #00000040}.chir-btn.active:hover:not(:disabled){background:#7ab8e9;border-color:#7ab8e9}.caption{color:var(--text-dim);margin:8px 0 0;font-size:12px;line-height:1.4}.slider-row{align-items:center;gap:8px;padding:3px 0;font-size:12px;display:flex}.slider-row>span:first-child{width:110px;color:var(--text-dim)}.slider-value{text-align:right;width:70px;color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.checkbox-row{color:var(--text-dim);align-items:center;gap:6px;padding:3px 0;font-size:12px;display:flex}.advanced-toggle{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:11px;display:flex}.hud{font-variant-numeric:tabular-nums}.hud-empty{color:var(--text-dim)}.metrics-panel{flex-direction:column;gap:8px;display:flex}.metrics-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.metrics-collapse,.metrics-tab{background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.2}.metrics-tab{border-right:none;border-radius:6px 0 0 6px;align-self:flex-start;height:36px;margin:12px 0;padding:0 8px}.hud-row{justify-content:space-between;gap:8px;padding:2px 0;font-size:12px;display:flex}.hud-label{color:var(--text-dim);min-width:0}.hud-value{color:var(--text);text-align:right;min-width:0;font-weight:500}.hud-prominent{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:4px 0;padding:6px 0;font-size:14px}.hud-prominent .hud-value{color:var(--accent);font-weight:600}.hud-stalled{color:#e7a44a;font-size:10px;font-weight:400}.hud-warn{color:#e7a44a;background:#e7a44a1f;border:1px solid #e7a44a;border-radius:4px;margin-top:6px;padding:6px 8px;font-size:11px}.hud-divider{background:var(--border);height:1px;margin:6px 0}.hud-section{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:2px 0;font-size:10px}.research{flex-direction:column;gap:16px;margin-top:14px;display:flex}.research-section{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:10px}.research-title{color:var(--text-dim);margin-bottom:8px;font-size:12px;font-weight:500}details.collapsible>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;list-style:none;display:flex}details.collapsible>summary::-webkit-details-marker{display:none}details.collapsible>summary:before{content:"▸";color:var(--text-dim);font-size:10px;transition:transform .12s;display:inline-block}details.collapsible[open]>summary:before{transform:rotate(90deg)}details.collapsible[open]>summary{margin-bottom:8px}.research-row{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:6px;font-size:12px;display:flex}.stats-line{color:var(--text-dim);font-variant-numeric:tabular-nums;margin:4px 0;font-size:11px}.plot{border-radius:4px;max-width:100%;height:auto;display:block}.svg-plot-wrap{max-width:100%}.curve-table{border-collapse:collapse;width:100%;margin-top:6px;font-size:11px}.curve-table th,.curve-table td{text-align:right;font-variant-numeric:tabular-nums;padding:2px 6px}.curve-table th{color:var(--text-dim);border-bottom:1px solid var(--border);font-weight:500}.error-line{border:1px solid var(--danger);color:#f88;background:#d83a3a1f;border-radius:4px;margin:6px 0;padding:6px 8px;font-size:11px}.error-boundary{color:#f88;border:1px solid var(--danger);background:#d83a3a14;border-radius:8px;margin:20px;padding:20px;font-family:monospace}.error-boundary pre{white-space:pre-wrap;font-size:12px}.references-details{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:8px}.references-details summary{cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none;font-size:12px}.references-table{border-collapse:collapse;width:100%;margin-top:6px;font-size:11px}.references-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);padding:2px 4px;font-weight:500}.references-table td{vertical-align:top;padding:3px 4px}.ref-swatch{vertical-align:middle;border-radius:2px;width:9px;height:9px;margin-right:6px;display:inline-block}.references-table a{color:var(--accent);text-decoration:none}.references-table a:hover{text-decoration:underline}@media (width<=1024px){.title-sub{display:none}.topbar{padding:8px 10px}.topbar-right{gap:8px}.sidebar,.pane-left{min-width:240px}.pane-right,.metrics-panel{min-width:220px}}@media (width<=720px){.layout{flex-direction:column}.sidebar,.pane{max-height:45vh;width:100%!important}.sidebar{border-bottom:1px solid var(--border)}.pane-right{border-left:none;border-top:1px solid var(--border);max-height:35vh}.canvas-wrap{min-height:40vh}.pane-resizer{display:none}.topbar{flex-direction:column;align-items:flex-start;gap:6px}.title-sub{display:none}.hud{font-size:11px}.metrics-tab{border:1px solid var(--border);border-radius:6px;align-self:center;width:100%;height:28px;margin:6px 0}.plot{height:auto;width:100%!important}}