.focus-page .lab-intro{grid-template-columns:1fr 250px;gap:40px}.focus-page .lab-intro h1{font-size:54px}.moment-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px;padding:20px 28px;border-bottom:1px solid var(--line);background:#f0f2e8}.moment-controls fieldset{border:0;padding:0;margin:0;min-width:0;flex:1}.moment-controls legend,.repeat-control{font-size:11px;color:var(--muted)}.moment-controls legend{margin-bottom:10px}.region-buttons{display:flex;gap:7px;flex-wrap:wrap}.region-buttons .button{min-height:44px;background:var(--sheet);font-size:12px}.region-buttons .button[aria-pressed=true]{background:var(--moss)}.repeat-control{display:flex;flex-direction:column;gap:10px;min-width:190px}.repeat-control select{font-size:14px;min-height:44px;background:var(--sheet)}.moment-controls>.lab-small{flex-basis:100%;margin:0}.focus-page .sound-card select{font-size:16px;min-height:46px}.focus-page .sound-actions{gap:10px;flex-wrap:wrap}.focus-page .sound-actions .button{min-width:110px;min-height:46px}.focus-page .sound-actions .text-button{font-size:11px;min-height:44px}.focus-page .download-link{min-height:44px}.focus-wave{position:relative;background:#e7eadf;border-radius:4px;overflow:hidden;height:84px;margin-top:7px}.focus-wave canvas{display:block;width:100%;height:100%}.focus-wave>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);padding:10px;text-align:center;pointer-events:none}.event-markers{position:absolute;inset:0;pointer-events:none}.event-marker{position:absolute;top:0;bottom:0;width:1px;background:#6e775380}.event-marker>span{position:absolute;top:4px;left:3px;font:9px var(--sans);border-radius:2px;background:#f8f6efed;padding:2px;color:var(--ink)}.event-marker.is-current{background:var(--orange);width:2px}.range-readout{font-size:11px;line-height:1.6;color:var(--moss-deep);font-variant-numeric:tabular-nums;padding:9px 0 3px}.event-list{display:flex;flex-wrap:wrap;gap:4px 13px;list-style:none;padding:0;margin:0 0 17px;max-height:95px;overflow:auto;min-height:35px}.event-list li{font-size:10px;line-height:1.7;color:var(--muted)}.event-list li.is-current{color:var(--orange);font-weight:600}.event-list time{font-variant-numeric:tabular-nums;color:var(--moss);margin-right:5px}.focus-page .level-controls label{min-height:44px}.focus-page .lab-volume input{min-height:44px}.focus-page .lab-transport>.button{min-height:44px}.focus-time{display:block;font-size:9px;font-variant-numeric:tabular-nums;color:var(--muted);min-height:12px;margin-top:6px}.focus-page .lab-feedback textarea{font-size:16px}.focus-page .lab-feedback .text-button{min-height:44px;white-space:normal;text-align:left}.focus-page .lab-details pre{margin-top:12px}.focus-page footer a,.focus-page .back-link{min-height:44px;display:inline-flex;align-items:center}.focus-page .comparison-note{font-size:10px;line-height:1.7}.focus-page .level-controls p{font-size:10px}.focus-page .focus-wave:has(.event-marker){isolation:isolate}
@media(max-width:950px){.focus-page .lab-intro{grid-template-columns:1fr 235px;gap:25px}.focus-page .lab-intro h1{font-size:47px}.moment-controls{padding:18px 23px}.repeat-control{min-width:180px}.region-buttons{gap:6px}.region-buttons .button{padding:9px 12px}}
@media(max-width:760px){.focus-page .lab-intro{grid-template-columns:1fr;gap:20px}.focus-page .lab-intro h1{font-size:49px}.moment-controls{padding:18px 20px}.repeat-control select{font-size:16px}.focus-page .sound-actions .button{flex-basis:100%}.focus-page .sound-actions .download-link{margin-right:auto}.focus-page .sound-card{padding:20px}.focus-page .lab-volume{grid-template-columns:auto 110px 32px}.focus-page .level-controls label{font-size:12px}.focus-page .lab-groups .group-choice{min-height:78px}.focus-page .lab-groups .group-title{font-size:12px}}
@media(max-width:520px){.focus-page .lab-intro h1{font-size:41px;letter-spacing:-1.5px}.moment-controls{padding:17px}.moment-controls fieldset{flex-basis:100%}.region-buttons{display:grid;grid-template-columns:1fr 1fr}.region-buttons .button{font-size:13px}.repeat-control{flex:1;display:grid;grid-template-columns:auto 1fr;align-items:center;font-size:12px}.focus-page .sound-card{padding:20px 17px}.focus-page .sound-actions .button{flex-basis:auto;min-width:120px}.focus-page .sound-actions{gap:9px}.focus-page .sound-actions .text-button{font-size:10px}.focus-wave{height:78px}.event-list{max-height:105px}.focus-page footer{flex-direction:column;align-items:flex-start;gap:0}.focus-page .back-link{font-size:10px}.focus-page .wordmark{font-size:8px;gap:10px}}
@media(prefers-reduced-motion:reduce){.focus-page *{scroll-behavior:auto;transition:none}}