.control-panel{gap:18px;display:grid}.control-group,.radio-group{border:0;min-width:0;margin:0;padding:0}.control-group{gap:14px;display:grid}.control-group>legend,.radio-group>legend{width:100%;color:var(--ink-dim);font-family:var(--font-data);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.control{gap:7px;display:grid;position:relative}.control--coached{border-radius:var(--radius);outline:2px solid var(--energy);outline-offset:6px;animation:1.25s ease-in-out infinite coached-control}.control--applied{border-radius:var(--radius);outline:3px solid var(--electron);outline-offset:6px}@keyframes coached-control{50%{outline-color:var(--electron);box-shadow:0 0 18px color-mix(in srgb, var(--electron) 36%, transparent)}}.control__label{color:var(--ink);justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.control__label output{color:var(--electron);font-family:var(--font-data);font-size:12px}.numeric-control{color:var(--ink-dim);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.numeric-control input{border:1px solid var(--stroke);border-radius:var(--radius);width:115px;max-width:48%;min-height:30px;color:var(--ink);background:var(--bg-panel);font:inherit;padding:4px 6px}.control-reset-note{color:var(--ink-dim);font-size:11px}.plot-controls{flex-wrap:wrap;gap:8px 14px;font-size:12px;display:flex}.plot-controls label{align-items:center;gap:4px;display:flex}.plot-panel{margin-block-start:12px;margin-block-end:12px}.plot-panel>input{width:100%}.plot-measurement{font-size:12px;font-family:var(--font-data);display:block}.control input[type=range]{width:100%;accent-color:var(--electron)}.slider-stepper{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:7px;display:grid}.slider-stepper>button{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--bg-panel);width:44px;min-height:44px;color:var(--ink);cursor:pointer;padding:0;font-size:20px}.control button,.control select,.play-bar button,.play-bar select{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--bg-panel-raised);min-height:36px;color:var(--ink);font:inherit}.control button,.play-bar button{cursor:pointer;padding:7px 12px}.control select,.play-bar select{padding:6px 30px 6px 10px}.control button:hover,.play-bar button:hover{border-color:var(--electron)}.control button:disabled,.control select:disabled,.control input:disabled{cursor:not-allowed;opacity:.55}.control :focus-visible{outline:3px solid var(--energy);outline-offset:3px}.play-bar :focus-visible{outline:3px solid var(--energy);outline-offset:3px}.toggle{justify-self:start;align-items:center;gap:9px;display:flex}.toggle span{border-radius:var(--radius);background:var(--stroke);width:25px;height:13px;box-shadow:inset 0 0 0 1px var(--ink-dim)}.toggle[aria-checked=true] span{background:var(--electron)}.radio-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.radio-group label{position:relative}.radio-group input{opacity:0;position:absolute}.radio-group span{border:1px solid var(--stroke);border-radius:var(--radius);text-align:center;padding:8px;display:block}.radio-group input:checked+span{border-color:var(--electron);color:var(--electron);background:var(--bg-panel-raised)}.radio-group input:focus-visible+span{outline:3px solid var(--energy);outline-offset:3px}.coach-demo{color:var(--ink);font-family:var(--font-data);gap:5px;font-size:11px;display:grid;position:relative}.coach-demo--slider{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-top:2px}.coach-demo__track{border-top:2px solid color-mix(in srgb, var(--electron) 44%, transparent);grid-column:1/-1;height:14px;margin-inline-start:7px;margin-inline-end:7px;position:relative}.coach-demo__ghost,.coach-demo__tick{top:-7px;left:var(--coach-target);position:absolute;transform:translate(-50%)}.coach-demo__ghost{background:var(--energy);width:13px;height:13px;box-shadow:0 0 15px var(--energy);border-radius:50%;animation:2.8s ease-in-out infinite coach-travel}.coach-demo__tick{background:var(--electron);width:2px;height:15px}.coach-demo__direction{color:var(--energy);font-size:18px}.coach-demo__target,.coach-demo__tag{color:var(--electron);letter-spacing:.04em}.coach-demo__dismiss{justify-self:end;min-height:28px!important;padding:3px 8px!important;font-size:10px!important}.coach-demo--select,.coach-demo--radio,.coach-demo--toggle,.coach-demo--button{grid-template-columns:1fr auto;align-items:center}.control--demo>select,.control--demo>.toggle,.control--demo>button:not(.coach-demo__dismiss),.coach-option-target span{outline:2px solid var(--energy);outline-offset:2px;animation:1.2s ease-in-out infinite coach-option}@keyframes coach-travel{0%,12%{left:var(--coach-from);opacity:.3}55%,85%{left:var(--coach-target);opacity:1}to{left:var(--coach-from);opacity:.3}}@keyframes coach-option{50%{box-shadow:0 0 16px color-mix(in srgb, var(--energy) 55%, transparent)}}.unit-readout{border-left:2px solid var(--electron);background:var(--bg-panel-raised);gap:3px;padding:10px 12px;display:grid;position:relative}.hover-tooltip{z-index:50;visibility:hidden;border:1px solid var(--electron);border-radius:var(--radius);color:var(--ink);letter-spacing:0;opacity:0;pointer-events:none;text-align:left;background:#11162a;padding:9px 11px;font-size:12px;font-weight:400;line-height:1.4;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;bottom:calc(100% + 7px);left:0;right:0;transform:translateY(4px);box-shadow:0 9px 24px #00000073}.control:hover>.hover-tooltip,.control:focus-within>.hover-tooltip,.unit-readout:hover>.hover-tooltip{visibility:visible;opacity:1;transform:translateY(0)}.unit-readout:focus-visible>.hover-tooltip{visibility:visible;opacity:1;transform:translateY(0)}.unit-readout:focus-visible{outline:2px solid var(--energy);outline-offset:2px}.unit-readout__label{color:var(--ink-dim);font-size:11px}.unit-readout__value{color:var(--ink);font-family:var(--font-data);font-size:16px}.play-bar{border-top:1px solid var(--stroke);background:var(--bg-panel);align-items:center;gap:8px;padding:10px 14px;display:flex}.play-bar__primary{border-color:var(--electron)!important;color:var(--electron)!important}.play-bar label{color:var(--ink-dim);align-items:center;gap:8px;font-size:12px;display:flex}.play-bar label:first-of-type{margin-left:auto}.time-series{background:var(--bg-canvas);border:1px solid var(--stroke);border-radius:var(--radius);width:100%;display:block}.time-series text{fill:var(--ink-dim);font-family:var(--font-data);font-size:10px}.plot-grid{fill:none;stroke:var(--ink-dim);stroke-width:1px}.plot-grid--minor{stroke:var(--stroke)}.oscilloscope{border:1px solid var(--stroke);border-radius:var(--radius);width:100%;height:180px;display:block}@media (max-width:640px){.play-bar{flex-wrap:wrap}.play-bar label{width:100%;margin-left:0}.play-bar select{flex:1}}@media (prefers-reduced-motion:reduce){.control--coached,.coach-demo__ghost,.control--demo>select,.control--demo>.toggle,.control--demo>button,.coach-option-target span{animation:none}.hover-tooltip{transition:none}.coach-demo__ghost{left:var(--coach-target);opacity:1}}