/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#f7f5ff;--muted:#a8a3bf;--panel:#130f28db;--line:#ffffff1f;--purple:#7c3cff;--pink:#ff3dbd;--cyan:#29d9ff}*{box-sizing:border-box}html{background:#080611}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 15% -5%,#7c3cff4d,#0000 32rem),radial-gradient(circle at 90% 20%,#ff3dbd2e,#0000 28rem),#080611;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}.soundboard-shell{min-height:100vh;padding:48px clamp(16px,4vw,64px) 32px;position:relative;overflow:hidden}.background-grid{z-index:-1;opacity:.14;background-image:linear-gradient(#ffffff21 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.hero{text-align:center;max-width:1180px;margin:0 auto 34px}.eyebrow{color:#aaffcf;letter-spacing:.17em;background:#196e4729;border:1px solid #7cffbb73;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;font-size:11px;font-weight:900;display:inline-flex}.live-dot{background:#49ff9b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 13px #49ff9b}.hero h1{letter-spacing:-.075em;text-shadow:0 8px #00000061;margin:22px 0 14px;font-size:clamp(52px,11vw,128px);font-style:italic;font-weight:1000;line-height:.77}.hero h1 span{color:#0000;-webkit-text-stroke:2px #fff;text-shadow:5px 5px 0 var(--purple), -4px -3px 0 var(--pink)}.hero>p{max-width:680px;color:var(--muted);margin:24px auto 20px;font-size:clamp(14px,2vw,18px)}.edits-button{color:#fff;letter-spacing:.1em;background:linear-gradient(135deg,#ff3dbd,#7c3cff);border:1px solid #ff3dbda6;border-radius:12px;align-items:center;gap:11px;margin:0 auto 18px;padding:14px 22px;font-size:12px;font-weight:1000;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 12px 34px #7c3cff4d}.edits-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 16px 42px #ff3dbd5c}.edits-button span{font-size:18px;line-height:0}.stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.stats>span{border:1px solid var(--line);color:var(--muted);background:#ffffff0b;border-radius:9px;padding:8px 12px;font-size:12px}.stats strong{color:#fff}.stats .now-playing{color:#d9ccff}.control-deck{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;grid-template-columns:minmax(220px,1fr) minmax(210px,.8fr) auto;gap:12px;max-width:1180px;margin:0 auto 18px;padding:14px;display:grid;box-shadow:0 20px 60px #00000059}.search-box,.volume-control{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.search-box input{color:#fff;background:0 0;border:0;outline:0;width:100%}.search-box input::placeholder{color:#77728d}.volume-control input{width:100%;accent-color:var(--pink)}.volume-control span:last-child{min-width:42px;color:var(--muted);font-size:11px;font-weight:800}.stop-button{color:#ffc1ca;letter-spacing:.09em;cursor:pointer;background:#ca1b3d29;border:1px solid #ff5b7580;border-radius:12px;min-height:48px;padding:0 18px;font-size:11px;font-weight:950}.category-tabs{gap:8px;max-width:1180px;margin:0 auto 20px;padding:2px 0;display:flex;overflow-x:auto}.category-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:999px;flex:none;padding:10px 16px;font-size:12px;font-weight:850}.category-tabs button.active{color:#fff;background:linear-gradient(135deg,#7138e8,#9a3ee9);border-color:#ad8bffb8;box-shadow:0 0 24px #7c3cff47}.sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;max-width:1180px;margin:0 auto;display:grid}.sound-pad{--pad:124, 60, 255;border:1px solid rgba(var(--pad), .5);color:#fff;background:radial-gradient(circle at 82% 16%, rgba(var(--pad), .34), transparent 42%), linear-gradient(145deg, rgba(var(--pad), .16), #0d0a1bf5 64%);text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:166px;padding:18px;transition:transform .12s,border-color .12s,filter .12s;display:flex;position:relative;overflow:hidden;transform:translateY(0)scale(1);box-shadow:inset 0 1px #ffffff17,0 12px 30px #0000003d}.sound-pad:hover{border-color:rgba(var(--pad), .95);filter:brightness(1.1);transform:translateY(-3px)}.sound-pad:active,.sound-pad.playing{filter:brightness(1.45);transform:translateY(2px)scale(.975)}.sound-pad.playing{animation:.42s ease-out pad-pulse}@keyframes pad-pulse{0%{box-shadow:0 0 0 0 rgba(var(--pad), .82)}to{box-shadow:0 0 0 24px rgba(var(--pad), 0)}}.pad-number{color:#ffffff5c;letter-spacing:.1em;font-size:10px;font-weight:900;position:absolute;top:12px;left:14px}.pad-icon{filter:drop-shadow(0 5px 10px #0006);font-size:36px;position:absolute;top:18px;right:18px}.sound-pad strong{letter-spacing:-.03em;max-width:calc(100% - 28px);font-size:clamp(15px,2vw,20px);font-weight:1000;line-height:1}.sound-pad small{color:#ffffff85;letter-spacing:.12em;text-transform:uppercase;margin-top:7px;font-size:9px;font-weight:850}.play-mark{color:rgb(var(--pad));font-size:12px;position:absolute;bottom:16px;right:16px}.color-pink{--pad:255, 61, 189}.color-purple{--pad:124, 60, 255}.color-blue{--pad:44, 145, 255}.color-orange{--pad:255, 129, 45}.color-red{--pad:255, 65, 88}.color-lime{--pad:136, 255, 59}.color-green{--pad:57, 220, 132}.color-cyan{--pad:41, 217, 255}.color-yellow{--pad:255, 217, 54}.color-gray{--pad:170, 177, 194}.color-upload{--pad:255, 176, 47}.internet-pad{border:1px solid rgba(var(--pad), .32);background:linear-gradient(150deg, rgba(var(--pad), .13), #120e22f5 58%);border-radius:17px;flex-direction:column;align-items:center;min-height:270px;padding:18px 14px 4px;display:flex;position:relative;overflow:hidden}.internet-pad>strong{text-align:center;margin-top:28px;font-size:14px;font-weight:1000}.internet-pad>small{color:var(--muted);letter-spacing:.1em;margin-top:4px;font-size:8px;font-weight:900}.internet-pad iframe{background:0 0;border:0;margin-top:-9px}.video-section,.druuz-section{border:1px solid var(--line);background:linear-gradient(145deg,#2c91ff14,#130f28f2);border-radius:22px;max-width:1180px;margin:34px auto 0;padding:26px}.druuz-section{background:linear-gradient(145deg,#ff3dbd1a,#130f28f5);border:1px solid #ff3dbd59;border-radius:22px;max-width:1180px;margin:34px auto 0;padding:26px;scroll-margin-top:20px}.video-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.video-heading span{color:#6bb6ff;letter-spacing:.18em;font-size:9px;font-weight:950}.video-heading h2{letter-spacing:-.05em;margin:5px 0 0;font-size:clamp(28px,5vw,50px);font-weight:1000}.video-heading p{color:var(--muted);margin:0 0 6px;font-size:12px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.video-card{background:#ffffff09;border:1px solid #ffffff1a;border-radius:16px;padding:10px}.video-frame{aspect-ratio:16/9;background:#08060e;border-radius:10px;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-card>span{color:#6bb6ff;letter-spacing:.15em;margin:12px 4px 0;font-size:8px;font-weight:950;display:block}.video-card h3{margin:4px;font-size:15px;font-weight:1000}.upload-zone,.free-sounds,.custom-section,.original-sound{border:1px solid var(--line);background:var(--panel);border-radius:20px;max-width:1180px;margin:28px auto 0}.original-sound{background:radial-gradient(circle at 85%,#ff3dbd26,#0000 32%),linear-gradient(135deg,#7c3cff21,#130f28f0);border-color:#ff3dbd70;justify-content:space-between;align-items:center;gap:28px;min-height:220px;padding:10px 28px;display:flex}.original-sound h2{letter-spacing:-.05em;margin:8px 0;font-size:clamp(30px,6vw,58px);font-weight:1000}.original-sound p{max-width:570px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.original-badge{color:#ff78ce;letter-spacing:.17em;font-size:10px;font-weight:950}.original-sound iframe{background:#ffffff0a;border:0;border-radius:14px;flex:0 0 110px}.upload-zone{background:linear-gradient(135deg,#ffb02f14,#130f28eb);border-style:dashed;border-color:#ffb02f80;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.upload-zone>div{grid-template-columns:auto 1fr;align-items:center;column-gap:15px;display:grid}.upload-icon{color:#ffbe55;grid-row:1/3;font-size:44px}.upload-zone h2{margin:0;font-size:20px;font-weight:1000}.upload-zone p{color:var(--muted);margin:5px 0 0;font-size:12px}.upload-button{color:#261600;letter-spacing:.08em;cursor:pointer;background:linear-gradient(135deg,#ffd86a,#ff9c2f);border-radius:12px;flex:none;padding:13px 18px;font-size:11px;font-weight:1000;box-shadow:0 8px 26px #ff99253b}.upload-button input{display:none}.custom-section,.free-sounds{padding:24px}.custom-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading span{color:#a799c5;letter-spacing:.18em;font-size:9px;font-weight:950}.section-heading h2{margin:4px 0 0;font-size:24px;font-weight:1000}.section-heading>strong{color:#1c0e00;background:#ff9c2f;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.free-sounds>p{color:var(--muted);font-size:12px;line-height:1.65}.source-links{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.source-links a{border:1px solid var(--line);color:#d7d0e8;background:#ffffff0a;border-radius:9px;padding:10px 13px;font-size:11px;font-weight:850;text-decoration:none}.source-links a:hover{color:#fff;border-color:#8c63ef}footer{border-top:1px solid var(--line);color:#69647c;justify-content:space-between;gap:20px;max-width:1180px;margin:34px auto 0;padding-top:20px;font-size:10px;display:flex}footer strong{color:#938ba8;letter-spacing:.12em}@media (width<=900px){.sound-grid,.custom-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.control-deck{grid-template-columns:1fr 1fr}.stop-button{grid-column:1/-1}}@media (width<=650px){.soundboard-shell{padding:32px 12px 24px}.hero h1{font-size:clamp(48px,19vw,86px)}.sound-grid,.custom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sound-pad{border-radius:14px;min-height:142px;padding:14px}.pad-icon{font-size:30px;top:15px;right:14px}.play-mark{bottom:13px;right:12px}.control-deck{grid-template-columns:1fr;padding:10px}.stop-button{grid-column:auto}.upload-zone{flex-direction:column;align-items:stretch}.video-section,.druuz-section{padding:16px}.video-heading{flex-direction:column;align-items:start}.video-grid{grid-template-columns:1fr}.original-sound{padding:20px}.upload-button{text-align:center}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}