:root{color-scheme:dark;--bg:#171421;--panel:#211c2d;--line:#3e354e;--text:#f4eff6;--muted:#b9afc8;--lavender:#c3aee8;--peach:#efbb9b;--error:#f7b5b8}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.5 'Avenir Next',Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--peach)}::selection{background:#76568c;color:white}input{caret-color:var(--peach)}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:var(--lavender);text-underline-offset:4px}button{color:var(--text)}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand,.login-brand{font-size:29px;font-weight:600;letter-spacing:-1px;color:var(--text);text-decoration:none}.brand span,.login-brand span{font-size:19px;font-weight:400;letter-spacing:0;color:var(--muted)}.header-actions{display:flex;gap:25px;align-items:center}.private-label{font-size:12px;color:var(--muted)}.layout{display:grid;grid-template-columns:234px minmax(0,1fr);max-width:1900px;margin:auto}aside{border-right:1px solid var(--line);padding:26px 18px 180px;min-height:calc(100vh - 76px)}.nav-item,.category-button{border:0;background:none;text-align:left;display:flex;justify-content:space-between;gap:10px;width:100%;padding:10px 13px;border-radius:7px;color:var(--muted)}.nav-item.active,.category-button.active{color:var(--text);background:#3a304a}.nav-item:hover,.category-button:hover{color:var(--peach)}.nav-item span,.category-button span{font-size:12px;opacity:.8}.sidebar-label{display:flex;justify-content:space-between;align-items:center;padding:26px 13px 9px;font-size:12px;color:var(--muted)}#categories .category-button{font-size:13px;padding-top:7px;padding-bottom:7px}#collection-form{padding:0 10px}#collection-form input{width:100%}#collection-form button{margin-top:7px;background:var(--panel);border:1px solid var(--line);border-radius:5px}main{padding:29px 38px 210px;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}h1{font-size:29px;font-weight:500;line-height:1.2;margin:0;letter-spacing:-.6px}.quiet{color:var(--muted);font-size:12px}.search-wrap{display:flex;align-items:center;border:1px solid #665773;background:var(--panel);border-radius:10px;padding:0 17px;height:58px;gap:13px}.search-wrap svg{color:var(--lavender);flex-shrink:0}.search-wrap input{background:none;border:0;outline:0;color:var(--text);width:100%;height:100%;min-width:0;font-size:16px}.search-wrap:focus-within{outline:2px solid var(--peach);outline-offset:3px}::placeholder{color:#b5a9c4;opacity:1}.search-wrap kbd{font-size:12px;color:var(--muted);font-family:inherit;border:1px solid var(--line);padding:1px 6px;border-radius:4px}.quick-search{display:flex;gap:8px;overflow:auto;padding:13px 0 22px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.quick-search button{flex-shrink:0;font-size:12px;padding:6px 12px;background:none;border:1px solid var(--line);border-radius:20px;color:var(--muted)}.quick-search button:hover{border-color:var(--lavender);color:var(--text)}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}select,input:not([type=range]):not([type=checkbox]){border:1px solid var(--line);border-radius:7px;padding:9px 11px;background:var(--panel);color:var(--text);min-height:40px}select{font-size:12px;max-width:215px}#search{border:0;background:none;padding:0;border-radius:0}.rights-filter{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap}input[type=checkbox]{accent-color:var(--peach);width:16px;height:16px}.result-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0 2px}.result-heading p{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.text-button{border:0;background:none;padding:6px 3px;color:var(--muted);font-size:12px}.text-button:hover{color:var(--peach)}.sound{display:grid;grid-template-columns:20px 40px minmax(160px,1.2fr) minmax(120px,1fr) 65px 40px 40px 40px;gap:13px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);position:relative}.sound.active{background:#241e32}.sound.active .sound-title{color:var(--peach)}.sound-title{font-weight:500;font-size:14px;margin:0 0 5px;overflow-wrap:anywhere}.sound-meta{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 9px}.sound-meta .rights{color:#f0c8a1}.sound-info{min-width:0}.icon-button{border:0;background:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:9px;border-radius:7px;color:var(--muted);flex-shrink:0}.icon-button:hover{background:#393045;color:var(--text)}.icon-button.selected{color:var(--peach)}.icon-button.selected use{fill:var(--peach)}.play-button,.main-play{border:1px solid #7b648d;color:var(--peach);border-radius:50%}.play-button svg,.main-play svg{width:20px;height:20px}.download-link{display:flex;align-items:center;justify-content:center;text-decoration:none}.quality{font-size:12px;color:var(--muted);text-align:right;line-height:1.6;white-space:nowrap;font-variant-numeric:tabular-nums}.quality strong{font-weight:500;color:var(--text)}.waveform{height:40px;width:100%;padding:0;border:0;background:none;color:var(--lavender);cursor:crosshair;position:relative}.waveform svg{width:100%;height:36px;stroke-width:1.2}.waveform:hover{color:var(--peach)}.waveform .duration{position:absolute;right:0;bottom:-9px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.secondary,.primary{border:0;border-radius:7px;padding:10px 16px;font-weight:500;font-size:12px;min-height:40px}.primary{background:var(--peach);color:#261c2c}.primary:hover{background:#f8cdb0}.secondary{background:var(--panel);border:1px solid var(--line);color:var(--text)}#load-more{display:block;margin:25px auto 0}.catalogue-note{font-size:12px;max-width:80ch;color:var(--muted);margin-top:30px}.empty{padding:45px 0}.empty h2{font-size:22px;font-weight:500}.empty p{color:var(--muted);font-size:14px}.error{color:var(--error);font-size:12px}.batch{position:fixed;left:250px;right:20px;bottom:108px;z-index:15;display:flex;gap:14px;align-items:center;background:#392d48;padding:12px 20px;border:1px solid #78658b;border-radius:10px}.batch strong{display:block;font-size:13px}.batch span{font-size:12px;color:var(--muted)}.batch progress{width:100px;accent-color:var(--peach)}footer{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:minmax(180px,1fr) minmax(250px,1.5fr) minmax(200px,1fr);align-items:center;gap:25px;background:#282032;padding:18px 28px;border-top:1px solid #6d587f;min-height:94px}.now{min-width:0}#now-title{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--peach)}#now-source{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;margin-top:4px}.player-controls{display:flex;align-items:center;gap:12px}.player-controls span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.player-controls input{flex:1;min-width:20px;accent-color:var(--peach)}.transport-end{display:flex;align-items:center;justify-content:flex-end;gap:16px}.volume-label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.volume-label input{width:75px;accent-color:var(--peach)}#player-error{grid-column:1/-1;margin:0}#notice{font-size:12px;color:var(--peach);padding:10px 12px;background:var(--panel);margin:10px 0;border-radius:6px}.details{position:fixed;z-index:30;right:0;top:0;bottom:95px;background:#282032;width:min(440px,100vw);border-left:1px solid var(--line);padding:65px 28px 28px;overflow-y:auto;box-shadow:-12px 0 35px #100d1733}.details .close{position:absolute;right:18px;top:15px}.details h2{font-size:22px;font-weight:500;overflow-wrap:anywhere}.details dt{font-size:12px;color:var(--muted);margin-top:18px}.details dd{font-size:13px;margin:5px 0 0;overflow-wrap:anywhere}.login{max-width:430px;margin:8vh auto;padding:30px}.login h1{font-size:43px;line-height:1.1;margin:55px 0 20px;letter-spacing:-1px}.login>p{color:var(--muted)}.login label{display:block;font-size:12px;margin:30px 0 10px}.login input,.login .primary{width:100%}.login .primary{margin-top:14px}.login .quiet{margin-top:35px;font-size:12px}.skeleton{height:85px;margin:10px 0;background:#211c2d;border-radius:6px}
@media(max-width:1150px){.layout{grid-template-columns:190px minmax(0,1fr)}aside{padding-left:10px;padding-right:10px}main{padding-left:24px;padding-right:24px}.sound{grid-template-columns:18px 36px minmax(150px,1fr) minmax(100px,.8fr) 40px 40px;gap:9px}.sound .quality{display:none}.sound .details-button{display:none}.rights-filter{margin-left:0}footer{grid-template-columns:minmax(150px,1fr) minmax(250px,1.3fr) 160px;gap:15px}.volume-label{display:none}.batch{left:204px}}
@media(max-width:760px){header{height:59px;padding:0 18px}.brand{font-size:25px}.brand span{font-size:16px}.private-label{display:none}.layout{display:block}aside{min-height:0;padding:10px 16px 0;border:0}#library-nav{display:flex;overflow:auto;gap:5px}#library-nav .nav-item{width:auto;flex-shrink:0;padding:8px 12px;font-size:12px}#library-nav .nav-item span{font-size:12px}aside .sidebar-label,aside #categories,aside #collections,aside #collection-form{display:none}main{padding:16px 18px 200px}.page-heading{margin-bottom:15px}.page-heading h1{font-size:23px}#library-size{font-size:12px}.search-wrap{height:48px;padding:0 12px;gap:9px}.search-wrap input{font-size:13px}.search-wrap kbd{display:none}.quick-search{padding-bottom:14px;padding-top:11px}.quick-search button{font-size:12px;padding:5px 10px}.filters{gap:7px;padding-bottom:11px}.filters select{max-width:calc(50% - 4px);min-width:0;flex:1 1 42%;font-size:12px;padding:6px;min-height:34px}.rights-filter{font-size:12px;min-height:25px}.rights-filter input{width:14px;height:14px}.result-heading{padding-top:4px}.result-heading p,.result-heading button{font-size:12px}.sound{grid-template-columns:17px 36px minmax(0,1fr) 34px 34px;gap:8px;padding:15px 0}.sound-info{grid-column:3}.sound-title{font-size:12px;line-height:1.4;margin-bottom:3px}.sound-meta{font-size:12px;gap:2px 6px}.sound .waveform{grid-column:3;grid-row:2;height:30px;margin-bottom:5px}.sound .waveform svg{height:25px}.sound .duration{bottom:-4px;font-size:12px}.sound .favorite-button{grid-column:4;grid-row:1}.sound .download-button{grid-column:5;grid-row:1}.sound .select-sound{grid-row:1/3}.sound .play-button{grid-column:2;grid-row:1}.icon-button{width:34px;height:34px;padding:7px}.sound .sound-meta .provider{display:none}footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px;min-height:107px}.now{grid-column:1}.transport-end{grid-column:2;grid-row:1}.transport-end .primary{font-size:12px;min-height:32px;padding:7px 9px}.player-controls{grid-column:1/-1;gap:9px}.player-controls .main-play{width:34px;height:34px}.player-controls .icon-button{width:28px;height:28px}#now-title{font-size:12px}#now-source{font-size:12px}#elapsed,#total-time{font-size:12px}.batch{left:12px;right:12px;bottom:120px;gap:8px;padding:10px;flex-wrap:wrap}.batch .primary,.batch .secondary{font-size:12px;min-height:33px;padding:7px 10px}.batch .text-button{font-size:12px}.batch strong{font-size:12px}.batch span{font-size:12px}.batch #add-to-collection{display:none}.batch progress{width:100%}.details{bottom:107px}.catalogue-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.mobile-only{display:none}#collection-picker{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#collection-picker label{font-size:12px}#collection-choice{min-width:120px}#collection-name{max-width:100%}
@media(max-width:760px){.mobile-only{display:block;float:right;min-height:36px}#library-nav{padding-right:2px}.collections-visible .collection-label{display:flex;padding-top:12px}.collections-visible #collections{display:block;max-height:170px;overflow:auto}.collections-visible #collection-form:not([hidden]){display:block}.batch #add-to-collection{display:block}.sound .play-button,.sound .favorite-button,.sound .download-button{min-width:40px;min-height:40px}.sound{grid-template-columns:17px 40px minmax(0,1fr) 40px 40px;gap:5px}}

button.sound-title{display:block;background:none;border:0;color:inherit;padding:0;text-align:left;text-decoration:underline;text-decoration-color:#847297;text-underline-offset:3px;cursor:pointer}button.sound-title:hover{color:var(--peach)}
@media(max-width:760px){.filters select{min-height:40px}.player-controls .main-play,.player-controls .icon-button{width:40px;height:40px;min-width:40px}.transport-end .primary{min-height:40px}.sound-title{min-height:40px}#library-nav .nav-item,.quick-search button{min-height:40px}}