.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}canvas{display:block}canvas[hidden],figure[hidden],[hidden]{display:none!important}#canvas{aspect-ratio:1;width:100%}input[type=number]{width:5.5em;font-family:var(--mono)}button:disabled:hover{border-color:var(--line)}#controls{gap:8px}#energy{min-width:40px}#energy-value{text-align:right;min-width:4.8em}details.panel{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}details.panel summary{gap:10px}#param-form{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px 16px;margin-top:10px;display:grid}.card-head{color:var(--text);align-items:center;margin-bottom:12px;font-size:12px;display:flex}#pendulum-card{position:relative}#pendulum-card>button.help{position:absolute;top:12px;right:12px}figure canvas{border-radius:4px;width:100%;height:auto}#traces canvas,#audio-traces canvas{width:100%;height:auto;margin-top:12px}#audio{margin-top:16px}#audio .row+.row{margin-top:12px}#audio label{align-items:center;gap:8px;display:flex}#audio .grow{flex:1;min-width:220px}#audio-hint{margin:14px 0 0}