.physics-motion{margin:1rem 0;padding:1rem;border:1px solid var(--line,#d8e0df);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#172b29)}
.physics-motion h3{margin:0 0 .5rem;font-size:1.05rem;line-height:1.4}
.physics-scene{display:block;width:100%;max-height:210px;overflow:visible}
.physics-scene text{font-size:13px;fill:currentColor}
.physics-guide,.physics-reference{stroke:currentColor;stroke-width:1.5;fill:none;opacity:.45}
.physics-reference{stroke-dasharray:4 4}.physics-spring{stroke:#16665e;stroke-width:3;fill:none}
.physics-body{fill:#16665e;stroke:#fff;stroke-width:2}.physics-plot-cursor{fill:#b34c23;stroke:#fff;stroke-width:2}
.physics-motion-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.physics-motion-controls[hidden]{display:none}
.physics-motion-controls button{min-height:44px}.physics-motion-controls label{display:grid;gap:.25rem;flex:1 1 220px;font-size:.875rem}
.physics-motion-controls input{width:100%;min-width:0;min-height:36px;accent-color:#16665e;cursor:pointer}
.physics-motion-readout{font-variant-numeric:tabular-nums;line-height:1.6;overflow-wrap:anywhere}
.physics-motion-note{font-size:.875rem;line-height:1.5;margin:.65rem 0}.physics-motion-plot svg{display:block;width:100%;height:auto}
.physics-energy{display:grid;gap:.5rem}.physics-energy>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(70px,2fr) 4.8rem;align-items:center;gap:.5rem;font-size:.875rem}
.physics-energy meter{width:100%;height:1.1rem}.physics-energy output{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:420px){.physics-motion{padding:.75rem}.physics-energy>div{grid-template-columns:1fr 1fr 4rem}.physics-motion-controls label{flex-basis:100%}}
@media print{.physics-motion-controls{display:none}.physics-motion{break-inside:avoid}}