.cadence-tool { border-color: rgba(181,255,92,.55); }
.cadence-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .8rem; align-items: end; margin: 1rem 0; }
.cadence-controls label { grid-column: 1 / -1; color: var(--text); font-weight: 700; }
.cadence-controls label span { color: var(--muted); font-weight: 400; }
.cadence-controls input { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: .75rem; background: var(--panel-strong); color: var(--text); padding: .8rem; font: inherit; }
.cadence-controls button { border: 0; border-radius: .75rem; background: var(--lime); color: #07120b; padding: .85rem 1rem; font: inherit; font-weight: 800; cursor: pointer; }
.result { padding: 1rem; border-left: 4px solid var(--lime); background: rgba(181,255,92,.08); border-radius: .2rem .75rem .75rem .2rem; }
.panel ol { padding-left: 1.3rem; }
.panel li { margin: .55rem 0; }
@media (max-width: 580px) { .cadence-controls { grid-template-columns: 1fr; } .cadence-controls button { width: 100%; } }