.instrument-page main{max-width:var(--max-width);margin:auto}.motion-heading{padding:clamp(2rem, 4vw, 3.5rem) var(--page-pad) 1.8rem}.motion-heading h1{letter-spacing:-.055em;white-space:normal;max-width:1100px;margin:0;font-size:clamp(2.9rem,6.3vw,6rem);line-height:1}.motion-heading>p:last-child{color:#bcc9dc;max-width:850px;margin:1rem 0 0;font-size:clamp(1rem,1.5vw,1.2rem)}.motion-instrument{margin:0 var(--page-pad) 2rem;border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden}.motion-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.motion-label{color:var(--cyan);text-transform:uppercase;font:500 .7rem IBM Plex Mono,monospace}.motion-toolbar p{color:#cbd5e1;max-width:550px;margin:.35rem 0 0;font-size:.9rem}.motion-actions{flex-wrap:wrap;gap:.6rem;display:flex}.motion-actions button,.theremin-tone{font:inherit;cursor:pointer}.motion-actions button:disabled{opacity:.65;cursor:wait}.motion-workspace{grid-template-columns:1fr 1fr;display:grid}.motion-camera{aspect-ratio:4/3;background:radial-gradient(at 25% 40%,#12324a,#0000 75%),#060d19;align-self:start;position:relative;overflow:hidden}.motion-camera video,.motion-camera canvas{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.motion-camera video{transform:scaleX(-1)}.motion-camera-idle{text-align:center;background:radial-gradient(at 75% 80%,#24194188,#0000 70%);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.motion-camera-idle[hidden]{display:none}.motion-camera-idle i{color:var(--cyan);margin-bottom:1rem;font-size:3rem}.motion-camera-idle strong{font-size:clamp(1.2rem,2vw,1.8rem)}.motion-camera-idle p{color:#cbd5e1;max-width:330px}.motion-camera-idle small{color:#aebed3;font-size:.75rem}.motion-play-area{border-left:1px solid var(--line);min-width:0;padding:clamp(1rem,2.5vw,2rem)}.motion-readout{gap:.2rem;margin-bottom:1.25rem;display:grid}.motion-readout span{color:#b4c3d9;font:400 .7rem/1.5 IBM Plex Mono,monospace}.motion-readout output{color:var(--cyan);min-height:1.3em;font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.2}.piano-keyboard{user-select:none;touch-action:none;height:clamp(170px,18vw,230px);position:relative}.piano-key{touch-action:none;cursor:pointer;border:1px solid #1b2840;border-radius:0 0 6px 6px;flex-direction:column;justify-content:end;align-items:center;gap:.3rem;padding:.6rem .1rem;display:flex;position:absolute;top:0}.piano-key--white{color:#162036;background:#eef2f9;width:12.5%;height:100%;box-shadow:inset 0 -6px #b8c5da}.piano-key--black{z-index:2;color:#f8fafc;background:#131c2c;width:7.5%;height:60%;transform:translate(-50%);box-shadow:inset 0 -5px #070a13}.piano-key span{font-size:clamp(.6rem,1.1vw,.8rem);font-weight:700}.piano-key kbd{font:400 .65rem IBM Plex Mono,monospace}.piano-key[aria-pressed=true]{background:var(--cyan);color:#050914;box-shadow:inset 0 -3px #159bb0}.motion-instrument :focus-visible,.instrument-related a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.piano-key:focus-visible{z-index:3;outline-color:var(--violet);outline-offset:-4px}.motion-hint,.motion-footnote{color:#b8c8dc;font-size:.85rem;line-height:1.6}.motion-hint{margin:1rem 0 0}.motion-footnote{border-top:1px solid var(--line);margin:0;padding:1rem 1.25rem}.theremin-pad{cursor:crosshair;touch-action:none;background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#a78bfa22 calc(25% - 1px) 25%),linear-gradient(160deg,#26386a66,#2a185744);border:1px solid #6552a7;border-radius:12px;height:170px;position:relative}.theremin-pad-label{pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:1rem}.theremin-pad-label span{color:#d4cafa;font:400 .6rem IBM Plex Mono,monospace}.theremin-pad-label strong{font-size:1.4rem}.theremin-cursor{background:var(--cyan);pointer-events:none;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 24px #22d3ee99}.theremin-sliders{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.theremin-sliders label{color:#cbd5e1;font-size:.8rem}.theremin-sliders input{width:100%;min-height:36px;accent-color:var(--cyan);display:block}.theremin-tone{width:100%;margin-top:0}.theremin-tone[aria-pressed=true]{background:#6d28d9}.instrument-related{background:var(--line);margin:2rem var(--page-pad) 3rem;border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.instrument-related a{color:var(--stage-text);background:var(--panel);flex-direction:column;gap:.5rem;padding:1.4rem;text-decoration:none;display:flex}.instrument-related a:hover{background:var(--panel-strong)}.instrument-related strong{color:var(--cyan)}.instrument-related span{color:#b8c8dc;font-size:.85rem}.instrument-comparison{border-collapse:collapse;width:100%;font-size:.95rem}.instrument-comparison th,.instrument-comparison td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.9rem}.instrument-comparison th{color:var(--cyan)}.instrument-comparison-wrap{overflow-x:auto}.chord-embed .experience-header h2{margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.1}.instrument-page .site-header nav a{display:inline-flex!important}@media (width<=850px){.motion-workspace{grid-template-columns:1fr}.motion-camera{aspect-ratio:4/3;width:100%;max-height:390px}.motion-play-area{border-left:0;border-top:1px solid var(--line)}.motion-instrument[data-camera-state=idle] .motion-play-area,.motion-instrument[data-camera-state=error] .motion-play-area{border-top:0;border-bottom:1px solid var(--line);order:-1}.instrument-related{grid-template-columns:1fr 1fr}.instrument-page .site-header{flex-wrap:wrap;gap:1rem}.instrument-page .site-header nav{flex-wrap:wrap}}@media (width<=480px){.motion-heading h1{font-size:2.8rem}.motion-actions{width:100%}.motion-actions button{flex:1;padding:.65rem;font-size:.8rem}.motion-camera-idle{padding:1rem}.motion-camera-idle i{margin-bottom:.5rem;font-size:2rem}.motion-camera-idle p{margin:.6rem 0;font-size:.85rem}.instrument-related{grid-template-columns:1fr}}