:root{color-scheme:dark;--bg:#090b12;--surface:#111521;--surface2:#171c2b;--text:#f5f7fb;--muted:#9aa4b7;--line:#293145;--accent:#8b5cf6;--accent2:#22d3ee;--hot:#ff4d8d;--shadow:0 24px 80px rgba(0,0,0,.35)}[data-theme=light]{color-scheme:light;--bg:#f5f4fb;--surface:#fff;--surface2:#eeecf8;--text:#131522;--muted:#5f6675;--line:#d9d6e8;--shadow:0 24px 70px rgba(51,40,92,.12)}@media(prefers-color-scheme:light){[data-theme=system]{color-scheme:light;--bg:#f5f4fb;--surface:#fff;--surface2:#eeecf8;--text:#131522;--muted:#5f6675;--line:#d9d6e8;--shadow:0 24px 70px rgba(51,40,92,.12)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;left:12px;top:-60px;background:var(--text);color:var(--bg);padding:10px 14px;z-index:100}.skip-link:focus{top:12px}.site-header{height:78px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand img{border-radius:12px}.brand span{font-size:15px;letter-spacing:.08em}.brand b{color:var(--accent2)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.17em}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav>a,footer a{color:var(--muted);text-decoration:none;font-weight:700;font-size:13px}.site-header nav>a:hover,footer a:hover{color:var(--text)}.theme-button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;min-height:42px;padding:0 14px;display:flex;gap:8px;align-items:center;cursor:pointer}main{width:min(1180px,calc(100% - 40px));margin:auto}.hero{min-height:580px;display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center;padding:72px 0}.eyebrow{margin:0 0 16px;color:var(--accent2);font-weight:900;font-size:12px;letter-spacing:.18em}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.06em;margin:0;max-width:820px}.hero h1 em{font-style:normal;color:var(--hot)}.hero-text{font-size:19px;color:var(--muted);max-width:680px;margin:28px 0}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:800}.trust-row span:before{content:"✓";color:var(--accent2);margin-right:7px}.visual{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,var(--surface2),var(--bg) 68%);box-shadow:var(--shadow);position:relative}.visual p{position:absolute;bottom:12%;font-size:10px;letter-spacing:.22em;color:var(--muted)}.orb{height:42%;width:75%;display:flex;align-items:center;justify-content:center;gap:10px}.orb i{display:block;width:8px;border-radius:99px;background:linear-gradient(var(--accent2),var(--accent),var(--hot));height:22%;animation:pulse 1.15s ease-in-out infinite alternate}.orb i:nth-child(2),.orb i:nth-child(6){height:52%;animation-delay:.2s}.orb i:nth-child(3),.orb i:nth-child(5){height:82%;animation-delay:.35s}.orb i:nth-child(4){height:100%;animation-delay:.55s}@keyframes pulse{to{transform:scaleY(.35);opacity:.6}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.search-shell{scroll-margin-top:100px;background:var(--surface);border:1px solid var(--line);border-radius:34px;padding:clamp(24px,4vw,52px);box-shadow:var(--shadow)}.search-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.search-heading h2,.guide h2,.seo-copy h2{font-size:clamp(28px,4vw,48px);letter-spacing:-.04em;margin:0}.search-heading>p{color:var(--muted);font-size:13px}.search-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:8px 8px 8px 20px}.search-form>span{font-size:26px;color:var(--accent2)}.search-form input{min-width:0;background:transparent;border:0;outline:0;color:var(--text);padding:13px 0;font-size:17px}.search-form button,.error-state button{border:0;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--hot));color:#fff;font-weight:900;padding:15px 22px;cursor:pointer}.quick-search{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 34px}.quick-search button{border:1px solid var(--line);background:var(--surface2);color:var(--muted);padding:9px 13px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:800}.quick-search button:hover{border-color:var(--accent);color:var(--text)}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sound-card{border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--bg);display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.sound-play{width:54px;height:54px;border-radius:16px;border:0;background:linear-gradient(145deg,var(--accent),var(--hot));color:#fff;font-size:19px;cursor:pointer}.sound-copy{min-width:0}.sound-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-copy small{color:var(--muted)}.sound-actions{grid-column:1/-1;display:flex;gap:8px}.sound-actions a,.sound-actions button{flex:1;text-align:center;border:1px solid var(--line);border-radius:11px;padding:9px;background:var(--surface2);color:var(--text);text-decoration:none;font-size:12px;font-weight:800;cursor:pointer}.loading-state,.empty-state{text-align:center;padding:56px 20px;color:var(--muted)}.loading-state i{display:block;width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state b{font-size:20px;color:var(--text)}.error-state button{margin-top:10px}.guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:110px 0}.guide ol{list-style:none;margin:0;padding:0}.guide li{display:flex;gap:22px;padding:24px 0;border-top:1px solid var(--line)}.guide li>span{color:var(--accent2);font-weight:900}.guide li b{font-size:18px}.guide li p{color:var(--muted);margin:5px 0 0}.seo-copy{border-top:1px solid var(--line);padding:70px 0;max-width:900px}.seo-copy p{color:var(--muted);font-size:17px}footer{padding:36px max(24px,calc((100vw - 1180px)/2)) 130px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px}footer p{color:var(--muted);margin:4px 0}footer nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}.player{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(960px,calc(100% - 24px));padding:12px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(22px);box-shadow:var(--shadow);z-index:50;display:grid;grid-template-columns:auto 1fr auto auto auto;gap:12px;align-items:center}.player[hidden]{display:none}.player-play,.player-close{width:44px;height:44px;border-radius:13px;border:0;background:var(--accent);color:white;cursor:pointer}.player-close{background:var(--surface2);color:var(--text);font-size:23px}.player-info{min-width:0}.player-info>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.timeline{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;color:var(--muted);font-size:11px}.timeline input,.volume input{accent-color:var(--accent);min-width:0}.volume{display:flex;align-items:center;gap:6px}.player-download{background:var(--text);color:var(--bg);text-decoration:none;padding:11px 14px;border-radius:12px;font-size:12px;font-weight:900}.toast{position:fixed;right:20px;bottom:100px;background:var(--text);color:var(--bg);padding:12px 18px;border-radius:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:60}.toast.show{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:780px){.site-header{height:68px;padding:0 16px}.site-header nav>a{display:none}.theme-button{padding:0 11px}.hero{grid-template-columns:1fr;min-height:auto;padding:58px 0 42px;gap:34px}.hero h1{font-size:clamp(44px,14vw,66px)}.hero-text{font-size:17px}.visual{width:min(330px,86vw);justify-self:center}.search-shell{border-radius:24px}.search-heading{display:block}.search-heading>p{margin-bottom:0}.results-grid{grid-template-columns:1fr}.guide{grid-template-columns:1fr;gap:25px;padding:80px 0}footer{display:block;padding-bottom:150px}footer nav{justify-content:flex-start;margin-top:20px}.player{grid-template-columns:auto 1fr auto;bottom:8px}.volume,.player-download{display:none}.player-close{grid-column:3}.timeline{grid-column:1/-1}.brand small{display:none}}@media(max-width:480px){main{width:min(100% - 24px,1180px)}.brand span{font-size:13px}.theme-button #themeLabel{display:none}.hero{padding-top:42px}.hero h1{font-size:43px}.search-shell{padding:20px 14px}.search-form{grid-template-columns:auto 1fr;padding-right:8px}.search-form button{grid-column:1/-1;width:100%}.quick-search{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.quick-search button{white-space:nowrap}.sound-card{padding:14px}.trust-row{gap:12px}}