.sound .panel{gap:var(--space-3);display:grid}.sound .lede{max-width:var(--measure);color:var(--text-secondary);margin:0}.sound .controls{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.sound .controls label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:inline-flex}.sound .hint{max-width:none;font-size:var(--text-sm);color:var(--text-secondary);margin:0}.sound .notice{padding:var(--space-2) var(--space-3);border-left:3px solid var(--status-warning);background:var(--surface-1);max-width:none;margin:0}.sound .status.warning{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.sound .status.warning>span{color:var(--status-warning);font-weight:700}.sound .tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(10rem,40%),1fr));display:grid}.sound .charts{gap:var(--space-4);display:grid}@media (width>=64rem){.sound .charts,.sound .halves{grid-template-columns:1fr 1fr}}.sound .halves{gap:var(--space-5);align-items:start;display:grid}.sound .halves h3{margin:0 0 var(--space-2);font-size:var(--text-base)}.sound .halves section{gap:var(--space-2);display:grid}.sound textarea{width:100%;font-family:var(--font-mono);font-size:13px}.sound .meter{min-width:12rem}.sound .received{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.sound .received li{padding:var(--space-2) var(--space-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius)}.sound .received .text{margin:0 0 var(--space-1);white-space:pre-wrap;overflow-wrap:anywhere;max-width:none}.sound .mono{font-family:var(--font-mono);font-size:12px}.sound .scroll{overflow-x:auto}.sound table{border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.sound caption{text-align:left;padding-bottom:var(--space-1);font-weight:600}.sound th,.sound td{padding:2px var(--space-3) 2px 0;text-align:left;border-bottom:1px solid var(--gridline)}.sound details.options{font-size:var(--text-sm)}.sound details.options>summary{color:var(--text-secondary);cursor:pointer}.sound details.options>.controls{margin:var(--space-2) 0}.sound .received li.lost{border-color:var(--status-warning)}.sound .received summary{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.sound .status-line{margin:0}.sound .segmented{display:inline-flex}.sound .segmented>button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.sound .segmented>button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.sound .about{font-size:var(--text-sm);color:var(--text-secondary)}.sound .about>summary{cursor:pointer;width:fit-content}.sound .about p{max-width:var(--measure);margin:var(--space-2) 0 0}.sound .results{gap:var(--space-3);align-items:start;display:grid}.sound .panel figure{margin:0}.sound .placeholder{border:1px dashed var(--border);border-radius:var(--radius);max-width:none;min-height:8rem;font-size:var(--text-sm);color:var(--text-muted);place-items:center;margin:0;display:grid}@media (width>=64rem){.sound .results{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr)}.sound .results>.tiles{grid-template-columns:1fr 1fr}}.sound .results>.tiles{gap:var(--space-2);grid-template-columns:1fr 1fr}.sound .pops{gap:var(--space-2);margin-left:auto;display:flex;position:relative}.sound details.pop{font-size:var(--text-sm);position:static}.sound details.pop>summary{cursor:pointer;padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);white-space:nowrap;list-style:none}.sound details.pop>summary::-webkit-details-marker{display:none}.sound details.pop[open]>summary{color:var(--text-primary);border-color:var(--text-muted)}.sound .pop-body{z-index:20;gap:var(--space-2);width:min(34rem, calc(100vw - 2 * var(--gutter)));padding:var(--space-3);background:var(--page);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px var(--scrim);display:grid;position:absolute;top:calc(100% + 6px);right:0}.sound .pop-body select,.sound .pop-body input{max-width:100%}.sound .pop-body p{max-width:none;margin:0}