/*! 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{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px);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{--background:#07070b;--foreground:#f5f4ed;--font-geist-sans:Arial, Helvetica, sans-serif;--font-geist-mono:"Courier New", monospace}*{box-sizing:border-box}html,body{min-height:100%;color:var(--foreground);background:#07070b;margin:0}body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #fff36d}.club-app{--track-color:#ff3d81;--track-accent:#ffc400;--audio-level:.35;isolation:isolate;color:#f7f5e9;background:#08070b;min-height:100svh;position:relative;overflow:hidden}.club-scene{background:radial-gradient(circle at 50% 110%, var(--track-color), transparent 52%), linear-gradient(#05040a 0%, #0c0a17 66%, #170d1d 100%);height:48svh;min-height:340px;max-height:560px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.club-scene{background:radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--track-color) 35%, transparent), transparent 52%), linear-gradient(#05040a 0%, #0c0a17 66%, #170d1d 100%)}}.club-scene{border-bottom:2px solid #362f3d}.ceiling-grid{opacity:.16;transform-origin:top;background-image:linear-gradient(#b9a6ff 1px,#0000 1px),linear-gradient(90deg,#b9a6ff 1px,#0000 1px);background-size:58px 42px;position:absolute;inset:-12% -8% 45%;transform:perspective(300px)rotateX(56deg);-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.club-header{z-index:12;color:#fff;font:800 11px/1 var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:absolute;inset:16px 24px auto}.brand-lockup,.crowd-meter{align-items:center;gap:9px;display:flex}.crowd-meter{justify-self:end}.header-title{letter-spacing:.16em;font-size:18px}.header-title b{color:var(--track-color);text-shadow:0 0 18px var(--track-color)}.live-dot,.status-light{background:#ff2b57;border-radius:50%;width:8px;height:8px;animation:1s steps(2,end) infinite blink;box-shadow:0 0 13px #ff2b57}.truss{z-index:4;background:repeating-linear-gradient(115deg,#0000 0 28px,#45414e 29px 32px);border:3px solid #25242d;justify-content:space-around;height:15px;display:flex;position:absolute;top:60px;left:12%;right:12%;box-shadow:0 3px #06060a}.truss i{width:22px;height:22px;box-shadow:0 8px 25px var(--track-color);background:#25232d;border:2px solid #55515d;border-radius:5px;transform:translateY(10px)}.stage-screen{z-index:5;width:min(610px,58vw);height:185px;box-shadow:0 0 calc(35px + var(--audio-level) * 60px) var(--track-color), inset 0 0 80px #000;background-color:#080811;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:5px solid #222029;flex-direction:column;justify-content:center;align-items:center;padding:18px 24px 0;display:flex;position:absolute;top:98px;left:50%;overflow:hidden;transform:translate(-50%)perspective(680px)rotateX(-2deg)}@supports (color:color-mix(in lab, red, red)){.stage-screen{box-shadow:0 0 calc(35px + var(--audio-level) * 60px) color-mix(in srgb, var(--track-color) 50%, transparent), inset 0 0 80px #000}}.screen-title{font:900 clamp(12px, 1.2vw, 17px)/1 var(--font-geist-mono), monospace;letter-spacing:.42em;color:var(--track-accent);text-shadow:0 0 12px var(--track-accent)}.screen-track{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:900 clamp(22px, 3.2vw, 47px)/1 var(--font-geist-sans), sans-serif;letter-spacing:-.05em;text-transform:uppercase;text-shadow:4px 4px 0 var(--track-color);margin:8px 0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.screen-track{text-shadow:4px 4px 0 color-mix(in srgb, var(--track-color) 70%, #000)}}.visualizer{justify-content:center;align-items:end;gap:3px;width:100%;height:54px;display:flex}.visualizer i{background:linear-gradient(var(--track-accent), var(--track-color));min-width:2px;max-width:9px;box-shadow:0 0 7px var(--track-color);flex:1;transition:height 75ms linear}.laser{z-index:3;transform-origin:0;filter:blur(.4px);width:46vw;height:3px;opacity:calc(.35 + var(--audio-level) * .55);position:absolute;top:77px;box-shadow:0 0 8px,0 0 20px}.laser-one{color:#ff2d9d;background:currentColor;left:15%;transform:rotate(22deg)}.laser-two{color:#40e7ff;transform-origin:100%;background:currentColor;right:15%;transform:rotate(-22deg)}.laser-three{color:#a9ff32;background:currentColor;width:34vw;left:34%;transform:rotate(42deg)}.is-playing .laser-one{animation:1.8s ease-in-out infinite alternate laserSweep}.is-playing .laser-two{animation:2.15s ease-in-out infinite alternate laserSweepRight}.is-playing .laser-three{animation:1.25s ease-in-out infinite alternate-reverse laserSweep}.spot{z-index:2;filter:blur(10px);width:12vw;height:85%;opacity:calc(.08 + var(--audio-level) * .25);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);position:absolute;top:75px}.spot-one{background:#fc25a9;left:15%;transform:rotate(-12deg)}.spot-two{background:#14c8ff;right:15%;transform:rotate(12deg)}.fog{z-index:2;filter:blur(32px);background:#ac91cc1a;border-radius:50%;width:55%;height:46%;position:absolute}.fog-one{bottom:0;left:-8%}.fog-two{bottom:8%;right:-12%}.crowd{z-index:9;height:145px;position:absolute;inset:auto 0 -20px}.crowd:before{content:"";background:linear-gradient(#0000,#050407 28%);position:absolute;inset:60px 0 0}.crowd>span{transform-origin:bottom;width:31px;height:91px;filter:drop-shadow(0 -4px 7px var(--track-color));background:#050408;border-radius:48% 48% 9px 9px;animation:1.25s ease-in-out infinite alternate crowdBounce;position:absolute;bottom:0}@supports (color:color-mix(in lab, red, red)){.crowd>span{filter:drop-shadow(0 -4px 7px color-mix(in srgb, var(--track-color) 18%, transparent))}}.crowd>span:before{content:"";background:#050408;border-radius:50%;width:26px;height:27px;position:absolute;top:-17px;left:2px}.crowd>span:after{content:"";background:#050408;border-radius:20px;width:55px;height:13px;position:absolute;top:27px;left:-12px;transform:rotate(-8deg)}.crowd>span.hands-up:after{top:-3px;transform:rotate(-55deg)}.is-playing .crowd>span{animation-duration:calc(.34s + (1 - var(--audio-level)) * .45s)}.booth{z-index:20;background:radial-gradient(circle at 50% -80%, var(--track-color), transparent 62%), linear-gradient(165deg, #242329 0%, #111116 45%, #0a0a0e 100%);grid-template-columns:minmax(280px,.9fr) minmax(350px,1.15fr) minmax(280px,.9fr);gap:18px;min-height:calc(52svh - 30px);padding:34px 28px 42px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.booth{background:radial-gradient(circle at 50% -80%, color-mix(in srgb, var(--track-color) 13%, transparent), transparent 62%), linear-gradient(165deg, #242329 0%, #111116 45%, #0a0a0e 100%)}}.booth{perspective:900px;border-top:9px solid #08080a;box-shadow:0 -12px 30px #000,inset 0 3px #3d3a42}.booth:after{content:"";pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:repeating-linear-gradient(105deg,#0000 0 5px,#fff 6px,#0000 7px 13px);position:absolute;inset:0}.booth-edge{z-index:3;color:#0c0c0c;width:min(720px,70%);font:900 10px/1 var(--font-geist-mono), monospace;letter-spacing:.06em;text-shadow:0 0 3px #fff;background:repeating-linear-gradient(135deg,#ffe500 0 12px,#151515 13px 24px);border:3px solid #050505;justify-content:center;gap:16px;padding:7px 18px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-55%)}.deck,.mixer{z-index:1;background:linear-gradient(145deg,#222127,#0c0c10);border:1px solid #3b3941;border-radius:10px;min-width:0;position:relative;transform:rotateX(3deg);box-shadow:0 12px 22px #0008,inset 1px 1px #49464f}.deck{padding:14px}.deck-label{color:#8b8792;font:800 9px/1 var(--font-geist-mono), monospace;letter-spacing:.1em;justify-content:space-between;align-items:center;display:flex}.deck-label span{color:#fff;font-size:12px}.deck-label b{color:#53ff97}.turntable{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 48% 48%,#29282e 0 58%,#151519 59% 72%,#2c2b31 73%);border:0;border-radius:8px;width:min(30vh,260px);margin:10px auto 8px;display:block;position:relative;box-shadow:inset 0 0 0 2px #424047,inset 0 0 28px #000}.vinyl,.mini-vinyl{--vinyl:#ff3d81;--label:#ffc400;background:repeating-radial-gradient(circle,#08080a 0 3px,#151519 4px 6px,#08080a 7px 9px);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 1px #000,0 10px 20px #0009}.vinyl{position:absolute;inset:7%}.vinyl:after,.mini-vinyl:after{content:"";aspect-ratio:1;background:#060606;border-radius:50%;width:5%;box-shadow:0 0 0 3px #e8e3c9}.vinyl-label{aspect-ratio:1;background:radial-gradient(circle, transparent 0 5%, var(--label) 6% 100%);color:#0b080c;text-align:center;border:2px solid var(--vinyl);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:38%;padding:10px;display:flex;position:absolute;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.vinyl-label{border:2px solid color-mix(in srgb, var(--vinyl) 50%, #000)}}.vinyl-label b{font-size:clamp(18px,2.3vw,32px);line-height:.9}.vinyl-label small{width:100%;font:900 7px/1 var(--font-geist-mono), monospace;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.spinning{animation:1.8s linear infinite spin}.tonearm{transform-origin:top;background:linear-gradient(90deg,#817f83,#ddd,#5d5b60);border-radius:20px;width:12px;height:68%;position:absolute;top:7%;right:8%;transform:rotate(18deg);box-shadow:2px 2px 5px #000}.tonearm:before{content:"";background:radial-gradient(#333,#777 45%,#17171a 48%);border-radius:50%;width:26px;height:26px;position:absolute;top:-6px;left:-7px}.tonearm i{background:#343239;border-radius:3px;width:22px;height:31px;position:absolute;bottom:-4px;left:-5px}.change-record,.download-button{color:#fff;cursor:pointer;width:100%;min-height:42px;font:900 10px/1 var(--font-geist-mono), monospace;letter-spacing:.06em;background:linear-gradient(#28262d,#17161b);border:1px solid #5b5861;border-radius:5px;justify-content:center;align-items:center;gap:9px;text-decoration:none;display:flex}.change-record:hover,.download-button:hover{color:#0b090d;background:var(--track-accent);border-color:var(--track-accent);box-shadow:0 0 20px var(--track-accent)}@supports (color:color-mix(in lab, red, red)){.change-record:hover,.download-button:hover{box-shadow:0 0 20px color-mix(in srgb, var(--track-accent) 38%, transparent)}}.mixer{flex-direction:column;align-items:stretch;padding:14px 18px 16px;display:flex}.now-playing{color:#7aff96;min-height:64px;font-family:var(--font-geist-mono), monospace;background:#111a13;border:2px solid #070708;grid-template-columns:1fr auto;padding:10px 13px;display:grid;box-shadow:inset 0 0 16px #000}.now-playing .eyebrow{letter-spacing:.14em;color:#7b947e;font-size:8px}.now-playing strong{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;text-shadow:0 0 8px #56ff7a;grid-column:1/-1;font-size:clamp(13px,1.35vw,20px);overflow:hidden}.now-playing .file-name{text-overflow:ellipsis;white-space:nowrap;color:#4d7654;grid-column:1/-1;margin-top:3px;font-size:8px;overflow:hidden}.transport{justify-content:center;align-items:center;gap:8px;margin:11px 0 7px;display:flex}.transport button{color:#cfccd3;cursor:pointer;background:linear-gradient(#29282f,#141318);border:1px solid #53505a;border-radius:4px;width:45px;height:34px;font-size:11px;box-shadow:0 3px #070709}.transport .play-button{border-color:var(--track-color);color:#fff;background:var(--track-color);width:55px;height:42px}@supports (color:color-mix(in lab, red, red)){.transport .play-button{background:color-mix(in srgb, var(--track-color) 38%, #19171c)}}.transport .play-button{box-shadow:0 0 17px var(--track-color), 0 3px #070709}@supports (color:color-mix(in lab, red, red)){.transport .play-button{box-shadow:0 0 17px color-mix(in srgb, var(--track-color) 48%, transparent), 0 3px #070709}}.transport .play-button{font-size:21px}.transport button:active{box-shadow:none;transform:translateY(2px)}.progress-wrap{color:#7f7c86;font:700 8px/1 var(--font-geist-mono), monospace;grid-template-columns:38px 1fr 38px;align-items:center;gap:7px;display:grid}.progress-wrap input,.fader input{accent-color:var(--track-color);cursor:pointer}.mixer-controls{border-top:1px solid #323038;flex:1;grid-template-columns:1fr 20px 1fr;align-items:center;gap:14px;min-height:90px;margin-top:12px;padding-top:10px;display:grid}.fader{color:#9d99a4;font:900 8px/1 var(--font-geist-mono), monospace;grid-template-columns:1fr auto;gap:7px;display:grid}.fader output{color:#fff}.fader input{grid-column:1/-1;width:100%}.fader button{color:#77727e;font:900 8px/1 var(--font-geist-mono), monospace;cursor:pointer;background:#1b191f;border:1px solid #4f4b55;border-radius:3px}.fader button.on{color:#08140b;background:#48ff7c;box-shadow:0 0 10px #48ff7c}.vu-meter{flex-direction:column-reverse;gap:2px;height:70px;display:flex}.vu-meter i{background:#29282c;border-radius:1px;flex:1}.vu-meter i.active{background:#43ff76;box-shadow:0 0 5px #43ff76}.vu-meter i.active:nth-last-child(-n+4){background:#ffe43b;box-shadow:0 0 5px #ffe43b}.vu-meter i.active:nth-last-child(-n+2){background:#ff4059;box-shadow:0 0 5px #ff4059}.error-display{color:#ff98a5;font:800 8px/1.3 var(--font-geist-mono), monospace;background:#351016;border:1px solid #ff4c61;margin-top:7px;padding:6px 8px}.sample-grid{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 16px;display:grid}.sample-grid button{color:#b7b2bd;cursor:pointer;min-height:52px;font:900 8px/1 var(--font-geist-mono), monospace;background:linear-gradient(#242229,#121116);border:1px solid #44414a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;box-shadow:0 4px #070709}.sample-grid button:hover{color:#fff;border-color:var(--track-color)}.sample-grid button:active{transform:translateY(3px);box-shadow:0 1px #070709}.sample-grid button i{background:var(--track-color);width:11px;height:11px;box-shadow:0 0 9px var(--track-color);border-radius:50%}.download-button{grid-template-rows:auto auto;grid-template-columns:auto auto;column-gap:9px;min-height:52px;display:grid}.download-button span{grid-row:1/3;font-size:24px}.download-button small{font:600 7px/1 var(--font-geist-mono), monospace;opacity:.62}.status-strip{z-index:30;color:#76727e;height:30px;font:800 8px/1 var(--font-geist-mono), monospace;letter-spacing:.07em;background:#08080b;border-top:1px solid #34313a;justify-content:space-between;align-items:center;gap:20px;padding:0 18px;display:flex;position:relative;overflow:hidden}.status-strip span{white-space:nowrap;align-items:center;gap:7px;display:flex}.status-strip .status-light{background:#50ff7c;display:inline-block;box-shadow:0 0 8px #50ff7c}.crate-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020105c7;justify-content:center;align-items:end;padding:28px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.record-crate{background:linear-gradient(145deg,#29262d,#111014);border:2px solid #5a5560;border-radius:14px 14px 5px 5px;width:min(1120px,100%);max-height:86svh;animation:.28s cubic-bezier(.2,.8,.2,1) crateUp;overflow:hidden;box-shadow:0 -20px 70px #000,inset 0 1px #77717d}.record-crate>header{background:repeating-linear-gradient(135deg,#ffe5000f 0 12px,#0000 13px 24px);border-bottom:1px solid #48434d;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px 14px;display:flex}.record-crate header span{color:var(--track-color);font:900 9px/1 var(--font-geist-mono), monospace;letter-spacing:.1em}.record-crate h2{letter-spacing:-.045em;text-transform:uppercase;margin:5px 0 0;font-size:clamp(23px,3vw,39px);line-height:1}.record-crate header button{color:#fff;cursor:pointer;background:#151419;border:1px solid #58535e;border-radius:5px;width:42px;height:42px;font-size:29px}.record-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-height:calc(86svh - 86px);padding:22px;display:grid;overflow:auto}.record-grid>button{color:#efedf2;cursor:pointer;text-align:center;background:#131217;border:1px solid #3d3942;border-radius:7px;flex-direction:column;align-items:center;min-width:0;padding:14px 10px 12px;display:flex}.record-grid>button:hover,.record-grid>button.selected{border-color:var(--track-color);background:var(--track-color);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.record-grid>button:hover,.record-grid>button.selected{background:color-mix(in srgb, var(--track-color) 10%, #131217)}}.record-grid>button:hover,.record-grid>button.selected{box-shadow:0 9px 24px #0008, 0 0 16px var(--track-color)}@supports (color:color-mix(in lab, red, red)){.record-grid>button:hover,.record-grid>button.selected{box-shadow:0 9px 24px #0008, 0 0 16px color-mix(in srgb, var(--track-color) 20%, transparent)}}.mini-vinyl{aspect-ratio:1;width:min(110px,78%);margin-bottom:12px;position:relative}.mini-vinyl i{aspect-ratio:1;background:var(--label);border-radius:50%;place-items:center;width:42%;font-size:20px;font-style:normal;display:grid;position:absolute}.record-grid b{min-height:2.4em;font-size:12px;line-height:1.2}.record-grid small{color:#77717d;font:700 8px/1 var(--font-geist-mono), monospace;margin-top:6px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.25}}@keyframes crowdBounce{to{transform:translateY(-7px) scale(var(--scale,1))}}@keyframes laserSweep{to{transform:rotate(37deg)}}@keyframes laserSweepRight{to{transform:rotate(-37deg)}}@keyframes fadeIn{0%{opacity:0}}@keyframes crateUp{0%{opacity:0;transform:translateY(80px)}}@media (max-width:980px){.club-header{grid-template-columns:1fr 1fr}.club-header .header-title{display:none}.stage-screen{width:74vw}.booth{grid-template-columns:1fr 1.12fr}.deck-right{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px;display:grid}.deck-right .deck-label{grid-column:1/-1}.sample-grid{margin:0}.download-button{align-self:stretch}.record-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:680px){.club-scene{height:41svh;min-height:300px}.club-header{grid-template-columns:1fr;inset:12px}.crowd-meter{display:none}.truss{top:47px;left:3%;right:3%}.stage-screen{width:92vw;height:150px;padding-inline:12px;top:84px}.screen-title{letter-spacing:.2em}.crowd{transform-origin:bottom;width:125%;left:-12.5%;transform:scale(.8)}.booth{grid-template-columns:1fr;padding:31px 12px 28px}.mixer{order:-1}.deck{transform:none}.turntable{width:min(76vw,300px)}.deck-right{grid-column:auto;grid-template-columns:1fr}.deck-right .deck-label{grid-column:auto}.booth-edge{gap:4px;width:92%;font-size:7px}.status-strip span:nth-child(2){display:none}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.crate-backdrop{padding:10px}.record-crate{max-height:92svh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.club-scene,.booth{contain:layout paint}.visualizer{filter:drop-shadow(0 0 7px var(--track-color));contain:layout paint}.visualizer i{box-shadow:none;will-change:height}.crowd{filter:drop-shadow(0 -4px 7px var(--track-color))}@supports (color:color-mix(in lab, red, red)){.crowd{filter:drop-shadow(0 -4px 7px color-mix(in srgb, var(--track-color) 18%, transparent))}}.crowd{contain:layout paint}.crowd>span{filter:none;will-change:transform;backface-visibility:hidden}.laser,.spot,.fog{will-change:transform, opacity}.sample-grid button{position:relative;overflow:hidden}.sample-grid button:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle, var(--track-color), transparent 68%);position:absolute;inset:0}.sample-grid button.sample-fired{color:#fff;border-color:var(--track-color);filter:brightness(1.45)}.sample-grid button.sample-fired:after{animation:.36s ease-out memeFlash}.sample-grid button .pad-emoji{font-size:18px;line-height:1}.sample-grid button small{color:#736e79;font-size:7px}.club-app.sample-hit .stage-screen{animation:.3s cubic-bezier(.2,.9,.2,1) sampleScreenHit}.club-app.sample-hit .visualizer i{background:linear-gradient(#fff, var(--track-accent), var(--track-color));height:100%!important}.club-app.sample-hit .laser{opacity:1;filter:blur(.2px)brightness(1.8)}.deck-label{gap:8px}.deck-label .deck-edit-button{color:#fff;cursor:pointer;background:#19181d;border:1px solid #514c57;border-radius:4px;width:28px;height:28px;margin-left:auto}.deck-label .deck-edit-button:hover{color:#0a0b0c;background:var(--track-accent)}.deck-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.download-button,.upload-button{grid-template-rows:auto auto;grid-template-columns:auto auto;column-gap:9px;min-height:56px;display:grid}.download-button span,.upload-button span{grid-row:1/3;font-size:24px}.download-button small,.upload-button small{opacity:.62;font:600 7px/1 var(--font-geist-mono), monospace}.upload-button{color:#fff;cursor:pointer;width:100%;font:900 10px/1 var(--font-geist-mono), monospace;letter-spacing:.06em;background:linear-gradient(#28262d,#17161b);border:1px solid #5b5861;border-radius:5px;padding:0 10px}.upload-button:hover{color:#0b090d;background:var(--track-accent);border-color:var(--track-accent);box-shadow:0 0 20px var(--track-accent)}@supports (color:color-mix(in lab, red, red)){.upload-button:hover{box-shadow:0 0 20px color-mix(in srgb, var(--track-accent) 38%, transparent)}}.download-button:disabled,.transport button:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.8)}.upload-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020105d6;place-items:center;padding:22px;animation:.18s ease-out fadeIn;display:grid;position:fixed;inset:0}.upload-modal{background:linear-gradient(145deg,#29262d,#111014);border:2px solid #5a5560;border-radius:13px;width:min(620px,100%);max-height:94svh;animation:.28s cubic-bezier(.2,.8,.2,1) crateUp;overflow:auto;box-shadow:0 24px 80px #000,inset 0 1px #77717d}.upload-modal>header{background:repeating-linear-gradient(135deg,#ffe5000f 0 12px,#0000 13px 24px);border-bottom:1px solid #48434d;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px 15px;display:flex}.upload-modal header span{color:var(--track-color);font:900 9px/1 var(--font-geist-mono), monospace;letter-spacing:.1em}.upload-modal h2{letter-spacing:-.045em;text-transform:uppercase;margin:5px 0 0;font-size:clamp(26px,5vw,42px);line-height:1}.upload-modal header button{color:#fff;cursor:pointer;background:#151419;border:1px solid #58535e;border-radius:5px;width:42px;height:42px;font-size:29px}.upload-modal header button:disabled{opacity:.35;cursor:wait}.upload-modal form{grid-template-columns:1fr 180px;gap:15px;padding:20px 22px 23px;display:grid}.upload-modal label{flex-direction:column;gap:7px;min-width:0;display:flex}.upload-modal form>label:nth-of-type(n+3),.upload-modal form>p,.upload-error,.submit-upload{grid-column:1/-1}.upload-modal label>span{color:#aaa5af;font:900 8px/1 var(--font-geist-mono), monospace;letter-spacing:.08em}.upload-modal input{color:#fff;background:#0d0c10;border:1px solid #504b56;border-radius:5px;width:100%;min-height:44px;padding:10px 12px}.upload-modal input[type=file]{cursor:pointer;padding:8px}.upload-modal input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:var(--track-color);font:900 8px/1 var(--font-geist-mono), monospace;border:0;border-radius:3px;margin-right:12px;padding:8px 10px}.upload-modal form>p{color:#807b86;font:600 9px/1.5 var(--font-geist-mono), monospace;margin:0}.access-modal{border-color:var(--track-color);width:min(560px,100%)}.access-modal form{grid-template-columns:1fr}.access-track{background:var(--track-color);padding:13px 14px;color:#fff!important}@supports (color:color-mix(in lab, red, red)){.access-track{background:color-mix(in srgb, var(--track-color) 16%, #111015)}}.access-track{border:1px solid var(--track-color)}@supports (color:color-mix(in lab, red, red)){.access-track{border:1px solid color-mix(in srgb, var(--track-color) 55%, #3c3841)}}.access-track{border-radius:5px;font-size:11px!important}.upload-error{color:#ff98a5;font:800 9px/1.4 var(--font-geist-mono), monospace;background:#351016;border:1px solid #ff4c61;border-radius:4px;padding:10px 12px}.submit-upload{color:#fff;cursor:pointer;background:var(--track-color);min-height:48px}@supports (color:color-mix(in lab, red, red)){.submit-upload{background:color-mix(in srgb, var(--track-color) 35%, #151419)}}.submit-upload{border:1px solid var(--track-color);box-shadow:0 0 18px var(--track-color);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.submit-upload{box-shadow:0 0 18px color-mix(in srgb, var(--track-color) 28%, transparent)}}.submit-upload{font:900 10px/1 var(--font-geist-mono), monospace;letter-spacing:.06em}.submit-upload:disabled{opacity:.55;cursor:wait}.check-label{background:#17151b;border:1px solid #413c47;border-radius:5px;grid-column:1/-1;align-items:center;padding:11px;flex-direction:row!important}.check-label input{accent-color:#ff425c;width:19px;min-height:19px}.delete-modal{border-color:#ff425c;width:min(540px,100%)}.delete-modal>header{background:repeating-linear-gradient(135deg,#ff25421c 0 12px,#0000 13px 24px)}.delete-modal form{grid-template-columns:1fr}.delete-warning{background:#2b1016;border:1px solid #6e343e;border-radius:5px;grid-column:1/-1;padding:13px 14px;color:#ffb4be!important}.delete-submit{background:#6f1724;border-color:#ff425c;box-shadow:0 0 18px #ff425c44}.deck-modal{width:min(760px,100%)}.deck-modal form{grid-template-columns:1fr}.deck-editor{grid-column:1/-1;gap:9px;display:grid}.deck-editor-row{background:#111015;border:1px solid #3c3841;border-radius:6px;grid-template-columns:34px 110px minmax(150px,1fr) 95px;align-items:end;gap:10px;padding:10px;display:grid}.deck-editor-row>b{color:#090a0b;background:var(--track-accent);border-radius:4px;place-items:center;height:44px;display:grid}.deck-editor-row code{color:#77717d;align-self:center;font-size:10px}.upload-notice{z-index:115;color:#a8ffbf;cursor:pointer;max-width:min(440px,100vw - 36px);font:800 9px/1.4 var(--font-geist-mono), monospace;background:#0d2213;border:1px solid #50ff7c;border-radius:6px;align-items:center;gap:14px;padding:12px 14px;display:flex;position:fixed;bottom:46px;right:18px;box-shadow:0 10px 40px #000b,0 0 18px #50ff7c33}.upload-notice span{color:#fff;margin-left:auto;font-size:19px}.record-card{color:#efedf2;background:#131217;border:1px solid #3d3942;border-radius:7px;min-width:0;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.record-card:hover,.record-card.selected{border-color:var(--track-color);background:var(--track-color);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.record-card:hover,.record-card.selected{background:color-mix(in srgb, var(--track-color) 10%, #131217)}}.record-card:hover,.record-card.selected{box-shadow:0 9px 24px #0008,0 0 16px var(--track-color)}@supports (color:color-mix(in lab, red, red)){.record-card:hover,.record-card.selected{box-shadow:0 9px 24px #0008,0 0 16px color-mix(in srgb,var(--track-color) 20%,transparent)}}.record-select{width:100%;min-height:100%;color:inherit;cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;padding:14px 10px 12px;display:flex}.record-actions{z-index:2;gap:5px;display:flex;position:absolute;top:7px;right:7px}.record-actions button{cursor:pointer;border-radius:5px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 5px 14px #0009}.edit-record{color:#8edfff;background:#0d2a35dd;border:1px solid #2b718c;font-size:20px}.delete-record{color:#ff9aaa;background:#310e15dd;border:1px solid #8e3545;font-size:15px}.edit-record:hover{color:#071015;background:#63d6ff}.delete-record:hover{color:#fff;background:#7a1525;border-color:#ff425c}.empty-crate{color:#87818e;text-align:center;min-height:260px;font:700 10px/1.5 var(--font-geist-mono), monospace;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;display:flex}.empty-crate b{color:#fff;font-size:clamp(24px,4vw,44px)}.flying-vinyl{z-index:500;pointer-events:none;will-change:transform,opacity;box-shadow:0 0 0 2px #000,0 18px 45px #000c,0 0 28px var(--flight-vinyl);background:repeating-radial-gradient(circle,#070709 0 3px,#19181d 4px 6px,#070709 7px 9px);border-radius:50%;place-items:center;display:grid;position:fixed;top:0;left:0}.flying-vinyl:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#080808 0 8%,var(--flight-label) 9% 100%);border:2px solid var(--flight-vinyl);border-radius:50%;width:38%}.flying-vinyl>span{filter:drop-shadow(0 2px 2px #0006);font-size:clamp(22px,3vw,40px);position:absolute}.vinyl-ejecting{opacity:.08;transition:opacity .18s,transform .18s;transform:scale(.9)}.vinyl-landed{animation:.6s cubic-bezier(.15,.88,.26,1) vinylLanded}@keyframes memeFlash{0%{opacity:.9;transform:scale(.25)}to{opacity:0;transform:scale(2.2)}}@keyframes sampleScreenHit{0%,to{transform:translate(-50%)perspective(680px)rotateX(-2deg)}35%{filter:brightness(1.8);transform:translate(-50%)perspective(680px)rotateX(-2deg)scale(1.035)}}@keyframes vinylLanded{0%{transform:scale(1)}28%{filter:brightness(2.2);box-shadow:0 0 55px var(--track-accent);transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:680px){.deck-actions,.upload-modal form{grid-template-columns:1fr}.upload-modal label{grid-column:1/-1}.deck-editor-row{grid-template-columns:30px 86px minmax(110px,1fr)}.deck-editor-row code{grid-column:2/-1}.record-actions{flex-direction:column}}.booth{align-items:center;padding-inline:clamp(18px,2vw,40px)}.deck,.mixer{height:clamp(370px,40svh,430px)}.club-header{font-size:clamp(11px,.72vw,14px)}.header-title{font-size:clamp(18px,1.15vw,22px)}.screen-title{font-size:clamp(13px,.85vw,16px)}.screen-track{font-size:clamp(20px,1.45vw,30px)}.deck-label{font-size:clamp(10px,.58vw,12px)}.deck-label span{font-size:clamp(12px,.72vw,14px)}.vinyl-label small{font-size:9px}.change-record,.download-button,.upload-button{font-size:clamp(10px,.62vw,12px)}.download-button small,.upload-button small{font-size:8px}.now-playing .eyebrow{font-size:10px}.now-playing strong{font-size:clamp(15px,.9vw,18px)}.now-playing .file-name{font-size:10px}.progress-wrap{grid-template-columns:48px 1fr 48px;font-size:10px}.fader{font-size:10px}.fader button{min-width:30px;min-height:20px;font-size:9px}.error-display{font-size:10px}.sample-grid button{min-height:60px}.sample-grid button .pad-emoji{font-size:22px}.sample-grid button b{font-size:clamp(9px,.55vw,11px)}.sample-grid button small{font-size:8px}.status-strip{height:38px;font-size:clamp(10px,.62vw,12px)}@media (min-width:1600px){.deck,.mixer{height:clamp(400px,43svh,470px)}.turntable{width:min(36vh,350px)}.deck{padding:18px}.mixer{padding:18px 22px 20px}.deck-label{font-size:13px}.deck-label span{font-size:15px}.change-record,.download-button,.upload-button{min-height:54px;font-size:13px}.download-button,.upload-button{min-height:66px}.download-button small,.upload-button small{font-size:9px}.now-playing{min-height:80px;padding:13px 16px}.now-playing .eyebrow{font-size:11px}.screen-track{font-size:30px}.now-playing strong{font-size:18px}.now-playing .file-name{font-size:11px}.transport{margin-block:15px 11px}.transport button{width:52px;height:40px;font-size:13px}.transport .play-button{width:64px;height:48px;font-size:24px}.progress-wrap{grid-template-columns:54px 1fr 54px;font-size:11px}.mixer-controls{gap:20px;min-height:120px;margin-top:17px}.fader{font-size:11px}.fader button{min-width:34px;min-height:23px;font-size:10px}.vu-meter{height:86px}.sample-grid{gap:10px;margin-block:24px 20px}.sample-grid button{gap:8px;min-height:72px}.sample-grid button .pad-emoji{font-size:25px}.sample-grid button b{font-size:12px}.sample-grid button small{font-size:9px}.vinyl-label small{font-size:10px}.status-strip{height:42px;font-size:13px}}@media (max-width:980px){.booth{align-items:stretch;padding-inline:18px}.deck,.mixer{height:auto;min-height:350px}.deck-right{min-height:0}}@media (max-width:680px){.booth{padding-inline:12px}.deck,.mixer{min-height:0}.club-header{font-size:10px}.screen-track{font-size:clamp(20px,7vw,34px)}.status-strip{height:30px;font-size:8px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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}