@font-face{font-family:Plex;src:url(fonts/IBMPlexSans-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url(fonts/IBMPlexSans-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#181c24;--panel:#202630;--ink:#f1eee8;--muted:#adb7c4;--line:#343d49;--accent:#f3ba69;--soft:#343129}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.5 Plex,'Segoe UI',sans-serif}
body[data-color-mode=day]{color-scheme:light;--bg:#f5f4f0;--panel:#fffefb;--ink:#252b34;--muted:#576371;--line:#d5d9de;--accent:#956017;--soft:#f1e6d2}
main{max-width:1560px;padding:28px 28px 40px;margin:auto}a{color:inherit}button,select,input{font:inherit}
header h1{font-size:clamp(32px,4vw,46px);margin:15px 0 8px;line-height:1.2}header p{margin:0 0 25px;color:var(--muted)}#back{display:inline-block;min-height:44px;padding:7px 0}
.sound-toolbar{border-block:1px solid var(--line);padding:18px 0 12px;margin-bottom:18px}.sound-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.sound-categories button{background:var(--panel);color:var(--ink);border:1px solid var(--line);min-height:44px;padding:7px 14px;border-radius:7px;cursor:pointer}.sound-categories button[aria-pressed=true]{border-color:var(--accent);background:var(--soft);color:var(--accent)}
.sound-toolbar__row{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.archive-filter{display:flex;align-items:center;gap:10px}.archive-filter select{min-height:44px;max-width:230px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);padding:6px 12px}.favourites-filter{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:44px}.favourites-filter input{width:20px;height:20px;accent-color:var(--accent)}.volume-control{display:flex;align-items:center;gap:10px}.volume-control input{width:130px;accent-color:var(--accent);height:32px}.volume-control output{min-width:45px;text-align:end;font-variant-numeric:tabular-nums}#pause-all{min-height:44px;padding:6px 16px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);cursor:pointer;margin-inline-start:auto}
.sound-count{font-size:16px;color:var(--muted);margin:14px 0 0}#load-status{margin:0;color:var(--accent);min-height:0}#load-status:not(:empty){margin:0 0 18px}.empty-state{padding:35px 18px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted)}
.sound-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sound-option{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;min-width:0;display:flex;flex-direction:column}.sound-option.is-favourite{border-color:var(--accent)}.sound-option__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sound-option__number{font-size:15px;color:var(--accent);font-weight:600}.sound-option__favourite{border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;min-height:44px;min-width:44px;font-size:26px;line-height:1}.sound-option__favourite[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--soft)}
.sound-option h2{font-size:24px;line-height:1.25;margin:11px 0 7px;overflow-wrap:anywhere}.sound-option p{margin:7px 0;color:var(--muted);font-size:17px}.sound-option .sound-option__description{min-height:52px}.sound-option__meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:15px;margin:4px 0 16px}.sound-option__category{color:var(--accent)}.sound-option__player-label{font-size:15px;color:var(--muted);margin-top:auto}.sound-option audio{display:block;width:100%;margin:8px 0 12px}.sound-option__single{font:inherit;min-height:46px;padding:8px 14px;background:var(--accent);color:#202b38;border:0;border-radius:7px;cursor:pointer;align-self:flex-start}body[data-color-mode=day] .sound-option__single{color:#fff}
.sound-option .credit{font-size:15px;margin-top:17px;margin-bottom:0;overflow-wrap:anywhere}.sound-option__links{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:8px;font-size:15px;color:var(--muted)}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,audio:focus-visible{outline:3px solid var(--accent);outline-offset:4px}footer{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:16px}
@media(max-width:1150px){.sound-options{grid-template-columns:repeat(2,minmax(0,1fr))}#pause-all{margin-inline-start:0}}
@media(max-width:690px){main{padding:20px 14px 30px}.sound-options{grid-template-columns:1fr}.sound-option{padding:18px}.sound-toolbar__row{gap:12px 18px}.archive-filter{width:100%}.archive-filter select{flex:1;max-width:none}.volume-control{flex:1}.volume-control input{width:100px;flex:1;min-width:70px}.sound-categories{gap:7px}.sound-categories button{font-size:16px;padding:7px 11px}header p{font-size:17px}.sound-option__description{min-height:0!important}}
@media(prefers-reduced-motion:no-preference){.sound-option__favourite,.sound-categories button{transition:background-color .15s,border-color .15s}}
.sound-option__changes{font-size:15px;color:var(--muted);margin-top:10px}.sound-option__changes summary{cursor:pointer;min-height:35px;padding:5px 0}.sound-option__changes p{font-size:14px;line-height:1.45;overflow-wrap:anywhere;margin:5px 0 0}.sound-option__changes summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}