@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121c;--bg-card:#1a1a2e;--bg-card-hover:#1e1e38;--accent-primary:#7c3aed;--accent-secondary:#06b6d4;--accent-glow:#7c3aed66;--accent-cyan-glow:#06b6d44d;--text-primary:#f0f0ff;--text-secondary:#99b;--text-muted:#668;--border-subtle:#7c3aed26;--border-active:#7c3aed80;--success:#10b981;--danger:#ef4444;--heart:#f43f5e;--gradient-hero:linear-gradient(135deg,#0a0a0f 0%,#1a0a2e 50%,#0a0a1a 100%);--gradient-card:linear-gradient(145deg,#1a1a2e,#12121c);--gradient-accent:linear-gradient(135deg,#7c3aed,#06b6d4);--gradient-btn:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 20px #7c3aed4d;--shadow-hover:0 8px 32px #7c3aed40;--cat-default:linear-gradient(135deg,#7054ff,#a08aff);--cat-cid:linear-gradient(135deg,red,#ff5050);--cat-anime:linear-gradient(135deg,#f36,#ff6690);--cat-spongebob:linear-gradient(135deg,#ffffa0,#e8e860);--cat-fart:linear-gradient(135deg,#390,#5c0);--cat-laugh:linear-gradient(135deg,#cac31a,#e8df30);--cat-cricket:linear-gradient(135deg,#06ff27,#00cc1e);--cat-gta:linear-gradient(135deg,#2a8dff,#66b2ff);--cat-minecraft:linear-gradient(135deg,#cac31a,#a8a215);--cat-explosion:linear-gradient(135deg,#ff961e,#ffb55a);--cat-puneet:linear-gradient(135deg,#8d72b5,#b099d4);--cat-carryminati:linear-gradient(135deg,#630,#950);--cat-discord:linear-gradient(135deg,#123470,#1e4fa8);--cat-gun:linear-gradient(135deg,#5c5c5c,#888);--cat-ringtone:linear-gradient(135deg,#ff7272,#f99);--cat-notification:linear-gradient(135deg,#ffface,#fff5a0);--cat-vine:linear-gradient(135deg,#e1a3ff,#c7f);--cat-sad:linear-gradient(135deg,#7054ff,#9077ff);--cat-horror:linear-gradient(135deg,#ff0f7b,#ff4da0);--cat-indian:linear-gradient(135deg,#ff961e,#ffb55a);--cat-roblox:linear-gradient(135deg,#194bff,#4d77ff);--cat-faah:linear-gradient(135deg,#ff0f7b,#ff4da0);--cat-valorant:linear-gradient(135deg,#ff008e,#ff4db8);--cat-among-us:linear-gradient(135deg,#f56eff,#da44ff);--cat-phonk:linear-gradient(135deg,#000,#333);--palette-0:linear-gradient(135deg,red,#ff5050);--palette-1:linear-gradient(135deg,#630,#950);--palette-2:linear-gradient(135deg,#f36,#ff6690);--palette-3:linear-gradient(135deg,#ffffa0,#e8e860);--palette-4:linear-gradient(135deg,#cac31a,#e8df30);--palette-5:linear-gradient(135deg,#5c5c5c,#888);--palette-6:linear-gradient(135deg,#390,#5c0);--palette-7:linear-gradient(135deg,#000,#333);--palette-8:linear-gradient(135deg,#ff961e,#ffb55a);--palette-9:linear-gradient(135deg,#8d72b5,#b099d4);--palette-10:linear-gradient(135deg,#f56eff,#da44ff);--palette-11:linear-gradient(135deg,#194bff,#4d77ff);--palette-12:linear-gradient(135deg,#e1a3ff,#c7f);--palette-13:linear-gradient(135deg,#123470,#1e4fa8);--palette-14:linear-gradient(135deg,#2a8dff,#66b2ff);--palette-15:linear-gradient(135deg,#ff008e,#ff4db8);--palette-16:linear-gradient(135deg,#7054ff,#9077ff);--palette-17:linear-gradient(135deg,#ffface,#fff5a0);--palette-18:linear-gradient(135deg,#06ff27,#00cc1e);--palette-19:linear-gradient(135deg,#ff0f7b,#ff4da0);--palette-20:linear-gradient(135deg,#ff7272,#f99);--palette-21:linear-gradient(135deg,#ff961e,#ffb55a);--palette-22:linear-gradient(135deg,#630,#950)}[data-theme=light]{--bg-primary:#f4f4f9;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#fafafa;--text-primary:#111118;--text-secondary:#445;--text-muted:#667;--border-subtle:#7c3aed26;--border-active:#7c3aed66;--gradient-hero:linear-gradient(135deg,#f4f4f9 0%,#eef 50%,#f4f4f9 100%);--gradient-card:linear-gradient(145deg,#fff,#fdfdff);--shadow-card:0 4px 16px #0000000d;--shadow-glow:0 0 20px #7c3aed26;--shadow-hover:0 8px 24px #7c3aed33}[data-theme=light] .search-input,[data-theme=light] .cat-tab{background:#00000008}[data-theme=light] .cat-tab-count{color:var(--text-primary);background:#00000014}[data-theme=light] .sound-action-btn{box-shadow:0 2px 4px #0000001a}[data-theme=light] .modal-action-btn{background:#00000005}[data-theme=light] .header{background:#f4f4f9d9;border-bottom:none;box-shadow:0 1px 12px #0000000d}[data-theme=light] .playing-indicator{border-color:var(--bg-card)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:clip}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a855f7}::selection{color:#fff;background:#7c3aed4d}.header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0a0fd9;padding:0 1rem;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;min-height:64px;margin:0 auto;padding:.5rem 0;display:flex}.logo{flex-shrink:0;align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon{background:var(--gradient-accent);width:38px;height:38px;box-shadow:var(--shadow-glow);border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.logo-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700}.logo-badge{background:var(--accent-primary);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 6px;font-size:.6rem;font-weight:700}.header-stats{align-items:center;gap:1.5rem;display:flex}.install-btn{background:var(--gradient-btn);color:#fff;cursor:pointer;box-shadow:var(--shadow-glow);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;transition:transform .2s,filter .2s;display:flex}.install-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (max-width:640px){.install-btn-text{display:none}.install-btn{padding:.5rem}}.header-stat{text-align:center;display:none}@media (min-width:640px){.header-stat{display:block}}.header-stat-num{color:var(--accent-secondary);font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.header-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.theme-toggle{border:1px solid var(--border-subtle);cursor:pointer;width:38px;height:38px;color:var(--text-primary);background:#7c3aed1a;border-radius:50%;justify-content:center;align-items:center;margin-left:.5rem;font-size:1.1rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:rotate(15deg)scale(1.1)}.search-wrapper{flex:1;min-width:240px;max-width:600px;margin:0 auto;position:relative}.search-input{border:1.5px solid var(--border-subtle);width:100%;color:var(--text-primary);appearance:none;background:#ffffff0d;border-radius:999px;outline:none;padding:.6rem 2.5rem;font-family:Inter,sans-serif;font-size:18px;transition:all .25s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent-primary);background:#7c3aed14;box-shadow:0 0 0 3px #7c3aed26}.search-input::-webkit-search-cancel-button{appearance:none}@media (max-width:768px){.search-wrapper{order:3;width:100%;max-width:100%;margin:0}.header-inner{gap:.75rem}}.search-icon{color:var(--text-muted);pointer-events:none;font-size:1.1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;font-size:1.1rem;transition:color .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-clear:hover{color:var(--text-primary)}.main{max-width:1400px;margin:0 auto;padding:1.5rem}.legal-page{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;max-width:800px;margin:3rem auto;padding:3rem 1.5rem;line-height:1.8}.legal-page h1{color:var(--accent-secondary);margin-bottom:2rem;font-family:Space Grotesk,sans-serif;font-size:2.2rem}.legal-page h2{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.legal-page p{color:var(--text-secondary);margin-bottom:1rem}.legal-page ul{color:var(--text-secondary);margin-bottom:1.5rem;margin-left:1.5rem}.categories-wrap{align-items:center;gap:.4rem;margin-bottom:1.5rem;display:flex;position:relative}.cat-scroll-btn{border:1.5px solid var(--border-subtle);background:var(--bg-secondary);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .2s;display:flex}.cat-scroll-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.categories-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%)}.categories-scroll::-webkit-scrollbar{display:none}.categories-tabs{gap:.5rem;width:max-content;padding:.25rem 0;display:flex}.cat-tab{cursor:pointer;border:1.5px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;background:#0003;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.cat-tab:hover{border-color:var(--accent-primary);color:var(--text-primary);background:#7c3aed1a}.cat-tab.active{background:var(--gradient-btn);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000}.cat-tab-count{background:#ffffff26;border-radius:999px;padding:1px 6px;font-size:.7rem}.cat-tab.active .cat-tab-count{background:#ffffff40}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-title{color:var(--text-primary);align-items:center;gap:.5rem;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.section-title-accent{background:var(--gradient-accent);border-radius:2px;width:4px;height:1.15em;display:inline-block}.section-count{color:var(--text-muted);font-size:.8rem}.sounds-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:1.5rem .9rem;display:grid}@media (max-width:480px){.sounds-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:1.25rem 1.5rem}}.sound-card{cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;justify-content:space-between;align-items:center;gap:.4rem;padding:0;display:flex;position:relative;overflow:visible}.sound-card-actions{z-index:10;flex-direction:row;justify-content:center;align-items:center;gap:.35rem;margin-top:-.2rem;display:flex}.sound-action-btn{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;line-height:0;transition:none;display:flex;box-shadow:0 2px 6px #00000059}.sound-action-btn:first-child{background:#e04f5f}.sound-action-btn:nth-child(2),.sound-action-btn:nth-child(3){background:#25b7d3}.sound-action-btn.fav-active{filter:brightness(1.25)}.sprite-btn-wrap{flex-shrink:0;justify-content:center;align-items:center;width:111px;height:105px;transition:transform .15s;display:flex;position:relative}.sprite-btn-wrap:after{content:"";background:var(--cat-color,var(--cat-default));z-index:0;border-radius:50%;width:94px;height:89px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sprite-btn{cursor:pointer;z-index:1;background-image:url(/transparent_button_small_sprite.png);background-position:0 0;background-repeat:no-repeat;background-size:200% 100%;border:none;border-radius:50%;width:111px;height:105px;transition:transform .1s;display:block;position:relative}.sprite-btn.pressed,.sprite-btn:active,.sound-card.playing .sprite-btn{background-position:100% 0}.sound-card[data-category=cid]{--cat-color:var(--cat-cid);--cat-glow:#dc262680;--cat-border:#f9731666}.sound-card[data-category=anime]{--cat-color:var(--cat-anime);--cat-glow:#ec489980;--cat-border:#f472b666}.sound-card[data-category=spongebob]{--cat-color:var(--cat-spongebob);--cat-glow:#f59e0b80;--cat-border:#fcd34d66}.sound-card[data-category=fart]{--cat-color:var(--cat-fart);--cat-glow:#16a34a80;--cat-border:#4ade8059}.sound-card[data-category=laugh]{--cat-color:var(--cat-laugh);--cat-glow:#d9770680;--cat-border:#fbbf2466}.sound-card[data-category=cricket]{--cat-color:var(--cat-cricket);--cat-glow:#05966980;--cat-border:#34d39959}.sound-card[data-category=gta]{--cat-color:var(--cat-gta);--cat-glow:#0ea5e980;--cat-border:#38bdf866}.sound-card[data-category=minecraft]{--cat-color:var(--cat-minecraft);--cat-glow:#65a30d80;--cat-border:#a3e63566}.sound-card[data-category=explosion]{--cat-color:var(--cat-explosion);--cat-glow:#b4530980;--cat-border:#fbbf2466}.sound-card[data-category=puneet]{--cat-color:var(--cat-puneet);--cat-glow:#7c3aed80;--cat-border:#c084fc66}.sound-card[data-category=carryminati]{--cat-color:var(--cat-carryminati);--cat-glow:#1d4ed880;--cat-border:#60a5fa66}.sound-card[data-category=discord]{--cat-color:var(--cat-discord);--cat-glow:#4f46e580;--cat-border:#818cf866}.sound-card[data-category=gun]{--cat-color:var(--cat-gun);--cat-glow:#4b556380;--cat-border:#9ca3af59}.sound-card[data-category=ringtone]{--cat-color:var(--cat-ringtone);--cat-glow:#0891b280;--cat-border:#22d3ee66}.sound-card[data-category=notification]{--cat-color:var(--cat-notification);--cat-glow:#0284c780;--cat-border:#38bdf866}.sound-card[data-category=vine]{--cat-color:var(--cat-vine);--cat-glow:#7c3aed73;--cat-border:#06b6d466}.sound-card[data-category=sad]{--cat-color:var(--cat-sad);--cat-glow:#1e40af80;--cat-border:#6366f166}.sound-card[data-category=horror]{--cat-color:var(--cat-horror);--cat-glow:#7f1d1d99;--cat-border:#dc262673}.sound-card[data-category=indian]{--cat-color:var(--cat-indian);--cat-glow:#ea580c80;--cat-border:#fb923c66}.sound-card[data-category=roblox]{--cat-color:var(--cat-roblox);--cat-glow:#1e3a8a80;--cat-border:#3b82f666}.sound-card[data-category=faah]{--cat-color:var(--cat-faah);--cat-glow:#0e74908c;--cat-border:#06b6d473}.sound-card[data-category=valorant]{--cat-color:var(--cat-valorant);--cat-glow:#be123c80;--cat-border:#f43f5e73}.sound-card[data-category=among-us]{--cat-color:var(--cat-among-us);--cat-glow:#7e22ce80;--cat-border:#c026d366}.sound-card[data-category=bruh]{--cat-color:var(--cat-bruh);--cat-glow:#064e3b80;--cat-border:#10b98166}.sound-card[data-category=phonk]{--cat-color:var(--cat-phonk);--cat-glow:#4c1d958c;--cat-border:#7c3aed73}.sound-card[data-category]:hover{border-color:var(--cat-border,var(--border-active))}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.sound-name{color:var(--text-primary);text-underline-offset:1px;word-break:break-all;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:.72rem;font-weight:500;line-height:1.2;text-decoration:underline;transition:color .2s;display:-webkit-box;overflow:hidden}.sound-card:hover .sound-name,.sound-card.playing .sound-name{color:var(--accent-secondary)}.category-section{margin-bottom:2.5rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border-active);width:100%;max-width:420px;box-shadow:var(--shadow-glow),0 24px 60px #0009;border-radius:20px;padding:1.75rem;animation:.25s slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.modal-title{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700}.modal-close{border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.modal-close:hover{color:var(--text-primary);background:#ffffff0d}.modal-sound-name{color:var(--accent-secondary);border-left:3px solid var(--accent-secondary);background:#06b6d414;border-radius:8px;margin-bottom:1.25rem;padding:.5rem .875rem;font-size:.9rem;font-weight:600}.modal-actions{flex-direction:column;gap:.625rem;display:flex}.modal-action-btn{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;text-align:left;background:#ffffff08;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.modal-action-btn:hover{border-color:var(--accent-primary);background:#7c3aed1a;transform:translate(3px)}.modal-action-btn.success{border-color:var(--success);color:var(--success);background:#10b98114}.modal-action-icon{background:#7c3aed26;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.favs-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9rem}.no-results{text-align:center;color:var(--text-secondary);padding:4rem 2rem}.no-results-emoji{margin-bottom:1rem;font-size:3rem}.no-results-title{margin-bottom:.5rem;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700}.no-results-sub{color:var(--text-muted);font-size:.875rem}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);margin-top:4rem;padding:4rem 1.5rem 2rem}.footer-inner{max-width:1400px;margin:0 auto}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:2rem}}.footer-col{flex-direction:column;display:flex}.footer-logo{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:800;text-decoration:none;display:inline-block}.footer-desc{color:var(--text-muted);max-width:440px;font-size:.9rem;line-height:1.7}.footer-heading{color:var(--text-primary);margin-bottom:1.25rem;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700}.footer-links{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-secondary);text-decoration:underline}.category-links{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.footer-bottom{color:var(--text-muted);text-align:center;border-top:1px solid #ffffff0d;padding-top:1.5rem;font-size:.85rem}.toast{background:var(--bg-card);border:1px solid var(--border-active);color:var(--text-primary);box-shadow:var(--shadow-glow),0 8px 32px #0006;z-index:300;white-space:nowrap;pointer-events:none;border-radius:999px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px)}.toast.visible{transform:translate(-50%)translateY(0)}.scroll-hint{text-align:center;color:var(--text-muted);letter-spacing:.03em;margin-top:1.25rem;font-size:.78rem;animation:2s ease-in-out infinite fade-pulse}@keyframes fade-pulse{0%,to{opacity:.5}50%{opacity:1}}.divider{background:linear-gradient(90deg,transparent,var(--border-active),transparent);width:100%;height:1px;margin:2rem 0}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}