/* SFXHOUSE — blood orange, polished glass, quiet listening surfaces. */
:root{--bg:#090807;--panel:#16110f;--line:#ffffff19;--text:#fff8f1;--muted:#b2a49b;--quiet:#8f827a;--accent:#ff8b57}
body{isolation:isolate;background:#090807}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 65vw 42vw at 84% -14%,#fd671c 0%,#bd2a0e6b 32%,transparent 70%),radial-gradient(ellipse 37vw 64vh at -14% 61%,#d938136b,transparent 75%),radial-gradient(ellipse 35vw 50vh at 109% 93%,#b9230c6b,transparent 76%),#090807}
::selection{background:#ff7d49;color:#180b06}
.topbar{position:relative;z-index:3;border-bottom:1px solid #ffffff0d}
.wordmark{align-items:center;line-height:1;letter-spacing:0;max-width:44%}
.wordmark img{width:clamp(186px,21vw,280px);height:auto;display:block}
.edition-label,.hero-spec,.small-label,.result-count,.list-heading,.card-count{color:#bcaaa0}
.edition-dot{background:#ff7747;box-shadow:0 0 13px #ff481a99}
.edition-slash,.rail-divider,.player-divider{background:transparent;color:#7f5846}
.rail-divider,.player-divider{background:#ffffff1c}
.header-download,.search-wrap,.role-filters button,.rail,.player,.about-dialog{border-color:#ffffff26;box-shadow:inset 0 1px 0 #ffffff1f,0 16px 48px #0003;background:linear-gradient(145deg,#ffffff0e,#ffffff02 46%,#ff652706),#171211b8;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}
.rail{border-radius:23px;padding:10px 8px}
.rail-mark img{width:34px;height:auto}
.header-download{border-radius:999px;min-height:44px;font-weight:500;transition:background .2s,border-color .2s}
.header-download:hover{background:#ff773921;border-color:#ffaf8666}
.hero{position:relative;isolation:isolate;min-height:300px;padding-top:45px;padding-bottom:58px}
.hero-main,.hero-aside{position:relative;z-index:1}
.hero-brand-glass{position:absolute;width:320px;height:250px;object-fit:contain;right:225px;top:5px;opacity:.87;z-index:0;pointer-events:none;filter:drop-shadow(0 16px 38px #e9410c22)}
.hero h1{font-weight:500;letter-spacing:-.062em;text-shadow:0 4px 28px #090807}
.hero h1>span{color:#bc9c8f}
.hero-aside{width:285px;max-width:30%;text-shadow:0 2px 10px #000}
.hero-aside>p,.sound-description,.library-description,.collection-caption p,.collection-caption>span{color:#b6a49a}
.hero-spec b{color:#f9d0b8}.hero-spec i{background:#946451}
.eyebrow,.tiny-cross,.library-eyebrow{color:#cc9c85}
.text-link:hover,.icon-button:hover{color:#ffae86}
.collection-artwork{border-radius:18px;border:1px solid #ffe1cc38;background:#150c08;box-shadow:inset 0 1px 0 #ffffff30,0 15px 34px #0004}
.collection-artwork:before{content:"";position:absolute;inset:-5%;z-index:1;pointer-events:none;background:linear-gradient(135deg,#ffd8b629 0%,transparent 17%,transparent 55%,#ff450e1f 75%,#ff965b4a 100%);mix-blend-mode:screen}
.collection-artwork:after{background:linear-gradient(180deg,#2d0b030e,transparent 38%,#13060120 64%,#070303e8);box-shadow:inset 0 1px 1px #fff9e859,inset 1px 0 0 #fff6df1a,inset 0 -1px 1px #ff99663d}
.collection-artwork img{filter:saturate(.7);transition:transform .7s,filter .7s}
.collection-card:hover .collection-artwork{box-shadow:0 18px 48px #0008,0 0 22px #ff63240f}
.collection-card:hover .collection-artwork img{filter:saturate(.95);transform:scale(1.035)}
.collection-preview{background:linear-gradient(135deg,#fff8e526,#fff8e506),#20100b66!important;border-color:#fff1dc57!important;box-shadow:inset 0 1px 1px #fff8dc52,0 4px 12px #0003;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}
.collection-preview:hover{background:#fff0e5!important;color:#2c0e03!important}
.card-title{color:#fff8f1}.card-number{color:#ffeaddc9}.card-count{color:#ffe2ceab}
.collection-caption h3{color:#f3ddd1}.collection-footnote{color:#a99286}.collection-footnote>span:last-child>span{color:#e7ab8d}
.nav-button,.icon-button{color:#bba89c;border-radius:11px}.nav-button:hover,.icon-button:hover{background:#ffffff0c}
.nav-button.active,.nav-button.is-active,.nav-button[aria-pressed=true]{background:linear-gradient(145deg,#fff2e4,#d7b29a);color:#25110b;box-shadow:inset 0 1px 0 #fff,0 2px 10px #0003}
.nav-label{background:#f3dcc9;color:#271108;border-radius:7px}.saved-badge{background:#ff8b57;color:#29140a;border-color:#211610}
.search-wrap{border-radius:13px;box-shadow:inset 0 1px 1px #ffffff0e;background-color:#15100ed9}
.search-wrap:focus-within{border-color:#ff8d585e;background:#21120ed9}
.search-wrap input{color:#fff3e9}.search-wrap input::placeholder{color:#ac9b90}.search-wrap svg,.search-wrap kbd{color:#af9c91}.search-wrap kbd{border-color:#ffffff24}
.role-filters button{border-radius:999px;color:#c8b5a9;background:#19120f8c;box-shadow:inset 0 1px 0 #ffffff08}
.role-filters button:hover{color:#ffe6d5;border-color:#ff986966}
.role-filters button.active,.role-filters button[aria-pressed=true]{background:#f5dccb;border-color:#f5dccb;color:#2a150a}
.filter-bar{border-color:#ffffff1a}.sound-row{border-color:#ffffff10;border-radius:9px}.sound-row:hover{background:#ffffff05}
.sound-row.is-current{background:#ff5d2210}.sound-row.is-playing,.sound-row.playing,.sound-row.active{background:linear-gradient(90deg,#ff602419,#ff602404)}
.sound-row.is-playing:before,.sound-row.playing:before{background:#ff8853;box-shadow:0 0 10px #ff5b25}
.sound-play{color:#eed7c9;border-color:#ffffff21;background:#ffffff04;border-radius:50%}
.sound-play:hover,.sound-row.is-playing .sound-play{background:#ffe7d4;color:#291207;border-color:#ffe7d4}
.sound-name{color:#f6e5d9}.sound-index{color:#a18b7d}.sound-duration{color:#c6afa0}.sound-role{color:#c1a898;background:#25181266;border-color:#ffffff19}
.wave-base{fill:#6f625a}.wave-fill{fill:#ffa36d}.sound-waveform:hover .wave-base{fill:#b18b73}
.sound-favourite.is-saved,.player-favourite.is-saved{color:#ff9563}.sound-favourite.is-saved svg,.player-favourite.is-saved svg{fill:#ff95632e}
.player{background:linear-gradient(120deg,#ffffff0d,#ffffff01 46%,#ff74240b),#17100dc9;border-color:#fff0df38;border-radius:24px;box-shadow:inset 0 1px 1px #fff5e64d,inset 0 -1px 1px #ffaa5821,0 20px 70px #0009;-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%)}
.player-art-wrap{border-radius:12px;background:#25130c url('/brand/pulse.svg') no-repeat center;background-size:65%}
.player-track-text strong{color:#fff0e5}.player-kicker,.player-track-text>span:last-child{color:#c4a28c}.player-progress>span{color:#d2b09a}
.player-play{color:#2c1005;background:linear-gradient(140deg,#fff1d9,#ffac73);box-shadow:inset 0 1px 1px #fff,0 3px 12px #ff682326}
.player-play:hover:enabled{background:#ffe0c2}.empty-wave-line,.player-empty-wave{background:#644534}
.volume{accent-color:#ffc393}.volume::-webkit-slider-runnable-track{background:#775641}.volume::-webkit-slider-thumb{background:#ffd7b4}.volume::-moz-range-track{background:#775641}.volume::-moz-range-thumb{background:#ffd7b4}
.library-footer{color:#a99285}.library-footer strong{color:#c8b0a1}.footer-edition{color:#c6a590;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.footer-edition>br{display:none}.footer-edition>span:last-child{color:#ad9788}.footer-pulse{margin-bottom:7px}
.about-dialog{background-color:#190f0cec;border-radius:25px}.about-dialog::backdrop{background:#090402c9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.about-dialog>.eyebrow{color:#c89478;gap:18px}.about-dialog>p,.about-dialog>.about-small{color:#c3a796}.about-specs{border-color:#ffffff21}.about-specs b{color:#ffe6d3}.about-specs span{color:#ba9580}
.button-primary{border-radius:999px;background:#f6d2b8;color:#321609}.button-primary:hover{background:#ffe5ce}.toast{background:#fce2cb;border-color:#fff1df;color:#33180b;border-radius:999px}
.back-button,.loading-state,.empty-state p{color:#bca18f}.empty-symbol{color:#cf8c65}.empty-state h3{color:#f1d4c0}.loading-spinner{border-color:#ffffff24;border-top-color:#ff9863}
@media(min-width:1700px){.hero-brand-glass{right:320px;width:390px;height:290px}}
@media(max-width:1220px){.hero-brand-glass{right:195px;width:245px;top:20px;opacity:.65}.hero-aside{width:240px}.wordmark img{width:230px}}
@media(max-width:1000px){.hero-brand-glass{right:160px;width:210px;top:7px;opacity:.6}.hero-aside{width:220px}.collection-grid{scrollbar-color:#81523d transparent}.wordmark img{width:210px}}
@media(max-width:760px){body:before{background:radial-gradient(ellipse 120vw 70vh at 110% -5%,#dc3b1966,transparent 66%),radial-gradient(ellipse 90vw 70vh at -32% 85%,#82240d44,transparent 70%),#090807}.topbar{background:#120b09ca;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:0}.wordmark{max-width:55%}.wordmark img{width:190px;max-width:100%}.header-download{padding:0 12px;gap:9px}.rail{background:#120b09da;border-bottom:1px solid #ffffff17;border-radius:0;box-shadow:none;padding:0 20px 10px}.nav-label,.nav-button:hover .nav-label{background:none}.hero{min-height:0;padding-top:37px;padding-bottom:32px}.hero-brand-glass{width:160px;height:130px;right:-15px;top:29px;opacity:.37}.hero h1{position:relative;font-size:clamp(54px,10vw,72px)}.hero-aside{width:auto;max-width:none}.hero-aside>p{max-width:225px}.hero-spec{display:none}.collection-artwork{border-radius:20px}.player{border-radius:22px;background-color:#1a100ddb;padding:10px 12px}.player-art-wrap{border-radius:11px}.player-kicker{color:#c39a82}.nav-button.active .saved-badge{background:#ad6b40;color:#fff3de}.footer-edition{font-size:7px}}
@media(max-width:380px){.wordmark img{width:165px}.header-download{padding:0 10px}.hero-brand-glass{right:-5px;width:125px;opacity:.3}.rail{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-transparency:reduce){.rail,.player,.topbar,.about-dialog{background:#1c110d;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.collection-artwork,.collection-artwork img{transition:none}.hero-brand-glass{filter:none}}
/* Final optical balance and mobile label contrast. */
body:before{background:radial-gradient(ellipse 68vw 46vw at 95% -8%,#ff7a22 0%,#dc39166b 32%,transparent 70%),radial-gradient(ellipse 37vw 64vh at -14% 61%,#d938136b,transparent 75%),radial-gradient(ellipse 35vw 50vh at 109% 93%,#b9230c6b,transparent 76%),#090807}
@media(max-width:760px){body:before{background:radial-gradient(ellipse 105vw 52vh at 117% 3%,#fc60178c,#a928124a 42%,transparent 76%),radial-gradient(ellipse 90vw 70vh at -32% 85%,#82240d44,transparent 70%),#090807}.nav-label,.nav-button:hover .nav-label{color:inherit}.hero-brand-glass{opacity:.8}}
@media(min-width:1221px) and (max-width:1699px){.hero-brand-glass{right:300px}}
@media(max-width:760px){.hero-brand-glass{width:100px;height:78px;right:0;top:-3px;opacity:.9}}
/* Quiet the secondary information; keep the main voice and useful controls. */
.edition-label,.collection-caption,.card-number,.collection-footnote,.small-label,.hero .eyebrow,.library-eyebrow,.library-description,.sound-description,.sound-index{display:none}
.collections-section{margin-bottom:58px}
.hero h1{margin-top:0}
.hero{padding-top:52px;padding-bottom:50px}
.collection-artwork img{filter:none}
.collection-card:hover .collection-artwork img{filter:none}
.collection-artwork:before{opacity:.5}
.collection-artwork{border-color:#fff2de2b}
.collection-artwork:after{box-shadow:inset 0 1px 0 #fff9e830,inset 1px 0 0 #fff6df0e,inset 0 -1px 1px #ff99661f}
.sound-row{min-height:72px}
.footer-edition>span:last-child{display:none}
@media(min-width:1001px){.sound-row,.list-heading{grid-template-columns:44px minmax(170px,1fr) minmax(140px,26%) 85px 48px 44px 44px}.heading-name{grid-column:2}.heading-wave{grid-column:3}.heading-type{grid-column:4}.heading-length{grid-column:5}}
@media(max-width:760px){.hero{padding-top:46px;padding-bottom:32px}.hero-brand-glass{top:-10px}.collections-section{margin-bottom:42px}.sound-row{min-height:87px}.hero-aside>p{font-size:12px}.library-topline h2{font-size:25px}}
/* Familiar actions use icons; names and sound types stay explicit. */
#hero-download,.browse-all,.back-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #fff3e52b;border-radius:50%;background:linear-gradient(140deg,#fff2da12,#ff712508);box-shadow:inset 0 1px 0 #fff9e61a}
#hero-download:hover,.browse-all:hover,.back-button:hover{background:#ff9a5926;border-color:#ffb68a66}
#hero-download>svg{width:19px;height:19px}
.hero-aside #hero-download{margin-top:18px}
.back-button{margin-bottom:18px;font-size:22px}
@media(max-width:760px){.nav-label,.nav-button:hover .nav-label{display:none}.rail nav{gap:12px}.nav-button{width:44px;padding:0}.nav-button>svg{width:19px;height:19px}.saved-badge{position:absolute;top:2px;right:-3px}.hero-aside .text-link{min-width:44px;width:44px;justify-content:center;margin-top:0}.hero-aside .text-link>span{font-size:20px}.hero-spec{display:flex;margin-top:0;position:absolute;top:-34px;right:0;font-size:8px}.hero-spec i,.hero-spec>span:last-child{display:none}.hero-aside{padding-top:34px}}
/* One balanced primary logo lockup. */
.wordmark{align-items:center;gap:12px;max-width:none}
.wordmark .header-wordmark{width:280px;height:auto}
.wordmark .header-pulse{width:39px;height:auto}
@media(max-width:1220px){.wordmark .header-wordmark{width:230px}.wordmark .header-pulse{width:32px}.wordmark{gap:10px}}
@media(max-width:760px){.wordmark .header-wordmark{width:190px;max-width:none}.wordmark .header-pulse{width:27px;max-width:none}.wordmark{gap:9px}}
@media(max-width:380px){.wordmark .header-wordmark{width:170px}.wordmark .header-pulse{width:24px}.wordmark{gap:8px}}
/* Bound the refractive layer so WebKit keeps it inside the floating rail. */
.rail{isolation:isolate;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.rail:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;clip-path:inset(0 round 23px);background:linear-gradient(145deg,#ffffff0e,#ffffff02 46%,#ff652706),#171211b8;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);pointer-events:none}
@media(max-width:760px){.rail:before{border-radius:0;clip-path:inset(0);background:#120b09d9}}
.collection-preview svg{width:24px!important;height:24px!important}
.sound-play svg{width:24px;height:24px}
.player-play svg{width:26px;height:26px}
/* MEGA library: compact controls and bounded result pages. */
.mobile-menu{display:none}
.filter-bar{gap:20px;align-items:center}.filter-selects{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.filter-selects select{font:inherit;font-size:12px;color:#ead6c7;background:#201610;border:1px solid #ffffff25;border-radius:11px;padding:0 34px 0 13px;min-height:44px;max-width:220px;cursor:pointer;outline-offset:4px}
.filter-selects select:focus-visible{outline:2px solid #ff9866}.filter-selects select:disabled{opacity:.5}
.pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:24px}.pagination .icon-button{width:44px;height:44px;border:1px solid #ffffff26;border-radius:50%;font-size:22px}.pagination span{font-size:12px;color:#c7afa0;min-width:55px;text-align:center}
.quiet-button{display:block;margin:22px auto 0;min-height:44px;padding:0 21px;border-radius:22px;border:1px solid #ffffff2b;color:#f2d2bd;font-size:12px;background:#ff92550b}.quiet-button:hover{background:#ff925525}
.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:20px;overflow:visible}
.card-title{font-size:clamp(24px,3vw,50px);line-height:1.02;max-width:85%;overflow-wrap:anywhere}
.collection-artwork{aspect-ratio:4/5}.result-count{white-space:nowrap}.sound-name{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1100px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-title{font-size:30px}}
/* A mobile header in normal document flow; no rail floating over the page. */
@media(max-width:760px){
 html{scroll-padding-top:20px}
 body{padding-bottom:28px}body.has-selected-sound{padding-bottom:110px}
 .topbar{position:relative;top:auto;height:76px;min-height:76px;padding:0 20px;gap:16px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #ffffff12;z-index:3}
 .wordmark{gap:9px;min-width:0}.wordmark .header-wordmark{width:clamp(145px,43vw,190px);max-width:100%}.wordmark .header-pulse{width:27px}
 .mobile-menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid #ffffff22;border-radius:50%;background:#ffffff05;color:#ffe8d8}.mobile-menu svg{width:22px;height:22px}
 .rail{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;width:auto;display:none;align-items:center;gap:4px;min-height:68px;padding:8px 16px;margin:0;border:0;border-bottom:1px solid #ffffff16;border-radius:0;background:#170f0b;z-index:2;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .rail:before{display:none}.mobile-nav-open .rail{display:flex}.rail-mark,.rail-divider{display:none}
 .rail nav{display:flex;flex-direction:row;align-items:center;gap:4px;flex:1;justify-content:space-between}.rail .nav-button{width:auto;min-width:44px;min-height:48px;height:auto;padding:8px 10px;gap:6px;border-radius:10px;flex-direction:column;font-size:10px}
 .rail .nav-label,.rail .nav-button:hover .nav-label{position:static;display:block;padding:0;opacity:1;transform:none;line-height:1.2;color:inherit;background:none;font-size:10px}
 .rail .nav-button svg{width:20px;height:20px}.rail .about-button{padding:8px;width:44px;min-width:44px;margin-left:4px}.rail .about-button .nav-label{display:none}.saved-badge{position:absolute;top:1px;right:2px}
 main{padding:0 20px}.hero,.collection-view .hero,.library-view .hero,.saved-view .hero{padding:34px 0 32px;min-height:0}.hero h1{font-size:clamp(47px,12vw,72px);letter-spacing:-.06em;margin:0;line-height:1.02}.hero-brand-glass{top:7px;right:0;width:90px;height:70px;opacity:.55}
 .hero-aside,.collection-view .hero-aside,.library-view .hero-aside,.saved-view .hero-aside{padding-top:22px;position:relative;display:flex;align-items:end;gap:16px}.hero-aside>p{font-size:13px;line-height:1.6;max-width:220px}.hero-spec{display:flex;position:static;margin:0;text-align:right;font-size:9px;letter-spacing:0;white-space:nowrap;align-self:end}
 .hero-spec>span:last-child,.hero-spec i{display:none}.view-art{width:64px;height:80px;margin-top:0;flex-shrink:0}.hero-title-row{gap:16px}.collection-view .hero h1,.library-view .hero h1,.saved-view .hero h1{font-size:clamp(36px,10vw,58px);overflow-wrap:anywhere}
 .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:12px;margin:0;padding:0;overflow:visible}.collection-artwork{aspect-ratio:4/5;border-radius:15px}.card-title{font-size:clamp(23px,6.2vw,34px);left:13px;bottom:31px;max-width:85%;line-height:1.02;letter-spacing:-1px}.card-count{left:14px;bottom:14px;font-size:7px}.collection-preview{top:9px;right:9px}.collection-preview svg{width:22px!important;height:22px!important}.collection-preview{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
 .section-heading h2{font-size:19px}.collections-section{margin-bottom:38px}.quiet-button{margin-top:18px}.library-topline h2{font-size:25px;line-height:1.16}.search-wrap{margin-top:18px;height:50px}.search-wrap input{font-size:16px}.filter-bar{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-bottom:16px}.filter-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-selects select{min-width:0;max-width:none;width:100%;font-size:12px;padding-right:20px}.filter-selects #sort-sounds{grid-column:1}.result-count{margin:0;text-align:right;font-size:10px}
 .sound-row{grid-template-columns:44px minmax(0,1fr) 32px 44px 44px;grid-template-rows:auto 28px;gap:0 4px;min-height:87px;padding:10px 0}.sound-name{font-size:13px;line-height:1.25;text-align:left}.sound-waveform{height:28px}.sound-duration{font-size:9px}.sound-row .sound-favourite svg,.sound-row .sound-download svg{width:18px;height:18px}
 .player{display:none;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));min-height:76px;padding:10px 12px;gap:12px;border-radius:20px;z-index:40}.has-selected-sound .player{display:flex}.player-track{min-width:0;flex:1;gap:10px}.player-art-wrap{width:40px;height:46px;flex-shrink:0}.player-kicker,.player-favourite{display:none}.player-track-text strong{font-size:12px;line-height:1.35}.player-track-text>span:last-child{font-size:9px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.player-middle{flex:0 0 auto;width:auto}.transport .icon-button{display:none}.transport .player-play{width:46px;height:46px}.player-extras{display:none}.player-progress{display:none}.toast{bottom:100px}
}
@media(max-width:360px){.topbar{padding:0 15px}main{padding:0 15px}.wordmark .header-wordmark{width:143px}.wordmark .header-pulse{width:24px}.sound-row{grid-template-columns:44px minmax(0,1fr) 26px 40px 40px;gap:0 2px}.sound-row .sound-favourite,.sound-row .sound-download{width:40px;min-width:40px}.sound-name{font-size:12px}.card-title{font-size:22px}}

/* Keep the dropdown indicator inside the control at every viewport width. */
.filter-selects select,.lab-control select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23ead6c7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:40px;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}