#modes{border:1px solid var(--line);border-radius:7px;margin-right:6px;display:flex;overflow:hidden}#modes button{color:var(--muted);background:0 0;border:0;border-radius:0;padding:4px 10px}#modes button+button{border-left:1px solid var(--line)}#modes button.on{background:var(--selected);color:var(--accent)}body.mode-md .dmc-only,body.mode-dmc .md-only{display:none!important}header input[type=number]{width:68px;font:inherit;color:var(--text);background:var(--control);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 6px}body.md main{grid-template-columns:minmax(0,1fr) minmax(360px,34%);min-height:0;display:grid}#stage{background:radial-gradient(ellipse at 50% 40%, var(--panel), var(--bg) 70%);min-height:0;position:relative}#traj{position:absolute;inset:0}#traj canvas{display:block}#clock{color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none;font-size:13px;position:absolute;bottom:12px;left:14px}#md-loading{z-index:5;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}#md-loading[hidden]{display:none}#panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;gap:14px;padding:14px 16px;display:flex;overflow-y:auto}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tile{border:1px solid var(--line);border-radius:8px;flex-direction:column;min-width:0;padding:8px 10px;display:flex}.tile small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.tile b{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;overflow:hidden}.tile span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px}#panel figure{margin:0}#panel figcaption{color:var(--muted);margin-bottom:4px;font-size:12px}.note{color:var(--muted);margin:0;font-size:12.5px}.note b{color:var(--text);font-weight:600}.chart{flex-direction:column;gap:4px;display:flex}.chart-legend{color:var(--text);gap:14px;font-size:12px;display:flex}.chart-legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.chart-plot{height:180px;position:relative}.chart-plot canvas{cursor:crosshair;display:block}.chart-tip{pointer-events:none;background:var(--glass);border:1px solid var(--line-strong);white-space:nowrap;font-variant-numeric:tabular-nums;z-index:2;border-radius:6px;padding:6px 8px;font-size:12px;position:absolute}.chart-tip .tt-head{color:var(--muted);margin-bottom:2px}.chart-tip div{align-items:center;gap:6px;display:flex}.chart-tip i{border-radius:2px;width:8px;height:8px}.chart-tip b{margin-left:auto;padding-left:12px;font-weight:600}@media (width<=900px){body.md main{flex-direction:column;display:flex}#stage{flex:none;height:52vh;min-height:260px}#panel{border-left:0;border-top:1px solid var(--line);overflow:visible}header input[type=number]{width:58px}}@media (width<=520px){body.md header label:not(.file){gap:4px;font-size:12px}body.md header label:has(select){gap:0;font-size:0}header input[type=number]{width:54px;font-size:12px}#modes button{padding:3px 8px;font-size:12px}#panel{padding:12px 10px}.tiles{gap:6px}.tile{padding:6px 8px}.tile b{font-size:16px}}