.volume-panel{margin:0 0 24px;padding:20px;border:1px solid rgba(87,241,154,.3);border-radius:24px;background:rgba(8,18,14,.84);min-width:0}.volume-panel h2{margin:0;font-size:24px}.volume-panel h2 small{font-size:12px;color:#8ca095}.volume-panel p{color:#a5b7ad;line-height:1.5;font-size:12px}.volume-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.volume-panel button,.volume-panel select{padding:10px;border:1px solid #3b5547;border-radius:12px;background:#10241a;color:#edf4ef;font:inherit;cursor:pointer}.volume-panel button[aria-pressed=true]{background:#285d40}.volume-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:12px 0}.volume-controls label{display:grid;gap:5px;font-size:12px;color:#a5b7ad}.volume-controls a{font-size:12px;color:#57f19a}.volume-note{max-width:1000px}.volume-list{display:grid;gap:10px}.volume-card{border:1px solid #31463a;border-radius:16px;padding:14px;min-width:0}.volume-card b{color:#57f19a}.volume-windows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:12px;line-height:1.8}.volume-panel summary{cursor:pointer;margin-top:16px}.volume-panel button:focus-visible,.volume-panel select:focus-visible{outline:2px solid #ffc95c;outline-offset:2px}.cvd-trace{width:100%;height:64px;display:block;color:#57f19a}.cvd-caption{color:#a5b7ad;font-size:11px}.cvd-trace line{stroke:#4f6258;stroke-dasharray:3 3}.cvd-trace polyline{fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}@media(max-width:600px){.volume-panel{padding:12px}.volume-windows{grid-template-columns:1fr}.volume-head{align-items:flex-start}.volume-card{overflow-wrap:anywhere}.volume-controls{align-items:stretch}.volume-controls label{flex:1 1 130px}}