:root{color-scheme:dark;--paper:#12171d;--text:#edf0f4;--muted:#9ba6b5;--line:#343e4b;--accent:#e8ad55;--accent-hover:#f5c274;--panel:#1d2530;--red:#f29d91;font-family:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--text);font-size:15px;line-height:1.55}
button,input,select,output{font:inherit;color:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;border:0;background:none}
button:disabled{cursor:not-allowed;opacity:.5}
a{color:inherit;text-decoration:none}
button,a,input,select{touch-action:manipulation}
a,button{transition:color .12s,background .12s,border-color .12s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.2}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
img{max-width:100%;object-fit:contain}
[hidden]{display:none!important}
.wrap{width:100%;max-width:1328px;margin:auto;padding-left:48px;padding-right:48px}
.catalog-wrap{max-width:1500px}
#catalogHost{scroll-margin-top:96px}
.section{padding-top:72px;padding-bottom:72px}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;top:-80px;left:16px;padding:12px;z-index:100;background:var(--accent);color:#fff}
.skip-link:focus{top:8px}
.muted{color:var(--muted)}
.eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:600;color:var(--muted)}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:14px;font-weight:550}
.text-link:hover{text-decoration:underline;text-underline-offset:4px}

.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 18px;border:1px solid var(--line);border-radius:4px;background:transparent;font-size:14px;font-weight:550;line-height:1.35;text-align:center}
.button:hover:not(:disabled){background:#293442;border-color:#647181}
.button.primary{background:var(--accent);border-color:var(--accent);color:#161b22}
.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}
.button svg{width:17px;height:17px}
.small-button{min-height:38px;padding:7px 13px;font-size:13px}
.icon-button,.close-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:4px}
.close-button{position:absolute;top:17px;right:17px;border:0;color:var(--muted)}
.close-button:hover{background:#293442;color:var(--text)}
.site-header{height:74px;position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{height:100%;max-width:1328px;padding:0 48px;margin:auto;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:20px;letter-spacing:-.4px;font-weight:650}
.brand-mark{display:flex;align-items:center;color:var(--accent)}
.brand-mark svg{width:26px;height:26px;stroke-width:2}
.brand b{font-size:11px;font-weight:600;letter-spacing:.2px;color:var(--muted);margin-left:4px;vertical-align:middle}
.main-nav{display:flex;gap:26px;align-items:center;margin-left:28px;font-size:13px;color:var(--muted)}
.main-nav a:hover{color:var(--text)}
.header-plan{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto;font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap}

.header-plan:hover{text-decoration:underline;text-underline-offset:4px}
.header-period{font-weight:400}
#accountButton{white-space:nowrap}
.service-notice{background:#30291f;border-bottom:1px solid #6a5232;padding:10px 24px;text-align:center;color:#eac080;font-size:13px}
.hero{display:grid;grid-template-columns:1.55fr 1fr;gap:72px;align-items:end;padding-top:49px;padding-bottom:41px}
.hero h1{font-family:'Bahnschrift','Arial Narrow','Segoe UI',sans-serif;font-size:clamp(45px,4.6vw,64px);line-height:1.05;font-weight:400;letter-spacing:-2px;margin-top:15px}
.hero-intro{padding-bottom:4px}
.hero-intro>p{max-width:380px;font-size:16px;line-height:1.7;color:var(--muted)}
.hero-intro>.text-link{margin-top:18px}
.membership{padding-bottom:0}
.membership-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.16fr) minmax(0,.94fr);gap:30px;align-items:center;background:#202a36;color:#edf0f4;padding:25px 29px;border:1px solid #65553e;border-left:4px solid var(--accent);border-radius:3px}
.membership-label{font-size:10px;font-weight:600;letter-spacing:1.1px;color:#d4b17b;margin-bottom:14px}
.membership-copy h2{font-size:30px;line-height:1.13;font-weight:550;letter-spacing:-.6px}
.membership-copy>p:last-child{font-size:13px;line-height:1.65;margin-top:15px;max-width:260px;color:#b9c3d0}
.membership-features{list-style:none;margin:0;padding:3px 0 3px 24px;border-left:1px solid #46505c;display:flex;flex-direction:column;gap:14px;font-size:12px;line-height:1.5}
.membership-features li{display:flex;align-items:flex-start;gap:9px}
.membership-features svg{width:14px;height:14px;margin-top:2px;color:#d5be97}
.membership-purchase{padding-left:23px;border-left:1px solid #46505c}
.plan-price{font-size:48px;line-height:1;font-weight:500;letter-spacing:-2px;white-space:nowrap}
.plan-price>span:not([data-plan-price]){font-size:13px;letter-spacing:0;font-weight:400;color:var(--muted)}
.membership-purchase .plan-price{font-size:61px}
.membership-purchase .plan-price>.price-period{color:#b9c3d0;margin-left:10px;font-size:12px}
.membership-button{background:var(--accent);color:#1a2027;border-color:var(--accent);width:100%;margin-top:22px;font-size:13px;justify-content:center;padding:12px 16px}
.membership-button:hover:not(:disabled){background:#f4c77e;border-color:#f4c77e}
.membership-button:focus-visible{outline-color:#fff}
.payment-coming{font-size:11px;color:#aab5c5;text-align:center;margin-top:10px}
.subscription-limits{font-size:13px;line-height:1.75;color:#c4cbd5;border-top:1px solid #485261;padding-top:16px}
.membership-panel>.subscription-limits{grid-column:1/-1}
.subscription-limits strong{color:var(--text);font-weight:600}
.subscription-limits a,.faq-list details p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
#accuracy,#game-rules{scroll-margin-top:90px}
.free-access{display:flex;align-items:center;gap:24px;min-height:95px;padding:21px 2px 26px}
.free-access>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 14px}
.free-access strong{font-size:14px;font-weight:550}
.free-access>div>span{font-size:12px;color:var(--muted)}
.free-access>p{font-size:12px;color:var(--muted);margin-left:auto;white-space:nowrap}
.free-access i{font-style:normal;margin:0 8px;color:#9399a3}
.free-access>a{font-size:13px;color:var(--accent);display:flex;gap:14px;align-items:center}
.free-access>a:hover{text-decoration:underline}
.sound-section{--text:#edf0f6;--muted:#a0a9b9;--line:#343b49;--accent:#e8ad55;color:var(--text);background:#171c26;padding:49px 0 42px;color-scheme:dark}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}
.section-heading h2{font-size:30px;font-weight:500;letter-spacing:-.7px}
.section-heading p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:10px;max-width:710px}
.volume-control{display:flex;align-items:center;gap:10px;color:var(--muted);white-space:nowrap}
.volume-control svg{height:17px;width:17px}
.volume-control input{width:78px;height:3px;accent-color:#e8ad55}
.volume-control output{font-size:11px;min-width:32px}
.library-toolbar{display:flex;gap:12px}
.search-field{position:relative;flex:1;display:flex;align-items:center;min-width:0}
.search-field>svg{position:absolute;left:15px;color:var(--muted);width:18px;height:18px}
.search-field input{width:100%;height:48px;border:1px solid #343b49;border-radius:4px;background:#232a36;padding:0 42px;font-size:14px}
.search-field input::placeholder{color:#a5adbc}
.search-field kbd{position:absolute;right:14px;color:#a5adbc;font-size:11px;border:1px solid #515969;border-radius:3px;line-height:20px;width:21px;text-align:center;font-family:inherit}
.library-toolbar select{width:184px;border:1px solid #343b49;border-radius:4px;background:#232a36;font-size:13px;padding:0 12px}
.library-filter-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:21px 0 17px}
.library-tabs{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.library-tabs button{color:#a6afbf;font-size:13px;padding:5px 0 7px;border-bottom:2px solid transparent}
.library-tabs button:hover{color:#fff}
.library-tabs button.active{color:#e8ad55;border-bottom-color:#e8ad55}
#libraryCount{font-size:12px;color:#9ca6b8;white-space:nowrap}
.library-columns,.sound-card{display:grid;grid-template-columns:42px minmax(0,1fr) 220px;column-gap:18px;align-items:center}
.library-columns{border-bottom:1px solid #3b4250;color:#8590a4;font-size:10px;padding:0 0 10px}
.library-columns>span:last-child{text-align:center}
.library-grid{display:flex;flex-direction:column}
.sound-card{min-height:88px;border-bottom:1px solid #303746;padding:14px 0;border-radius:0;background:transparent}
.sound-card:hover{background:#1d2430}
.sound-card.playing{background:#222e4a}
.group-number{font-family:Consolas,monospace;font-size:12px;color:#96a0b3;padding-left:2px}
.sound-open{min-width:0;display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:18px;text-align:left;padding:0;align-self:stretch}
.sound-open:focus-visible{outline-offset:3px}
.sound-thumbs{display:flex;align-items:center;gap:5px}
.sound-thumb{width:43px;height:47px;display:grid;place-items:center;flex-shrink:0;background:#29313f;border-radius:3px;border-bottom:2px solid var(--rarity,#e8ad55)}
.sound-thumb img{width:38px;height:38px}
.sound-caption{min-width:0;display:block}
.sound-title{display:block;font-size:13px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e5e9f1}
.sound-description{display:block;font-size:11px;line-height:1.6;color:#97a3b8;margin-top:5px}

.sound-open:hover .sound-title{color:#f0c78e}
.sound-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:7px 10px;border:1px solid #485264;border-radius:4px;font-size:12px;color:#d2d9e6;background:transparent}
.audio-button svg{width:10px;height:10px;fill:currentColor;stroke-width:1}
.audio-button:hover{background:#303b50;border-color:#7c8ca8;color:#fff}
.audio-button[aria-pressed=true]{background:#e8ad55;color:#1d2530;border-color:#e8ad55}
.audio-button[aria-pressed=true] svg{fill:none;stroke-width:3}
.library-more{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:27px}
.library-more .button{color:#e6bf7d;border-color:#46526c;background:none;font-size:12px;gap:25px}
.library-more .button:hover{background:#303338;border-color:#7f90b4}
.library-more p{font-size:11px;color:#919db0}
.empty-state{padding:44px 22px;text-align:center;border-bottom:1px solid var(--line)}
.empty-state>svg{margin-bottom:15px;color:var(--muted)}
.empty-state h3{font-size:18px;font-weight:500}
.empty-state p{font-size:13px;color:var(--muted);margin:10px 0 20px}
.empty-state .button{color:#e6bf7d;border-color:#46526c}
.empty-state .button:hover{background:#303338}
.recognition-section{display:grid;grid-template-columns:1fr 1.4fr;gap:20px 95px}
.recognition-heading h2,.faq h2{font-family:'Bahnschrift','Arial Narrow','Segoe UI',sans-serif;font-weight:400;font-size:41px;letter-spacing:-1.2px;line-height:1.15}
.recognition-heading>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:300px;margin-top:23px}
.recognition-heading>.text-link{margin-top:24px;font-size:13px;gap:5px}
.recognition-heading>.text-link svg{margin-left:8px;width:16px;height:16px}
.recognition-steps{margin:0;padding:0;list-style:none;counter-reset:steps}
.recognition-steps li{counter-increment:steps;padding:0 0 22px 38px;margin:0 0 22px;position:relative;border-bottom:1px solid var(--line)}
.recognition-steps li:last-child{margin-bottom:0;border:0;padding-bottom:0}
.recognition-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:2px;font-family:Consolas,monospace;color:#828b9b;font-size:11px}
.recognition-steps h3{font-size:16px;font-weight:550;line-height:1.4}
.recognition-steps p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:8px;max-width:480px}
.recognition-note{grid-column:2;color:var(--muted);font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding-top:20px;margin-top:5px}
.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:95px;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;padding:21px 0;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-size:20px;font-weight:300;color:#818896}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list details p{font-size:13px;color:var(--muted);line-height:1.85;padding:0 30px 22px 0}
.site-footer{display:flex;justify-content:space-between;gap:35px;padding-top:30px;padding-bottom:40px;border-top:1px solid var(--line)}
.site-footer .brand{font-size:17px}
.site-footer .brand-mark svg{width:22px;height:22px}
.site-footer>div>p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:11px}
dialog{position:fixed;border:1px solid #414d5c;border-radius:7px;background:var(--paper);color:var(--text);padding:34px;box-shadow:0 20px 80px #00000066;max-height:calc(100dvh - 32px);overflow:auto;scrollbar-width:thin;width:min(440px,calc(100% - 32px))}
dialog::backdrop{background:#070b12ba}
dialog h2{font-family:'Bahnschrift','Arial Narrow','Segoe UI',sans-serif;font-size:31px;line-height:1.1;font-weight:400;letter-spacing:-.5px;margin:12px 22px 12px 0}
dialog>p{color:var(--muted);font-size:13px}
.auth-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:22px 0}
.auth-tabs button{padding:8px 0 10px;color:var(--muted);font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px}
.auth-tabs .active{border-color:var(--accent);color:var(--accent)}
form label{display:block;font-size:12px;color:#b4becd;margin:16px 0 7px}
form input{width:100%;height:44px;background:#1d2530;border:1px solid #455363;border-radius:4px;padding:0 12px;font-size:14px}
form input::placeholder{color:#8794a6;font-size:13px}
form .button{margin-top:7px}
#authForm>.button{width:100%}
.form-feedback{font-size:12px;line-height:1.7;color:var(--red);min-height:19px;margin:13px 0 6px;overflow-wrap:anywhere}
.form-feedback.success{color:#216f4c}
.auth-note{font-size:11px;line-height:1.7;text-align:center;margin-top:18px;color:var(--muted)}
.group-dialog{width:min(650px,calc(100% - 32px))}
.group-dialog>.eyebrow{padding-right:30px}
.group-dialog-audio{display:flex;gap:12px;margin:22px 0}
.group-dialog-audio .audio-button{background:#303b49;color:#e8bd80;border:1px solid #627284;min-width:115px;min-height:42px;font-size:13px}
.group-dialog-audio .audio-button:hover{background:#3b4758}
.group-dialog-audio .audio-button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}
.group-items{display:flex;flex-direction:column}
.group-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.group-item img{width:52px;height:52px;background:#293441;border-radius:4px}
.group-item h3{font-size:13px;line-height:1.5;font-weight:550}
.group-item p{font-size:11px;color:var(--muted);margin-top:4px}
.group-item>span{font-size:12px;text-align:right;white-space:nowrap}
.group-item>span>.muted{font-size:10px}
.audio-player{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;width:min(390px,calc(100% - 32px));background:#222d3b;color:#edf0f4;border:1px solid #4e5c70;border-radius:6px;padding:13px 15px;box-shadow:0 8px 35px #0004;z-index:25;overflow:hidden}
.player-wave{display:grid;place-items:center;color:var(--accent);width:34px;height:34px}
.audio-player>div:nth-child(2){display:flex;flex:1;flex-direction:column;gap:2px}
.audio-player strong{font-size:13px;font-weight:550}
.audio-player span:not(.player-wave){font-size:10px;color:#a7b3c5}
.audio-player .icon-button{width:34px;height:34px;border-color:#526176}
.audio-player .icon-button svg{width:14px;height:14px}
.playback-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#3f4d62}
.playback-progress div{height:100%;width:0;background:var(--accent)}
.toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);border:1px solid #5e6a7e;background:#283444;color:#e0e7f2;padding:13px 21px;border-radius:5px;font-size:13px;z-index:60;text-align:center}
.account-page{padding-top:35px;padding-bottom:85px;min-height:75vh}
.back-link{display:inline-flex;gap:9px;font-size:12px;color:var(--muted);margin-bottom:32px}
.account-page h1{font-family:'Bahnschrift','Arial Narrow','Segoe UI',sans-serif;font-weight:400;font-size:47px;letter-spacing:-1.2px}
.account-intro{margin-top:13px;color:var(--muted);font-size:14px}
.account-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-top:27px}
.account-tabs button{padding:13px 0;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:14px;color:var(--muted)}
.account-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.account-tabs button:disabled{opacity:.45}
.account-workspace{min-width:0;padding-top:0}
.workspace-error{margin:22px 0;align-items:center;justify-content:space-between;flex-wrap:wrap}
#workspaceLoading{margin:22px 0}
#workspaceHost{display:block;min-width:0}
.workspace-pause-note{font-size:12px;color:var(--muted);line-height:1.75;border-top:1px solid var(--line);padding-top:19px;margin-top:26px}
body.workspace-open .account-page{max-width:1500px;padding-top:25px}
body.workspace-open .back-link,body.workspace-open .account-intro{display:none}
body.workspace-open .account-page h1{font-size:36px}
body.workspace-open .account-tabs{margin-top:18px}
@media(max-width:600px){.account-tabs{gap:21px;margin-top:21px}.account-tabs button{font-size:12px;padding:12px 0}body.workspace-open .account-page h1{font-size:30px}.workspace-pause-note{font-size:11px}.workspace-error{align-items:flex-start;flex-direction:column}}
.account-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;margin-top:37px;align-items:start}
.profile-card{padding:26px 24px;background:#1c2530;border:1px solid #394553;border-radius:4px;overflow-wrap:anywhere}
.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#303e50;color:#e9b66b;font-size:22px;margin-bottom:18px}
.profile-card h2{font-size:21px;font-weight:550}
.profile-card p{font-size:12px;color:var(--muted);margin-top:7px}
.profile-divider{border-top:1px solid #3c4755;margin:23px 0 18px}
.profile-card .muted{font-size:11px}
.profile-card .button{width:100%;margin-top:24px;min-height:38px;font-size:12px;border-color:#536072}
.account-main{min-width:0}
.subscription-card{border:1px solid #4c596a;border-top:3px solid var(--accent);border-radius:3px;background:#1d2530;padding:29px}
.subscription-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}
.plan-top{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px;color:var(--muted)}
.plan-top>svg{color:var(--accent);width:17px;height:17px}
.status-tag{font-size:11px;border:1px solid #526072;border-radius:4px;padding:4px 9px;color:#b4c0d2;background:#27313f;white-space:nowrap}
.status-tag.active{color:#9ec5b2;border-color:#496555;background:#263e32}
.subscription-card h2{font-size:27px;font-weight:500;letter-spacing:-.5px}
.subscription-card>p{color:var(--muted);font-size:13px;line-height:1.85;margin-top:12px}
.subscription-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0}
.subscription-bottom .plan-price{font-size:44px;color:var(--text)}
.subscription-bottom .button{font-size:13px}
.notice{display:flex;align-items:flex-start;gap:12px;background:#273343;border:1px solid #4b596d;border-radius:4px;padding:14px;color:#b2c0d5;font-size:12px;line-height:1.8}
.notice>svg{color:#9cabc3;width:17px;height:17px;margin-top:3px}
.notice strong{display:block;color:#d4dfef;font-weight:550}
.subscription-card>.subscription-expiry{color:#e9b66b;border-top:1px solid var(--line);padding-top:17px;font-size:12px}
.account-library{display:flex;align-items:center;gap:16px;padding:26px 4px;border-bottom:1px solid var(--line)}
.account-library>svg{color:var(--accent)}
.account-library>div{flex:1}
.account-library h3{font-size:14px;font-weight:550}
.account-library p{color:var(--muted);font-size:12px;margin-top:6px}
.account-library .text-link{font-size:12px;white-space:nowrap}
.security-panel{border-bottom:1px solid var(--line)}
.security-panel summary{display:flex;justify-content:space-between;cursor:pointer;font-size:14px;list-style:none;padding:24px 4px}
.security-panel summary span{color:var(--muted)}
.security-panel form{max-width:410px;padding:0 4px 26px}
.security-panel .muted{font-size:12px}
.guest-account{margin:34px 0 0;max-width:640px;padding:34px;background:#1d2530;border:1px solid var(--line);border-radius:4px}
.guest-account h2{font-size:25px;font-weight:500}
.guest-account p{color:var(--muted);margin-top:16px;font-size:14px;line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.account-page>#accountLoading{margin-top:30px}
@media(max-width:1100px){
  .wrap,.header-inner{padding-left:32px;padding-right:32px}
  .header-inner{gap:20px}.main-nav{margin-left:10px;gap:20px}
  .hero{gap:38px;grid-template-columns:1.5fr 1fr}.hero h1{font-size:55px}.hero-intro>p{font-size:14px}
  .membership-panel{gap:20px;padding:26px}.membership-copy h2{font-size:28px}.membership-features{font-size:11px;gap:12px;padding-left:18px}.membership-purchase{padding-left:18px}.membership-purchase .plan-price{font-size:50px}.membership-purchase .price-period{margin-left:7px;font-size:11px}.membership-button{font-size:12px;padding:11px 12px;gap:7px}.payment-coming{font-size:10px}
  .free-access{gap:16px}.free-access>div{flex-direction:column;gap:2px}.free-access>p{font-size:11px}
  .library-columns,.sound-card{grid-template-columns:32px minmax(0,1fr) 206px;gap:14px}.sound-open{grid-template-columns:134px minmax(0,1fr);gap:13px}.sound-title{font-size:12px}.sound-description{font-size:10px}.sound-thumb{width:40px;height:44px}.sound-thumb img{width:35px;height:35px}.sound-actions .audio-button{font-size:11px}
  .recognition-section,.faq{gap:25px 60px}.recognition-heading h2,.faq h2{font-size:38px}.account-layout{gap:25px;grid-template-columns:235px minmax(0,1fr)}
}
@media(max-width:800px){
  .wrap,.header-inner{padding-left:24px;padding-right:24px}.site-header{height:66px}.header-inner{gap:18px}.brand{font-size:18px}.main-nav{font-size:12px;gap:16px;margin-left:0}.header-plan{font-size:12px}.small-button{font-size:12px;padding:8px 11px}.small-button svg{display:none}
  .hero{padding-top:35px;padding-bottom:30px;gap:24px;grid-template-columns:1.5fr 1fr}.hero h1{font-size:45px;letter-spacing:-1.5px}.hero-intro>p{font-size:13px;line-height:1.7}.hero-intro>.text-link{font-size:12px;margin-top:14px}
  .membership-panel{grid-template-columns:1fr 1fr;gap:18px 32px;padding:26px}.membership-copy h2{font-size:28px}.membership-copy>p:last-child{font-size:12px;margin-top:12px}.membership-features{display:none}.membership-purchase{padding-left:28px}.membership-purchase .plan-price{font-size:54px}.membership-purchase .price-period{font-size:12px}.membership-button{font-size:12px}.payment-coming{font-size:10px}.free-access{min-height:85px;padding:20px 0}.free-access>p{font-size:10px}.free-access i{margin:0 4px}.free-access>a{font-size:12px;gap:8px}
  .sound-section{padding-top:38px}.section-heading h2{font-size:27px}.section-heading p{font-size:12px;max-width:490px}.volume-control{gap:6px}.volume-control input{width:55px}.volume-control output{font-size:10px}
  .library-columns,.sound-card{grid-template-columns:28px minmax(0,1fr) 183px;gap:10px}.sound-open{grid-template-columns:85px minmax(0,1fr);gap:12px}.sound-thumbs .sound-thumb:nth-child(3){display:none}.sound-title{font-size:12px}.sound-description{font-size:10px}.sound-actions{gap:6px}.audio-button{font-size:11px;padding:7px;gap:6px}.sound-card{min-height:82px}.library-tabs{gap:22px}.library-tabs button{font-size:12px}.library-more p{max-width:230px}
  .section{padding-top:55px;padding-bottom:55px}.recognition-section,.faq{gap:25px 36px}.recognition-heading h2,.faq h2{font-size:34px}.recognition-heading>p{font-size:13px}.recognition-steps h3{font-size:15px}.recognition-steps p{font-size:12px}.recognition-steps li{padding-left:30px}.faq-list summary{font-size:13px}
  .account-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.profile-card{padding:22px 18px}.subscription-card{padding:23px}.subscription-card h2{font-size:23px}.subscription-bottom{flex-wrap:wrap;gap:22px}
}
@media(max-width:600px){
  html{scroll-padding-top:82px}.wrap,.header-inner{padding-left:20px;padding-right:20px}.site-header{height:62px}.header-inner{gap:14px}.brand{font-size:17px;gap:7px;letter-spacing:-.3px}.brand b{font-size:9px;margin-left:1px}.brand-mark svg{width:22px;height:22px}.main-nav{display:none}.header-plan{font-size:12px;gap:3px}.header-plan .header-period{font-size:10px}.small-button{padding:7px 9px;font-size:11px;min-height:33px}.eyebrow{font-size:9px;letter-spacing:1px}
  .hero{display:block;padding-top:29px;padding-bottom:26px}.hero h1{font-size:45px;letter-spacing:-1.6px;margin-top:14px;line-height:1.04}.hero-intro{margin-top:19px;display:flex;align-items:end;gap:18px}.hero-intro>p{font-size:13px;line-height:1.7;flex:1}.hero-intro>.text-link{font-size:11px;line-height:1.5;margin:0;max-width:80px;gap:5px;flex-shrink:0}
  .membership-panel{display:grid;grid-template-columns:1fr;gap:21px;padding:22px 23px;border-radius:2px}.membership-label{font-size:9px;margin-bottom:10px}.membership-copy h2{font-size:27px;letter-spacing:-.4px}.membership-copy h2 br{display:none}.membership-copy>p:last-child{font-size:12px;line-height:1.6;margin-top:10px;max-width:280px}.membership-purchase{padding:0;border:0}.membership-purchase .plan-price{font-size:51px;letter-spacing:-1.5px}.membership-purchase .price-period{font-size:12px;margin-left:10px}.membership-button{margin-top:17px;font-size:13px;min-height:45px;padding:11px 14px}.payment-coming{font-size:10px;margin-top:9px}.free-access{min-height:89px;gap:10px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:19px 0 22px}.free-access>div{display:flex;flex-direction:column;gap:2px}.free-access strong{font-size:13px}.free-access>div>span{font-size:11px}.free-access>p{display:none}.free-access>a{font-size:12px}
  .sound-section{padding:34px 0 31px}.section-heading{flex-wrap:wrap;align-items:start;gap:18px;margin-bottom:20px}.section-heading h2{font-size:27px;letter-spacing:-.6px}.section-heading p{font-size:12px;line-height:1.7;margin-top:12px}.volume-control{margin-left:auto}.volume-control input{width:75px}.library-toolbar{gap:9px}.search-field input{height:45px;font-size:12px;padding:0 12px 0 34px}.search-field>svg{width:16px;height:16px;left:11px}.search-field kbd{display:none}.library-toolbar select{width:117px;padding:0 7px;font-size:11px}.library-filter-row{margin:19px 0 14px;gap:9px;flex-wrap:wrap}.library-tabs{gap:19px}.library-tabs button{font-size:11px;padding-bottom:7px}#libraryCount{font-size:10px;margin-left:auto}.library-columns{display:none}.library-grid{border-top:1px solid #3b4250}.sound-card{grid-template-columns:23px minmax(0,1fr);gap:12px 9px;padding:15px 0;min-height:125px}.group-number{align-self:start;padding-top:12px;font-size:11px}.sound-open{grid-template-columns:81px minmax(0,1fr);gap:11px;min-height:46px}.sound-thumbs{gap:4px}.sound-thumb{width:37px;height:42px}.sound-thumb img{width:33px;height:33px}.sound-title{font-size:12px}.sound-description{font-size:10px;line-height:1.5;margin-top:4px}.sound-actions{grid-column:2;gap:9px;max-width:270px}.sound-actions .audio-button{min-height:36px;font-size:11px;gap:8px}.library-more{display:block;margin-top:23px;text-align:center}.library-more .button{min-width:230px;min-height:43px;font-size:12px}.library-more p{max-width:none;font-size:10px;margin-top:16px}
  .section{padding-top:42px;padding-bottom:42px}.recognition-section{display:block}.recognition-heading h2{font-size:35px;line-height:1.1}.recognition-heading>p{font-size:13px;margin-top:18px;max-width:310px}.recognition-heading>.text-link{font-size:12px;margin-top:16px}.recognition-steps{margin-top:31px}.recognition-steps li{padding-left:30px;margin-bottom:20px;padding-bottom:20px}.recognition-steps h3{font-size:15px}.recognition-steps p{font-size:12px;line-height:1.8}.recognition-note{font-size:11px;margin-top:25px;padding-top:20px}.faq{display:block}.faq h2{font-size:35px;margin-bottom:25px}.faq-list summary{font-size:13px;padding:18px 0;gap:15px}.faq-list details p{font-size:12px;padding-right:20px}.site-footer{display:block;padding-top:27px;padding-bottom:30px}.site-footer .brand{font-size:17px}.site-footer>div>p{font-size:10px;max-width:310px;margin-top:11px}
  .account-page{padding-top:25px;padding-bottom:55px}.back-link{margin-bottom:26px;font-size:11px}.account-page h1{font-size:36px}.account-intro{font-size:13px}.account-layout{display:block;margin-top:28px}.profile-card{padding:21px;margin-bottom:22px}.profile-card .avatar{float:left;margin:0 15px 10px 0;width:43px;height:43px}.profile-card h2{font-size:19px;padding-top:3px}.profile-card p{font-size:11px}.profile-divider{clear:both;margin:23px 0 14px}.profile-card .button{width:auto;min-width:150px;margin-top:17px}.subscription-card{padding:21px 19px}.subscription-top{gap:8px;margin-bottom:23px}.plan-top{font-size:9px;letter-spacing:.7px}.status-tag{font-size:10px}.subscription-card h2{font-size:25px;line-height:1.2}.subscription-card>p{font-size:12px}.subscription-bottom{gap:23px;margin:25px 0}.subscription-bottom .button{width:100%;font-size:12px}.subscription-bottom .plan-price{font-size:43px}.notice{font-size:11px;padding:13px}.account-library{flex-wrap:wrap;gap:12px;padding:23px 3px}.account-library h3{font-size:13px}.account-library p{font-size:11px}.account-library .text-link{margin-left:32px}.security-panel summary{font-size:13px}.guest-account{padding:27px 23px}.guest-account h2{font-size:24px}.guest-account p{font-size:13px}.hero-actions{align-items:stretch;flex-direction:column;gap:10px}.hero-actions>.button{width:100%}
  dialog{padding:27px 23px}.close-button{top:12px;right:12px}dialog h2{font-size:29px;margin-right:24px}.group-item{gap:9px;grid-template-columns:45px minmax(0,1fr) auto}.group-item img{width:41px;height:44px}.group-item h3{font-size:12px}.group-item p{font-size:10px}.group-item>span{font-size:10px}.group-item>span>.muted{font-size:9px}
}
@media(max-width:370px){
  .wrap,.header-inner{padding-left:16px;padding-right:16px}.header-inner{gap:10px}.brand{font-size:16px;gap:6px}.brand-mark svg{width:20px;height:20px}.header-plan{font-size:11px}.header-plan .header-period{display:none}.hero h1{font-size:41px;letter-spacing:-1.5px}.hero-intro>p{font-size:12px}.hero-intro{gap:14px}.membership-panel{padding:21px}.membership-copy h2{font-size:25px}.library-tabs{gap:15px}.sound-open{grid-template-columns:75px minmax(0,1fr);gap:8px}.sound-thumb{width:35px}.sound-thumb img{width:31px}.library-toolbar select{width:108px}.search-field input{font-size:11px}
}
.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:70px;padding-top:36px;padding-bottom:32px}
.hero .eyebrow{color:#d9b279;font-size:10px;letter-spacing:1.4px;display:flex;align-items:center;gap:18px}
.hero .eyebrow>span{font-size:9px;color:#919eb1;letter-spacing:1.2px;border-left:1px solid #4a535e;padding-left:18px}
.hero h1{font-weight:750;font-size:62px;line-height:.98;letter-spacing:-1.2px;margin-top:20px}
.hero h1>span{color:#e7b675}
.hero-description{color:#a9b4c4;font-size:14px;line-height:1.8;max-width:440px;margin-top:19px}
.hero-copy>.text-link{margin-top:18px;font-size:13px;gap:9px}
.hero-copy>.text-link>svg{width:15px;height:15px}
.merchant-preview{min-width:0;background:#161d26;border:1px solid #424b58;padding:15px}
.merchant-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.2px;color:#c5ccd7;margin-bottom:12px}
.merchant-preview-heading>span:last-child{font-size:8px;color:#7f8ca0;letter-spacing:.7px}
.loot-grid{height:211px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:4px}
.loot-slot{position:relative;display:grid;place-items:center;background:#292b2a;border:1px solid #61583f;overflow:hidden;padding:14px 9px 21px}
.loot-slot:hover{border-color:#e8ad55;background:#35372e}
.loot-slot img{width:100%;height:100%;min-height:0;max-height:130px;object-fit:contain}
.loot-tablet{grid-column:1/4;grid-row:1/3;background:#352625;border-color:#805044}
.loot-tablet:hover{background:#49332b}
.loot-battery{grid-column:1/4;grid-row:3/5}
.loot-gpu{grid-column:4/6;grid-row:1/2;padding:5px 16px}
.loot-gpu .loot-name{display:none}
.loot-plate{grid-column:4/6;grid-row:2/5}
.loot-size{position:absolute;right:6px;top:4px;font-size:9px;color:#c2b994;font-family:Consolas,monospace;z-index:1}
.loot-name{position:absolute;bottom:5px;left:8px;right:8px;font-size:9px;color:#d3cbb8;line-height:1.3;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.merchant-preview-caption{display:flex;justify-content:space-between;gap:12px;color:#8e9caf;font-size:9px;margin-top:11px;line-height:1.6}
.membership-copy,.membership-purchase{min-width:0}
.membership-purchase .plan-price{color:#f0c286;font-size:57px}
.membership-copy h2{font-weight:600;font-size:28px}
.membership-copy>p:last-child{font-size:12px}
.membership-label{color:#dbb77e}
.membership-features{border-color:#485261;font-size:11px}
.membership-purchase{border-color:#485261}
.free-access{min-height:84px;padding:19px 0 24px}
.sound-section{background:#19222e;border-top:1px solid #3a4657;border-bottom:1px solid #3a4657}
.sound-card:hover{background:#202d3d}
.sound-card.playing{background:#313129}
.recognition-heading h2,.faq h2,.account-page h1{font-weight:550}
.group-dialog-audio .audio-button[aria-pressed=true]{color:#18202a}
@media(max-width:1100px){.hero{gap:42px}.hero h1{font-size:55px}.hero-description{font-size:13px}.loot-grid{height:197px}.membership-purchase .plan-price{font-size:49px}.membership-panel{gap:22px;padding:24px}.membership-purchase{padding-left:20px}}
@media(max-width:800px){.hero{gap:30px}.hero h1{font-size:48px}.hero .eyebrow{font-size:8px;gap:10px}.hero .eyebrow>span{font-size:7px;padding-left:10px}.hero-description{font-size:12px}.merchant-preview{padding:11px}.loot-grid{height:183px}.merchant-preview-heading{font-size:8px;letter-spacing:.5px;gap:5px}.merchant-preview-heading>span:last-child{font-size:7px}.merchant-preview-caption{font-size:8px}.membership-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.membership-copy h2{font-size:28px}}
@media(max-width:600px){
  .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:19px;padding-top:24px;padding-bottom:24px}.hero h1{font-size:44px;letter-spacing:-.8px;margin-top:15px;line-height:1}.hero .eyebrow{font-size:8px;letter-spacing:1px;gap:14px}.hero .eyebrow>span{font-size:7px;padding-left:14px}.hero-description{font-size:12px;line-height:1.7;margin-top:14px;max-width:370px}.hero-copy>.text-link{display:none}
  .merchant-preview{padding:0;border:0;background:none}.merchant-preview-heading{font-size:8px;margin-bottom:8px}.merchant-preview-heading>span:last-child{font-size:7px}.loot-grid{height:82px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:4px}.loot-slot{grid-column:auto;grid-row:auto;padding:15px 5px 15px;min-width:0}.loot-slot img{max-height:54px}.loot-name{font-size:7px;bottom:3px;left:5px;right:4px}.loot-gpu .loot-name{display:block}.loot-size{font-size:7px;right:4px;top:3px}.merchant-preview-caption{display:none}
  .membership-panel{grid-template-columns:minmax(0,1fr);padding:19px 20px;gap:16px}.membership-label{font-size:8px;margin-bottom:8px}.membership-copy h2{font-size:24px}.membership-copy>p:last-child{font-size:11px;line-height:1.6;margin-top:9px;max-width:300px}.membership-purchase{padding:0}.membership-purchase .plan-price{font-size:47px}.membership-button{margin-top:14px;min-height:42px;font-size:12px;padding:10px 12px}.payment-coming{font-size:9px;margin-top:8px}.free-access{min-height:79px;padding:18px 0 21px}.free-access strong{font-size:12px}.free-access>div>span{font-size:10px}
}
@media(max-width:370px){.hero h1{font-size:40px}.hero .eyebrow{font-size:7px;gap:10px}.hero .eyebrow>span{font-size:7px;padding-left:10px}.hero-description{font-size:11px}.loot-grid{height:73px}.loot-slot img{max-height:44px}.loot-name{font-size:6px}.membership-panel{padding:18px}.membership-copy h2{font-size:22px}.membership-copy>p:last-child{font-size:10px}.membership-purchase .plan-price{font-size:43px}.membership-button{font-size:11px;gap:8px}.membership-purchase .plan-price>.price-period{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}