.audio-card-catalog{box-sizing:border-box;max-width:1280px;color:var(--media-text);font-family:var(--workspace-sans,var(--media-sans));margin-inline:auto;padding:24px clamp(16px,2.4vw,24px) 32px}.audio-card-catalog button,.audio-card-catalog input,.audio-card-catalog textarea{font:inherit}.audio-card-catalog button,.audio-card-catalog summary{cursor:pointer;justify-content:center;align-items:center;gap:6px;min-height:44px;display:inline-flex}.audio-card-catalog button{color:var(--media-text);background:var(--media-surface);border:1px solid var(--media-border);border-radius:9px;padding:8px 12px;font-size:14px;line-height:1.35}.audio-card-catalog button:disabled{opacity:.55;cursor:default}.audio-card-catalog button:not(:disabled):hover,.audio-card-catalog button[aria-expanded=true],.audio-card-catalog button[aria-pressed=true]{border-color:var(--media-accent);color:var(--media-accent)}.audio-card-catalog button[aria-pressed=true],.audio-card-catalog button[aria-expanded=true]{background:color-mix(in srgb, var(--media-accent) 9%, var(--media-surface))}.audio-card-catalog :is(button,input,summary,textarea,a):focus-visible{outline:2px solid var(--media-accent);outline-offset:3px}.audio-card-catalog button.audio-primary{color:var(--workspace-accent-ink,var(--media-accent-ink));background:var(--media-accent);border-color:var(--media-accent)}.audio-card-catalog button.audio-primary:hover{color:var(--workspace-accent-ink,var(--media-accent-ink));background:color-mix(in srgb, var(--media-accent) 89%, var(--media-text))}.audio-card-catalog summary{color:var(--media-text)}.audio-card-catalog :is(summary,button) svg{flex:none}.audio-catalog-title,.audio-panel-head,.audio-tool-footer,.audio-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.audio-catalog-title h1,.audio-panel-head h2{margin:0;font-size:clamp(23px,4vw,28px);line-height:1.35}.audio-catalog-title span,.audio-tool-footer>span,.audio-pagination .inline-range{color:var(--media-muted);font-variant-numeric:tabular-nums;font-size:14px}.audio-catalog-tools{margin-block:12px 16px}.audio-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.audio-tool-panel{background:var(--media-surface);border:1px solid var(--media-border);border-radius:12px;margin-top:8px;padding:12px}.audio-tool-panel .audio-controls{margin-bottom:4px}.audio-filter-search,.audio-comment textarea{box-sizing:border-box;width:100%;min-height:44px;color:var(--media-text);background:var(--media-bg);border:1px solid var(--media-border);border-radius:8px;margin-top:8px;padding:8px 10px}.audio-filter-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:0 12px;max-height:min(240px,35dvh);margin-top:4px;display:grid;overflow:auto}.audio-filter-options label,.audio-option{overflow-wrap:anywhere;align-items:center;gap:8px;min-height:44px;padding-inline:4px;font-size:14px;display:flex}.audio-filter-options input,.audio-option input{width:18px;height:18px;accent-color:var(--media-accent);flex:none}.audio-text-search summary{padding-inline:6px}.audio-tool-footer{border-top:1px solid var(--media-border);margin-top:10px;padding-top:8px}.audio-page-size{padding-top:8px;font-size:14px}.audio-filter-chips{margin-block:0 12px}.audio-filter-chips button{overflow-wrap:anywhere;text-align:left;background:color-mix(in srgb, var(--media-accent) 7%, var(--media-surface));max-width:100%}.audio-card-catalog[data-density] .audio-cards{--card-width:330px;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--card-width)), 1fr));align-items:stretch;gap:16px;margin:0;padding:0;list-style:none;display:grid}.audio-card-catalog[data-density=compact] .audio-cards{--card-width:260px}.audio-card-catalog[data-density=expanded] .audio-cards{--card-width:420px}.audio-card{border:1px solid var(--media-border);background:var(--media-surface);border-radius:12px;min-width:0;scroll-margin-top:12px}.audio-card.is-playing{border-color:var(--media-accent)}.audio-card>article{box-sizing:border-box;flex-direction:column;gap:6px;min-width:0;height:100%;padding:16px;display:flex}.audio-card h2{overflow-wrap:anywhere;margin:0;font-size:18px;line-height:1.3}.audio-card-condition{color:var(--media-muted);overflow-wrap:anywhere;margin:0;font-size:14px}.audio-card-condition strong{color:var(--media-text)}.audio-card-text{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.audio-card-catalog[data-density=compact] .audio-card-text{display:none}.audio-card-catalog[data-density=expanded] .audio-card-text{-webkit-line-clamp:4}.audio-card-actions{justify-content:space-between;margin-top:auto;padding-top:6px}.audio-card-menu{position:relative}.audio-card-menu>summary{padding-inline:10px;font-size:14px}.audio-card-menu summary::-webkit-details-marker{display:none}.audio-menu-options{z-index:3;inset-inline-end:0;border:1px solid var(--media-border);background:var(--media-surface);border-radius:10px;width:max-content;min-width:170px;max-width:calc(100vw - 32px);padding:6px;display:grid;position:absolute;top:100%;box-shadow:0 8px 24px #0002}.audio-menu-options>button,.audio-compare-menu>summary,.audio-compare-menu>a,.audio-compare-menu>span{text-align:start;justify-content:flex-start;min-height:44px;padding:8px 10px;font-size:14px}.audio-menu-options>button{border-color:#0000;flex-wrap:wrap}.audio-menu-options small{color:var(--media-muted)}.audio-compare-menu>:is(a,span){align-items:center;padding-inline-start:20px;display:flex}.audio-compare-menu>a{color:var(--media-accent)}.audio-compare-menu>span{color:var(--media-muted)}.audio-card-pane{border:1px solid var(--media-border);background:var(--media-bg);border-radius:9px;min-width:0;padding:10px}.audio-card-pane:focus{outline:2px solid var(--media-accent);outline-offset:2px}.audio-panel-head button{background:0 0;border-color:#0000;min-width:44px;padding:6px}.audio-full-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;line-height:1.65}.audio-provenance summary,.audio-comment summary{color:var(--media-accent)}.audio-provenance dl{grid-template-columns:auto minmax(0,1fr);gap:8px;font-size:13px;display:grid}.audio-provenance dd{overflow-wrap:anywhere;margin:0}.audio-provenance pre{overflow-wrap:anywhere;white-space:pre-wrap;max-height:240px;font-size:12px;overflow:auto}.audio-provenance a{color:var(--media-accent)}.audio-comment textarea{resize:vertical;min-height:88px;display:block}.audio-card-catalog .inline-score{gap:4px;max-width:none;display:flex}.audio-card-catalog .inline-score button{flex:1;min-width:0;padding-inline:3px}.audio-rating-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;display:flex}.audio-rating-footer span{color:var(--media-muted);font-size:13px}.audio-timeline{color:var(--media-muted);gap:4px;font-size:14px;display:grid}.audio-timeline input{width:100%;min-height:44px;accent-color:var(--media-accent)}.audio-empty{text-align:center;padding-block:24px}.audio-pagination{margin-top:16px}.audio-pagination nav{align-items:center;gap:6px;display:flex}.audio-pagination button{padding-inline:8px}.audio-notice{color:var(--media-muted);margin-block:8px;font-size:14px}.audio-playing-strip{z-index:5;padding:8px 12px max(8px, env(safe-area-inset-bottom));border:1px solid var(--media-border);background:var(--media-surface);color:var(--media-text);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;margin-top:12px;font-size:14px;display:flex;position:sticky;bottom:0}.audio-records-dialog{box-sizing:border-box;border:1px solid var(--media-border);background:var(--media-surface);width:min(420px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--media-text);border-radius:12px;margin:16px 16px 16px auto;padding:16px;overflow:auto}.audio-records-dialog::backdrop{background:#0006}.audio-records-dialog p{color:var(--media-muted);overflow-wrap:anywhere}.audio-record-benchmark{min-height:44px;color:var(--media-accent);align-items:center;margin-top:8px;display:inline-flex}.audio-import-preview{border:1px solid var(--media-border);border-radius:8px;margin-top:8px;padding:10px}.grid-audio-hidden,.inline-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.inline-skip{z-index:100;color:var(--workspace-accent-ink,var(--media-accent-ink));background:var(--media-accent);padding:12px;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.inline-skip:focus{transform:translateY(0)}@media (max-width:520px){.audio-card-catalog{padding-top:16px}.audio-card>article{padding:14px}.audio-pagination{gap:4px 8px}.audio-pagination nav{gap:4px}.audio-pagination button{padding-inline:5px}.audio-records-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);margin:8px}}.audio-tool-panel[data-anchored=true]{z-index:62;inset:var(--audio-tool-top) auto var(--audio-tool-bottom) var(--audio-tool-left);width:var(--audio-tool-width);max-height:var(--audio-tool-height);overscroll-behavior:contain;margin:0;position:fixed;overflow-y:auto}.audio-tool-panel .audio-panel-head{margin-bottom:8px}.audio-pagination{justify-content:flex-start;gap:12px}.music-intro{gap:6px;max-width:68ch;padding:18px 0 4px;display:grid}.music-intro-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--media-muted);margin:0;font-size:11px}.music-intro h1{letter-spacing:-.035em;margin:0;font-size:clamp(22px,3.4vw,32px);font-weight:650;line-height:1.2}.music-intro-copy{color:var(--media-muted);margin:2px 0 0;font-size:13.5px;line-height:1.65}.music-intro-meta{color:var(--media-accent);margin:2px 0 0;font-size:12px;font-weight:700}.music-fixture-badge{background:var(--media-surface-raised);color:var(--media-accent);border:1px solid var(--media-border);border-radius:999px;align-self:center;padding:4px 9px;font-size:11px}.audio-empty-help{color:var(--media-muted);font-size:11.5px;line-height:1.8}.audio-empty-help code{background:var(--media-surface-raised);border-radius:4px;padding:1px 5px}@media (max-width:680px){.music-intro{padding-top:12px}.music-intro-copy{font-size:12.5px}}