.sound-viewport{padding:1.1rem 1.2rem max(1.1rem, env(safe-area-inset-bottom));overflow-y:auto}.sounds-page .selection-readout h2,.sounds-page .selection-readout p{overflow-wrap:anywhere}.sound-specifications{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem .75rem;margin:.85rem 0 0;display:grid}.sound-specifications dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.6rem;font-weight:650}.sound-specifications dd{color:#eaf3fb;font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:.86rem}.sound-list{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.sound-row{background:var(--panel);border:1px solid #0000;border-radius:.45rem;grid-template-columns:5.5rem minmax(0,1fr) 5rem 5rem;align-items:center;gap:.75rem;padding:.35rem .6rem;display:grid}.sound-row:hover{border-color:var(--line);background:var(--panel-raised)}.sound-row[data-state=playing]{border-color:var(--accent-strong);background:#12344a}.sound-play{min-height:2.1rem;font-size:.78rem}.sound-id{color:#e6f1fb;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;overflow:hidden}.sound-meta{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.76rem}.sound-empty{border:1px dashed var(--line);color:var(--muted);border-radius:.45rem;padding:.9rem;font-size:.84rem}@media (max-width:800px){.sound-row{grid-template-columns:4.75rem minmax(0,1fr) 4.5rem;gap:.5rem}.sound-row .sound-meta:last-child{display:none}}