body.route-dj .destination.dest-dj{container:svbooth/inline-size;position:relative;inset:auto;order:2;flex:1 1 0;min-width:0;z-index:1}.dest-dj{background:radial-gradient(1100px 520px at 18% -10%,rgba(124,92,255,.16),transparent 60%),radial-gradient(1100px 520px at 82% -10%,rgba(77,208,255,.13),transparent 60%),radial-gradient(900px 600px at 50% 115%,rgba(255,61,138,.08),transparent 65%),#060608}.library-page[data-theme=light] .destination.dest-dj,[data-theme=light] .destination.dest-dj{background:radial-gradient(1100px 520px at 18% -10%,rgba(124,92,255,.14),transparent 60%),radial-gradient(1100px 520px at 82% -10%,rgba(77,208,255,.12),transparent 60%),radial-gradient(900px 600px at 50% 115%,rgba(255,61,138,.07),transparent 65%),#eef0f5}[data-theme=light] .dj-booth{--djglass:rgba(255,255,255,0.6);--djglass2:rgba(255,255,255,0.55);--djline:rgba(15,15,30,0.14);--djtxt:#191922;--djdim:rgba(20,20,35,0.55)}[data-theme=light] .dj-booth .dj-meshbg{opacity:.25}[data-theme=light] .dj-cuejump,[data-theme=light] .dj-cueset,[data-theme=light] .dj-hot,[data-theme=light] .dj-ibtn,[data-theme=light] .dj-loopgrp,[data-theme=light] .dj-onbtn,[data-theme=light] .dj-rung,[data-theme=light] .dj-step,[data-theme=light] .dj-syncround{background:rgba(15,15,30,.05)}[data-theme=light] .dj-play{background:rgba(255,255,255,.7)}[data-theme=light] .dj-tfader:before,[data-theme=light] .dj-vfader:before{background:rgba(15,15,30,.2)}[data-theme=light] .dj-tf-zero{background:rgba(15,15,30,.4)}[data-theme=light] .dj-knob:before{background:radial-gradient(circle at 36% 30%,#ffffff,#d7d7e0 72%);border-color:rgba(15,15,30,.14);box-shadow:0 3px 8px rgba(15,15,30,.16),inset 0 1px 0 rgba(255,255,255,.9)}[data-theme=light] .dj-knob i:before{background:#33333c}[data-theme=light] .dj-agentpanel{background:color-mix(in srgb,#ffffff 90%,transparent);border-left-color:var(--border,#e1e4ec)}[data-theme=light] .dj-reqpanel{background:color-mix(in srgb,#ffffff 92%,transparent);border-color:var(--border,#e1e4ec)}[data-theme=light] .dj-agentpanel .dj-reqpanel{background:rgba(20,21,26,.02)}.dest-dj .dj-glow{position:absolute;inset:0;pointer-events:none}.dest-dj .dj-scroll{position:relative;z-index:1;flex:1;overflow:hidden;display:flex;scrollbar-width:none}.dest-dj .dj-scroll::-webkit-scrollbar{width:0;height:0}body.sv-dj-tabbed .dest-dj{padding-top:40px}.dj-booth{--djA:#7c5cff;--djB:#4dd0ff;--djglass:rgba(15,15,20,0.58);--djglass2:rgba(22,22,30,0.5);--djline:rgba(255,255,255,0.12);--djtxt:#f2f2f5;--djdim:rgba(255,255,255,0.55);flex:1;flex-direction:row;color:var(--djtxt);font-family:var(--font-ui,"Manrope",sans-serif);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.dj-booth,.dj-boothcol{position:relative;display:flex;min-height:0;min-width:0}.dj-boothcol{z-index:1;flex:1 1 0;flex-direction:column}.dj-meshbg{position:absolute;inset:-12%;pointer-events:none;z-index:0;opacity:.4;background:radial-gradient(46% 42% at 22% 30%,var(--djA1,#7c5cff),transparent 70%),radial-gradient(40% 44% at 78% 28%,var(--djB1,#4dd0ff),transparent 70%),radial-gradient(50% 50% at 30% 82%,var(--djA2,#3d2b8f),transparent 72%),radial-gradient(44% 46% at 74% 80%,var(--djB2,#1b5e78),transparent 72%);filter:blur(64px) saturate(1.25);animation:dj-drift 46s ease-in-out infinite alternate}.dj-booth[data-mode=min] .dj-meshbg{opacity:.62}@keyframes dj-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.06)}}@media (prefers-reduced-motion:reduce){.dj-meshbg{animation:none}}.dj-booth>:not(.dj-meshbg):not(.dj-chip):not(.dj-help):not(.dj-tip):not(.dj-hoverwave):not(.dj-agentpanel):not(.dj-keys):not(.dj-loading){position:relative;z-index:1}.dj-topbar{display:grid;grid-template-columns:1fr auto 1fr;padding:10px 14px 4px}.dj-topbar,.dj-topside{gap:10px;align-items:center}.dj-topside{display:flex;min-width:0}.dj-topside-l{justify-content:flex-start}.dj-topside-r{justify-content:flex-end}.dj-recgrp,.dj-topright{display:flex;align-items:center;gap:8px;flex:none}.dj-invite{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.02em;padding:8px 14px;border-radius:999px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);border:1px solid transparent;box-shadow:0 4px 16px rgba(255,122,45,.4)}.dj-invite:hover{filter:brightness(1.08);box-shadow:0 6px 22px rgba(255,122,45,.55)}.dj-invite.live{background:linear-gradient(135deg,#6ee7a0,#4dd0ff);box-shadow:0 4px 16px rgba(110,231,160,.4)}.dj-reqbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;cursor:pointer;color:var(--djtxt);background:var(--djglass);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline)}.dj-reqbtn:hover{border-color:rgba(255,255,255,.32)}.dj-reqcount{position:absolute;top:-4px;right:-4px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;font-size:8.5px;font-weight:800;line-height:15px;text-align:center;color:#fff;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);font-style:normal}.dj-reqtoasts{position:absolute;right:14px;bottom:16px;z-index:55;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(320px,80vw)}.dj-reqtoast{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:14px;background:color-mix(in srgb,#14141a 78%,transparent);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline);box-shadow:0 14px 40px -10px rgba(0,0,0,.65);transform:translateX(24px);opacity:0;transition:transform .22s ease,opacity .22s ease}.dj-reqtoast.in{transform:translateX(0);opacity:1}.dj-reqtoast.out{transform:translateX(24px);opacity:0}.dj-reqtoast-ic{flex:none;width:26px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;background:linear-gradient(135deg,rgba(255,122,45,.35),rgba(255,61,138,.35))}.dj-reqtoast-body{min-width:0;font-size:11.5px;color:var(--djdim)}.dj-reqtoast-body b{color:var(--djtxt);font-weight:700}.dj-reqtoast-body i{display:block;font-style:normal;font-size:11px;color:var(--djtxt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-reqpanel{position:absolute;top:54px;right:12px;z-index:56;width:min(300px,86vw);max-height:min(420px,70vh);display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:color-mix(in srgb,#101016 82%,transparent);backdrop-filter:blur(28px) saturate(1.3);border:1px solid var(--djline);box-shadow:0 30px 80px -16px rgba(0,0,0,.7)}.dj-req-head{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--djline)}.dj-req-head b{flex:1;font-size:12px;letter-spacing:.03em}.dj-req-live{display:inline-flex;align-items:center;gap:5px;font-size:8.5px;font-weight:800;letter-spacing:.1em;color:#ff5a6a}.dj-req-live i{width:6px;height:6px;border-radius:50%;background:#ff5a6a;animation:djreqpulse 1.4s ease infinite}@keyframes djreqpulse{0%,to{opacity:1}50%{opacity:.35}}.dj-req-x{width:22px;height:22px;border-radius:7px;border:1px solid var(--djline);background:rgba(255,255,255,.05);color:var(--djdim);cursor:pointer;font-size:10px}.dj-req-list{overflow-y:auto;padding:7px;display:flex;flex-direction:column;gap:3px}.dj-req-row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:10px}.dj-req-row:hover{background:rgba(255,255,255,.05)}.dj-req-av{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#7c5cff,#22d3ee)}.dj-req-meta{flex:1;min-width:0;display:flex;flex-direction:column}.dj-req-meta b{font-size:11.5px;color:var(--djtxt)}.dj-req-meta i{font-style:normal;font-size:10.5px;color:var(--djdim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-req-time{flex:none;font-size:9.5px;color:var(--djdim);font-family:var(--font-mono,monospace)}.dj-req-empty{padding:22px 14px;font-size:11.5px;color:var(--djdim);text-align:center;line-height:1.5}.dj-collab-avatars,.dj-collab-avatars .dj-cav{display:flex;align-items:center}.dj-collab-avatars .dj-cav{width:26px;height:26px;border-radius:50%;margin-left:-7px;border:2px solid #0c0c10;justify-content:center;font-size:10px;font-weight:800;color:#fff}.dj-collab-avatars .dj-cav:first-child{margin-left:0}.dj-pill{display:flex;align-items:center;gap:9px;padding:6px 11px;flex:0 1 auto;max-width:360px;background:var(--djglass);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.dj-pill-b{flex-direction:row-reverse;text-align:right}.dj-pill-b .dj-pill-meta{align-items:flex-end}.dj-pill-art{width:30px;height:30px;border-radius:8px;flex:none;box-shadow:0 2px 10px rgba(0,0,0,.5);background:rgba(255,255,255,.08);background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.dj-pill-meta{display:flex;flex-direction:column;min-width:48px;gap:1px;overflow:hidden}.dj-pill-meta b{font-size:12.5px;font-weight:700;max-width:230px}.dj-pill-meta b,.dj-pill-meta>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-pill-meta>span{font-size:10.5px;color:var(--djdim)}.dj-upnext{display:inline-flex;align-items:center;gap:5px;font-size:9.5px}.dj-upnext em{font-style:normal;letter-spacing:.08em;color:var(--djdim);font-size:8.5px}.dj-upnext u{text-decoration:none;color:var(--djtxt);max-width:130px;overflow:hidden;text-overflow:ellipsis}.dj-upnext button{font-size:8.5px;padding:1px 5px;border-radius:6px;border:1px solid var(--djline);background:rgba(255,255,255,.06);color:var(--djtxt);cursor:pointer}.dj-upnext button:hover{background:rgba(255,255,255,.14)}.dj-pill-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none;min-width:0}.dj-pill-b .dj-pill-right{margin-left:0;margin-right:auto;align-items:flex-start}.dj-time{font-size:13px;letter-spacing:.02em}.dj-keybadge,.dj-time{font-family:var(--font-mono,monospace)}.dj-keybadge{font-size:9.5px;padding:2px 7px;border-radius:999px;border:1px solid var(--djline);background:rgba(255,255,255,.06);color:var(--djdim)}.dj-pill-a .dj-keybadge{border-color:color-mix(in srgb,var(--djA) 55%,transparent)}.dj-pill-b .dj-keybadge{border-color:color-mix(in srgb,var(--djB) 55%,transparent)}.dj-topcenter{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}.dj-rec{display:flex;letter-spacing:.1em;padding:7px 12px;cursor:pointer;color:var(--djtxt)}.dj-midi,.dj-rec{align-items:center;gap:6px;font-size:10px;font-weight:700;border-radius:999px;background:var(--djglass);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline)}.dj-midi{display:inline-flex;letter-spacing:.08em;padding:7px 11px;cursor:help;color:var(--djdim)}.dj-midi[data-state="1"]{color:#6ee7a0;border-color:rgba(110,231,160,.5);box-shadow:0 0 12px rgba(110,231,160,.28)}.dj-midi[data-state="1"] svg{filter:drop-shadow(0 0 4px rgba(110,231,160,.5))}.dj-rec i{width:9px;height:9px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 8px rgba(255,77,77,.7)}.dj-rec.on{border-color:rgba(255,77,77,.7);color:#ff8a8a}.dj-rec.on i{animation:dj-pulse 1.1s ease-in-out infinite}@keyframes dj-pulse{50%{opacity:.25}}.dj-mastermeter{width:72px;height:12px;flex:none;border-radius:4px}.dj-seg{display:flex;padding:3px;gap:2px;border-radius:999px;background:var(--djglass);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline)}.dj-seg button{font-size:10px;font-weight:700;padding:4px 11px;border-radius:999px;border:0;background:transparent;color:var(--djdim);cursor:pointer}.dj-seg button.on{background:linear-gradient(135deg,#ff7a2d,#ff3d8a);color:#fff}.dj-automix{font-size:10px;letter-spacing:.1em;font-weight:700;padding:6px 16px;border-radius:999px;cursor:pointer;background:var(--djglass);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline);color:var(--djdim);white-space:nowrap}.dj-automix.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);box-shadow:0 0 14px rgba(255,122,45,.45)}.dj-amplan{font-size:10px;font-weight:700;letter-spacing:.02em;color:#ffb066;white-space:nowrap;width:100%;max-width:260px;height:15px;line-height:15px;overflow:hidden;text-overflow:ellipsis;text-align:center;opacity:0;transition:opacity .2s ease}.dj-amplan[data-on="1"]{opacity:1}.dj-waverow{display:grid;grid-template-columns:1fr 40px 1fr;grid-template-rows:100%;gap:8px;align-items:stretch;height:52px;padding:4px 14px 0;overflow:hidden}.dj-ov{width:100%;height:100%;display:block;border-radius:10px;background:rgba(0,0,0,.35);cursor:crosshair}.dj-wavemid{display:flex;align-items:center;justify-content:center}.dj-wavemid button{width:30px;height:30px;border-radius:9px;font-family:var(--font-mono,monospace);font-size:12px;background:var(--djglass);border:1px solid var(--djline);color:var(--djtxt);cursor:pointer}.dj-main{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:176px 1fr 132px 1fr 176px;grid-template-rows:100%;gap:12px;padding:10px 16px 6px;overflow:hidden}@container svbooth (min-width: 1025px){.dj-chan-eq{margin-top:18px}.dj-booth[data-agent="1"] .dj-main{grid-template-columns:148px 1fr 104px 1fr 148px}.dj-booth[data-agent="1"] .dj-slot{padding:9px 8px}.dj-booth[data-agent="1"] .dj-slot-row{gap:4px}.dj-booth[data-agent="1"] .dj-slot .dj-knob{width:34px;height:44px}.dj-booth[data-agent="1"] .dj-slot .dj-knob i,.dj-booth[data-agent="1"] .dj-slot .dj-knob:before{width:28px;height:28px;left:calc(50% - 14px)}.dj-booth[data-agent="1"] .dj-onbtn{padding:4px 6px;font-size:8px}.dj-booth[data-agent="1"] .dj-hotgrid{grid-template-columns:repeat(4,minmax(22px,38px));grid-auto-rows:auto;gap:4px;flex-shrink:1;min-width:0}.dj-booth[data-agent="1"] .dj-hotgrid .dj-hot{aspect-ratio:1;height:auto}.dj-booth[data-agent="1"] .dj-mixer .dj-agent{width:80px}.dj-booth[data-agent="1"] .dj-pmbtn{font-size:6px;padding:2px 3px;letter-spacing:.02em}.dj-booth[data-agent="1"] .dj-chan{gap:6px!important}.dj-booth[data-agent="1"] .dj-mixer{gap:8px}.dj-booth[data-agent="1"] .dj-chan-eq .dj-knob{width:30px;height:40px}.dj-booth[data-agent="1"] .dj-chan-eq{margin-top:12px}.dj-booth[data-agent="1"] .dj-automix-hint,.dj-booth[data-agent="1"] .dj-mixer .dj-amplan{display:none}.dj-booth[data-agent="1"] .dj-mixer{gap:10px}.dj-booth[data-agent="1"] .dj-chan{gap:8px}.dj-booth[data-agent="1"] .dj-decktransport{flex-wrap:wrap;gap:5px;row-gap:4px}.dj-booth[data-agent="1"] .dj-decktransport .dj-chan-vol{order:-1;flex-basis:100%;height:52px;display:flex;justify-content:center}.dj-booth[data-agent="1"] #djDeckColA .dj-syncround,.dj-booth[data-agent="1"] #djDeckColB .dj-syncround{margin:0}.dj-booth[data-agent="1"] .dj-decktransport .dj-chan-vol{height:56px}}.dj-booth[data-mode=min] .dj-main{grid-template-columns:1fr 1fr;grid-template-areas:"deckA deckB" "xf xf";grid-template-rows:1fr auto}.dj-booth[data-mode=min] #djDeckColA{grid-area:deckA}.dj-booth[data-mode=min] #djDeckColB{grid-area:deckB}.dj-booth[data-mode=min] .dj-centercol{grid-area:xf;flex-direction:row}.dj-booth[data-mode=min] .dj-xfader{width:min(520px,100%)}.dj-booth[data-mode=min] .dj-chan-eq,.dj-booth[data-mode=min] .dj-fxcol,.dj-booth[data-mode=min] .dj-hotgrid .dj-hot:nth-child(n+5),.dj-booth[data-mode=min] .dj-pct,.dj-booth[data-mode=min] .dj-stemstrip,.dj-booth[data-mode=min] .dj-zipwrap{display:none}.dj-booth[data-mode=min] .dj-lower{height:150px}.dj-booth[data-mode=min] .dj-mixer{align-items:center}.dj-booth[data-mode=min] .dj-chan{justify-content:center}.dj-booth[data-mode=min] .dj-deckctl{padding-top:0}.dj-booth[data-mode=min] .dj-automix-hint{display:none}.dj-fxcol{flex-direction:column;gap:10px}.dj-fxblock,.dj-fxcol{display:flex;min-height:0}.dj-fxblock{flex:1 1 0;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--djglass2);backdrop-filter:blur(28px) saturate(1.35);border:1px solid var(--djline);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.dj-fxtabs{display:flex;gap:2px;padding:5px 6px;border-bottom:1px solid var(--djline)}.dj-fxtabs button{flex:1;padding:8px 2px;font-size:9px;font-weight:800;letter-spacing:.04em;border-radius:8px;background:transparent;border:0;color:var(--djdim);cursor:pointer;transition:background .14s,color .14s}.dj-fxtabs button:hover{background:rgba(255,255,255,.05);color:var(--djtxt)}.dj-fxtabs button{border-radius:10px}.dj-fxtabs button.on{color:#fff;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);box-shadow:0 2px 10px rgba(255,122,45,.35)}.dj-fxbody{flex:1;min-height:0;position:relative}.dj-fxpane{position:absolute;inset:0;display:none;flex-direction:column;padding:12px;gap:12px;overflow:hidden}.dj-fxbody[data-show=bounce] .dj-fxpane-bounce,.dj-fxbody[data-show=instant] .dj-fxpane-instant,.dj-fxbody[data-show=manual] .dj-fxpane-manual,.dj-fxbody[data-show=pad] .dj-fxpane-pad{display:flex}.dj-fxpane-manual{padding:10px;gap:8px}.dj-manual-bar{display:flex;align-items:center;gap:8px;flex:none}.dj-manual-title{font-size:9px;font-weight:800;letter-spacing:1.4px;color:var(--djdim)}.dj-fx-back{display:none}.dj-fxexpand{margin-left:auto}.dj-fx-back,.dj-fxexpand{width:24px;height:24px;border-radius:7px;border:1px solid var(--djline);background:rgba(255,255,255,.04);color:var(--djdim);cursor:pointer;display:grid;place-items:center;flex:none}.dj-fx-back:hover,.dj-fxexpand:hover{color:var(--djtxt);border-color:rgba(255,255,255,.28)}.dj-manual-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.dj-manual-scroll::-webkit-scrollbar{width:6px}.dj-manual-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}.dj-booth[data-fxexpand=a] #djFxA .dj-fxblock[data-block="1"],.dj-booth[data-fxexpand=b] #djFxB .dj-fxblock[data-block="1"]{display:none}.dj-booth[data-fxexpand=a] #djFxA .dj-fxblock[data-block="2"],.dj-booth[data-fxexpand=b] #djFxB .dj-fxblock[data-block="2"]{flex:1}.dj-booth[data-fxexpand=a] #djFxA .dj-fxblock[data-block="2"] .dj-fxtabs,.dj-booth[data-fxexpand=b] #djFxB .dj-fxblock[data-block="2"] .dj-fxtabs{display:none}.dj-booth[data-fxexpand=a] #djFxA .dj-fx-back,.dj-booth[data-fxexpand=b] #djFxB .dj-fx-back{display:grid}.dj-booth[data-fxexpand=a] #djFxA .dj-fxexpand,.dj-booth[data-fxexpand=b] #djFxB .dj-fxexpand{display:none}@container svbooth (max-width: 1024px){.dj-booth[data-fxexpand=a] #djFxA,.dj-booth[data-fxexpand=b] #djFxB{position:fixed;left:8px;right:8px;bottom:8px;top:auto;height:min(46vh,420px);z-index:46;background:color-mix(in srgb,#0d0d12 97%,transparent);backdrop-filter:blur(28px) saturate(1.25);border:1px solid var(--djline);border-radius:16px 16px 0 0;padding:8px;box-shadow:0 -18px 50px -20px rgba(0,0,0,.7)}}[data-theme=light] .dj-booth[data-fxexpand=a] #djFxA,[data-theme=light] .dj-booth[data-fxexpand=b] #djFxB{background:color-mix(in srgb,#ffffff 96%,transparent)}.dj-slot{border:1px solid var(--djline);border-radius:12px;padding:11px 12px;background:rgba(0,0,0,.22)}.dj-slot-head{display:flex;align-items:center;gap:5px}.dj-slot-name{flex:1;text-align:center;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden}.dj-step{width:22px;height:22px;border-radius:7px;border:1px solid var(--djline);background:rgba(255,255,255,.05);color:var(--djtxt);cursor:pointer;font-size:13px;line-height:1}.dj-step:hover{background:rgba(255,255,255,.13)}.dj-slot-row{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.dj-onbtn{font-size:9px;font-weight:800;letter-spacing:.06em;padding:5px 9px;border-radius:8px;border:1px solid var(--djline);background:rgba(255,255,255,.05);color:var(--djdim);cursor:pointer}.dj-onbtn.on{color:#fff;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);border-color:transparent;box-shadow:0 0 10px rgba(255,122,45,.4)}.dj-knob{position:relative;width:44px;height:54px;cursor:ns-resize;touch-action:none;flex:none}.dj-knob:before{content:"";border-radius:50%;background:radial-gradient(circle at 36% 30%,#2b2b31,#131316 70%);border:1px solid rgba(255,255,255,.16);box-shadow:0 3px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.09)}.dj-knob i,.dj-knob:before{position:absolute;top:2px;left:calc(50% - 17px);width:34px;height:34px}.dj-knob i:before{content:"";position:absolute;top:3px;left:calc(50% - 1.5px);width:3px;height:10px;border-radius:2px;background:#eaeaf0}.dj-knob span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8.5px;letter-spacing:.04em;color:var(--djdim)}.dj-instant{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:start}.dj-ibtn{padding:15px 6px;font-size:10.5px;font-weight:700;border-radius:12px;cursor:pointer;color:var(--djtxt);border:1px solid var(--djline);background:rgba(255,255,255,.05);transition:background .14s}.dj-ibtn:hover{background:rgba(255,255,255,.12)}.dj-ibtn.firing{border-color:transparent;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);color:#fff;box-shadow:0 0 14px rgba(255,122,45,.5)}.dj-pad{flex:1;display:flex;flex-direction:column;gap:6px;min-height:0}.dj-padcv{flex:1;min-height:0;width:100%;border-radius:12px;background:rgba(0,0,0,.32);border:1px solid var(--djline);cursor:crosshair;touch-action:none}.dj-latch{align-self:center;font-size:8.5px;font-weight:800;letter-spacing:.08em;padding:4px 12px;border-radius:999px;border:1px solid var(--djline);background:rgba(255,255,255,.05);color:var(--djdim);cursor:pointer}.dj-latch.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,#ff7a2d,#ff3d8a)}.dj-bounce{flex:1;display:flex;gap:8px;min-height:0}.dj-ladder{flex:1;display:flex;flex-direction:column;gap:5px}.dj-rung{flex:1;border-radius:9px;border:1px solid var(--djline);background:rgba(255,255,255,.05);color:var(--djtxt);font-family:var(--font-mono,monospace);font-size:10px;cursor:pointer;touch-action:none}.dj-rung.on{background:linear-gradient(135deg,#ff7a2d,#ff3d8a);border-color:transparent;color:#fff}.dj-hlstrip{width:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5px 0;border:1px solid var(--djline);border-radius:9px;background:rgba(0,0,0,.25);cursor:ns-resize;touch-action:none}.dj-hlstrip span{font-size:8px;color:var(--djdim)}.dj-hlstrip i{flex:1;width:2px;margin:4px 0;background:linear-gradient(180deg,#4dd0ff,rgba(255,255,255,.15),#ff7a2d);border-radius:2px}.dj-deckcol{flex-direction:column;gap:8px;min-width:0;min-height:0}.dj-deckcol,.dj-deckwrap{position:relative;display:flex;align-items:center}.dj-deckwrap{flex:1 1 0;min-height:150px;width:100%;justify-content:center}.dj-platter{width:240px;height:240px;display:block;cursor:grab;touch-action:none}.dj-platter.scratching{cursor:grabbing}.dj-platter.nudging{cursor:ew-resize}.dj-hotgrid{display:grid;grid-template-columns:repeat(4,minmax(24px,54px));grid-auto-rows:auto;gap:8px;align-self:center;flex:0 1 auto;min-width:0}.dj-hotgrid .dj-hot{aspect-ratio:1}.dj-hot{width:100%;height:100%;border-radius:12px;font-family:var(--font-mono,monospace);font-size:13px;font-weight:800;border:1px solid var(--djline);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));color:var(--djdim);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 6px rgba(0,0,0,.35);transition:box-shadow .15s,transform .1s}.dj-hot:active{transform:scale(.94)}.dj-hot.set{color:#0b0b0d;font-weight:800}.dj-hot.set:first-child{background:#ffd166;border-color:#ffd166;box-shadow:0 0 14px rgba(255,209,102,.65)}.dj-hot.set:nth-child(2){background:#6ee7a0;border-color:#6ee7a0;box-shadow:0 0 14px rgba(110,231,160,.65)}.dj-hot.set:nth-child(3){background:#ff3d8a;border-color:#ff3d8a;box-shadow:0 0 14px rgba(255,61,138,.65)}.dj-hot.set:nth-child(4){background:#4dd0ff;border-color:#4dd0ff;box-shadow:0 0 14px rgba(77,208,255,.65)}.dj-hot.set:nth-child(5){background:#b47aff;border-color:#b47aff;box-shadow:0 0 14px rgba(180,122,255,.65)}.dj-hot.set:nth-child(6){background:#ff7a2d;border-color:#ff7a2d;box-shadow:0 0 14px rgba(255,122,45,.65)}.dj-hot.set:nth-child(7){background:#4dffd2;border-color:#4dffd2;box-shadow:0 0 14px rgba(77,255,210,.65)}.dj-hot.set:nth-child(8){background:#ff5c5c;border-color:#ff5c5c;box-shadow:0 0 14px rgba(255,92,92,.65)}.dj-dropring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:min(40vh,100%);aspect-ratio:1/1;max-height:100%;border-radius:50%;border:2px dashed transparent;pointer-events:none;z-index:3;display:flex;align-items:flex-start;justify-content:center;opacity:0;visibility:hidden;transition:opacity .15s}.dj-dropring.on{opacity:1;visibility:visible;animation:dj-ringpulse 1s ease-in-out infinite;background:rgba(8,8,12,.25);backdrop-filter:blur(2px)}#djDeckColA .dj-dropring{border-color:var(--djA)}#djDeckColB .dj-dropring{border-color:var(--djB)}.dj-dropring.warn{border-color:#ffb066!important}@keyframes dj-ringpulse{50%{box-shadow:inset 0 0 24px rgba(124,92,255,.35)}}.dj-dropbadge{margin-top:14px;font-size:10px;font-weight:700;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,#101014 82%,transparent);border:1px solid var(--djline)}.dj-centercol{grid-column:3;position:relative;flex-direction:column;align-items:center;gap:10px}.dj-centercol,.dj-zipwrap{display:flex;min-width:0;min-height:0}.dj-zipwrap{flex:1;width:100%;max-width:96px;margin:0 auto}.dj-zip{width:100%;height:100%;display:block;border-radius:14px;border:1px solid var(--djline);background:rgba(0,0,0,.3)}.dj-decktransport{display:flex;align-items:center;gap:7px;flex:none;width:100%;padding-top:4px;flex-wrap:nowrap;justify-content:center}.dj-synloop{display:contents}.dj-decktransport .dj-cuejump{display:none}#djDeckColA .dj-decktransport .dj-syncround{margin-right:auto}#djDeckColB .dj-decktransport .dj-syncround{margin-left:auto}.dj-decktransport .dj-chan-vol{height:84px;align-self:center}.dj-decktransport .dj-loopgrp{flex:none}.dj-lower{display:flex;min-height:0;height:196px;padding:4px 16px 12px}.dj-mixer{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:14px;padding:12px 16px 10px;background:var(--djglass2);backdrop-filter:blur(28px) saturate(1.35);border:1px solid var(--djline);border-radius:18px}.dj-mixer .dj-agent{align-self:center}.dj-chan{display:flex;align-items:stretch;gap:12px;min-width:0;height:100%;overflow:hidden}.dj-chan-eq,.dj-deckctl{flex-shrink:0}.dj-chan[data-deck=a]{justify-content:flex-start}.dj-chan[data-deck=b]{justify-content:flex-end}.dj-deckctl{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;flex:none;padding-top:2px}.dj-deckctl.master:after{content:"MASTER";position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-size:7px;font-weight:800;letter-spacing:.12em;padding:1px 7px;border-radius:999px;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);color:#fff;white-space:nowrap}.dj-syncround{width:54px;height:54px;border-radius:50%;flex:none;padding:0;font-size:9.5px;font-weight:800;letter-spacing:.04em;cursor:pointer;border:1px solid var(--djline);background:rgba(255,255,255,.05);color:var(--djdim);display:grid;place-items:center;text-align:center}.dj-syncround[data-state="1"]{color:#fff;border-color:rgba(255,122,45,.6);background:rgba(255,122,45,.12)}.dj-syncround[data-state="2"]{color:#fff;border-color:transparent;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);box-shadow:0 0 18px rgba(255,122,45,.5)}.dj-bpmread{display:flex;align-items:baseline;gap:4px}.dj-bpmread b{font-family:var(--font-mono,monospace);font-size:15px;font-variant-numeric:tabular-nums;min-width:5ch;text-align:right;display:inline-block}.dj-bpmread span{font-size:8px;color:var(--djdim);letter-spacing:.08em}.dj-pct{font-family:var(--font-mono,monospace);font-size:9px;color:var(--djdim);font-variant-numeric:tabular-nums;min-width:6ch;text-align:center}.dj-keylock{font-size:8.5px;font-weight:800;letter-spacing:.06em;padding:5px 9px;border-radius:999px;cursor:pointer;border:1px solid var(--djline);background:rgba(255,255,255,.05);color:var(--djdim);white-space:nowrap}.dj-keylock.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);box-shadow:0 0 10px rgba(255,122,45,.4)}.dj-keystep{display:flex;gap:4px;padding:2px 4px 4px}.dj-keystep button{flex:1;padding:7px 0;border-radius:8px;border:1px solid var(--djline);background:rgba(255,255,255,.05);color:var(--djtxt);font-size:11.5px;font-weight:700;cursor:pointer}.dj-keystep button:hover{background:rgba(255,255,255,.12)}.dj-ovmenu button.on-key{color:#ffb066}.dj-tfader{position:relative;flex:1 1 auto;width:30px;min-height:40px;cursor:ns-resize;touch-action:none}.dj-tfader:before{content:"";position:absolute;top:4px;bottom:4px;left:calc(50% - 2px);width:4px;border-radius:3px;background:rgba(255,255,255,.14)}.dj-tf-zero{position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:1px;background:rgba(255,255,255,.32)}.dj-tf-thumb{position:absolute;left:calc(50% - 15px);width:30px;height:14px;border-radius:6px;background:linear-gradient(180deg,#3a3a41,#1b1b20);border:1px solid rgba(255,255,255,.28);box-shadow:0 2px 7px rgba(0,0,0,.55);pointer-events:none}.dj-chan-eq{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;flex:none;padding-top:2px}.dj-knrow{display:flex;justify-content:center;gap:6px}.dj-chan-vol{display:flex;align-items:stretch;gap:3px;flex:none;padding:2px 0}.dj-meter{border-radius:3px;width:6px;height:auto}.dj-vfader{position:relative;width:24px;cursor:ns-resize;touch-action:none}.dj-vfader:before{content:"";position:absolute;top:4px;bottom:4px;left:calc(50% - 2px);width:4px;border-radius:3px;background:rgba(255,255,255,.14)}.dj-vf-thumb{position:absolute;left:calc(50% - 13px);width:26px;height:13px;border-radius:5px;background:linear-gradient(180deg,#3a3a41,#1d1d22);border:1px solid rgba(255,255,255,.28);box-shadow:0 2px 6px rgba(0,0,0,.55);pointer-events:none}.dj-agent{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:none;width:clamp(180px,16vw,240px)}.dj-automix-hint{font-size:9.5px;line-height:1.5;color:var(--djdim);text-align:center;max-width:260px}.dj-agentpanel{position:relative;z-index:2;flex:none;width:0;min-height:0;opacity:0;overflow:hidden;display:flex;flex-direction:column;border-left:1px solid transparent;background:color-mix(in srgb,#0d0d12 82%,transparent);backdrop-filter:blur(28px) saturate(1.25);transition:width .28s cubic-bezier(.22,1,.36,1),opacity .2s ease}.dj-booth[data-agent="1"] .dj-agentpanel{width:min(404px,42vw);opacity:1;border-left-color:var(--djline)}.dj-agentone{flex:1 1 auto;min-height:0;min-width:300px;display:flex;overflow:hidden}.dj-agentone .svchat{flex:1;min-height:0;width:100%}.dj-agentone .svchat.embedded{flex:1;min-height:0;background:transparent}.dj-agentone .svchat.embedded .svc-composer{background:rgba(22,21,24,.6)}.dj-ap-head{flex:none;gap:8px;padding:12px 14px;border-bottom:1px solid var(--djline);min-width:260px}.dj-ap-head,.dj-ap-title{display:flex;align-items:center}.dj-ap-title{font-size:12.5px;font-weight:800;color:var(--djtxt);gap:7px;white-space:nowrap}.dj-convo-dot{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#ffe9d6,#ff9d5c 60%,#b3541a);box-shadow:0 0 8px rgba(255,176,102,.6)}.dj-convo-clear{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:999px;border:1px solid var(--djline);background:rgba(255,255,255,.04);color:var(--djdim);cursor:pointer}.dj-convo-clear:hover{color:var(--djtxt)}.dj-ap-close{width:26px;height:26px;flex:none;border-radius:8px;border:1px solid var(--djline);background:rgba(255,255,255,.04);color:var(--djdim);cursor:pointer;font-size:12px;line-height:1}.dj-ap-close:hover{color:var(--djtxt)}.dj-convo-body{flex:1 1 auto;min-height:90px;overflow-y:auto;padding:12px;flex-direction:column;gap:11px;text-align:left}.dj-ap-lib,.dj-convo-body{display:flex;min-width:260px}.dj-ap-lib{flex:1 1 48%;min-height:120px;flex-direction:column;border-top:1px solid var(--djline)}.dj-ap-libhead{flex:none;display:flex;align-items:center;gap:8px;padding:9px 12px 6px}.dj-ap-libhead input{flex:1;min-width:0;padding:8px 11px;border-radius:10px;outline:none;font-family:inherit;font-size:11.5px;border:1px solid var(--djline);background:rgba(0,0,0,.3);color:var(--djtxt)}.dj-ap-libhead input:focus{border-color:color-mix(in srgb,var(--djA) 55%,var(--djline))}.dj-ap-libhead em{font-style:normal;font-family:var(--font-mono,monospace);font-size:9.5px;color:var(--djdim);white-space:nowrap}.dj-agentpanel .dj-rows{flex:1;min-height:0;overflow-y:auto;padding:0 8px 10px;display:flex;flex-direction:column;gap:2px}.dj-agentpanel .dj-rows::-webkit-scrollbar,.dj-convo-body::-webkit-scrollbar{width:7px}.dj-agentpanel .dj-rows::-webkit-scrollbar-thumb,.dj-convo-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}.dj-agentpanel .dj-agent-prompt{flex:none;padding:10px 12px;border-top:1px solid var(--djline);min-width:260px}.dj-convo-body::-webkit-scrollbar{width:7px}.dj-convo-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}.dj-convo-empty{font-size:12.5px;line-height:1.55;color:#8a8a93;padding:6px 2px}.dj-cmsg{display:flex;gap:12px;max-width:100%}.dj-cmsg-user{justify-content:flex-end}.dj-cmsg-agent{justify-content:flex-start}.dj-ucard{max-width:82%;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,rgba(24,24,27,.92),rgba(14,14,16,.95));border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 36px rgba(0,0,0,.4)}.dj-ucard:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(255,176,102,.5),transparent)}.dj-utext{padding:11px 14px;font-size:13px;line-height:1.55;color:#f6f6f7}.dj-cav{width:26px;height:26px;flex:none;border-radius:50%;margin-top:2px;background:radial-gradient(circle at 32% 30%,#ffe9d6,#ff9d5c 50%,#6e2f12);box-shadow:0 0 14px rgba(255,176,102,.5)}.dj-cbody{flex:1;min-width:0}.dj-cname{font-size:9px;font-weight:800;letter-spacing:2.2px;color:#a1a1aa;margin-bottom:5px}.dj-cnode{display:flex;align-items:center;gap:9px;margin:2px 0 6px}.dj-cnode b{font-size:12px;font-weight:700;color:#f6f6f7}.dj-cdot{position:relative;width:16px;height:16px;flex:none;display:flex;align-items:center;justify-content:center;background:#0b0b0c;border-radius:50%}.dj-cdot:after{content:"";width:7px;height:7px;border-radius:50%;background:#5a5a60}.dj-cdot.done:after{background:#9dff6a;box-shadow:0 0 7px rgba(157,255,106,.45)}.dj-ctext{font-size:12.5px;line-height:1.6;color:#d4d4d8}.dj-ccard{display:flex;align-items:center;gap:11px;margin-top:9px;padding:9px 11px;background:rgba(0,0,0,.28);border:1px solid var(--djline);border-radius:12px;cursor:grab;transition:border-color .14s,box-shadow .14s,transform .1s}.dj-ccard:hover{border-color:color-mix(in srgb,var(--djA) 45%,var(--djline));box-shadow:0 6px 20px -10px rgba(0,0,0,.6)}.dj-ccard.dragging{opacity:.55;transform:scale(.98)}.dj-cc-art{position:relative;flex:0 0 auto;width:48px;height:48px;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);overflow:hidden}.dj-cc-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);color:#fff;font-size:11px;opacity:0;transition:opacity .14s,transform .14s;box-shadow:0 3px 10px -2px rgba(0,0,0,.6)}.dj-ccard:hover .dj-cc-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.dj-cc-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dj-cc-name{font-size:12.5px;font-weight:700;color:#f0f0f2}.dj-cc-name,.dj-cc-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-cc-sub{font-size:10.5px;color:var(--djdim);font-family:var(--font-mono,monospace)}.dj-cc-sub em{font-style:normal;color:#cbb8ff}.dj-cc-load{display:flex;gap:5px;flex:0 0 auto}.dj-cc-load button{font-family:var(--font-mono,monospace);font-size:10px;font-weight:800;letter-spacing:.03em;padding:5px 8px;border-radius:8px;border:1px solid var(--djline);background:rgba(255,255,255,.04);color:var(--djtxt);cursor:pointer;transition:border-color .12s,background .12s}.dj-cc-load button:hover{border-color:color-mix(in srgb,var(--djA) 60%,transparent);background:color-mix(in srgb,var(--djA) 16%,transparent)}.dj-agent-id{display:flex;align-items:center;gap:10px}.dj-agent-id .dj-chip-head{width:48px;height:48px}.dj-agent-id .dj-chip-head canvas{width:40px;height:40px}.dj-agent-id b{font-family:var(--font-display,sans-serif);font-size:16px;letter-spacing:.05em;color:var(--djtxt);text-transform:lowercase;font-weight:800}.dj-agent-prompt{display:flex;align-items:center;gap:6px;width:100%}.dj-agent-prompt input{flex:1;min-width:0;padding:9px 13px;border-radius:12px;outline:none;font-family:inherit;font-size:12.5px;color:#f6f6f7;border:1px solid rgba(255,255,255,.1);background:rgba(10,10,12,.8);transition:border-color .15s}.dj-agent-prompt input:focus{border-color:rgba(255,176,102,.55)}.dj-agent-prompt input::-moz-placeholder{color:rgba(255,255,255,.35)}.dj-agent-prompt input::placeholder{color:rgba(255,255,255,.35)}.dj-agent-send{width:36px;height:36px;flex:none;border-radius:11px;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);display:grid;place-items:center;box-shadow:0 4px 14px rgba(255,122,45,.35)}.dj-agent-send:hover{filter:brightness(1.1)}.dj-play{width:60px;height:60px;border-radius:50%;font-size:21px;cursor:pointer;color:#3ddc7e;flex:none;display:flex;align-items:center;justify-content:center;line-height:1;background:var(--djglass);backdrop-filter:blur(24px) saturate(1.2);border:1.5px solid color-mix(in srgb,#3ddc7e 45%,var(--djline));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 16px rgba(0,0,0,.4);transition:transform .12s,box-shadow .15s}.dj-play:hover{transform:scale(1.05)}.dj-play:active{transform:scale(.97)}.dj-play.on{color:#0c0c0e;background:#3ddc7e;border-color:#3ddc7e;box-shadow:0 0 22px rgba(61,220,126,.5)}.dj-cuejump,.dj-cueset{height:34px;padding:0 10px;border-radius:10px;font-size:11px;font-weight:700;cursor:pointer;color:var(--djtxt);flex:none;background:var(--djglass);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline)}.dj-cuejump{width:40px;padding:0;display:inline-grid;place-items:center}.dj-cuejump svg{width:18px;height:18px}.dj-cuejump:hover,.dj-cueset:hover,.dj-play:hover{border-color:rgba(255,255,255,.3)}.dj-loopgrp{display:flex;align-items:center;border:1px solid var(--djline);border-radius:11px;overflow:hidden;background:var(--djglass);backdrop-filter:blur(24px) saturate(1.2)}.dj-loopgrp button{height:34px;border:0;background:transparent;color:var(--djtxt);cursor:pointer;font-size:10px;padding:0 5px;white-space:nowrap}.dj-loopgrp .dj-loopbtn{min-width:62px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-variant-numeric:tabular-nums}.dj-loopgrp .dj-loopbtn .dj-loopico{width:16px;height:16px;flex:none}.dj-loopgrp .dj-loopbtn .dj-loopn{font-size:13px;font-weight:700}.dj-loopgrp .dj-loopdbl,.dj-loopgrp .dj-loophalf{font-size:17px;padding:0 11px;color:var(--djdim)}.dj-loopbtn.on .dj-loopico{stroke:#0c0c0e}.dj-loopgrp .dj-loopdbl:hover,.dj-loopgrp .dj-loophalf:hover{color:var(--djtxt);background:rgba(255,255,255,.1)}.dj-loopgrp button:hover{background:rgba(255,255,255,.08)}.dj-loopbtn.on{color:#0c0c0e;background:#4dd0ff;font-weight:800}.dj-xfwrap{display:flex;justify-content:center;width:100%;flex:none}.dj-xfader{position:relative;width:100%;height:28px;cursor:ew-resize;touch-action:none}.dj-xfader:before{content:"";position:absolute;left:0;right:0;top:calc(50% - 2px);height:4px;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--djA) 60%,transparent),rgba(255,255,255,.12),color-mix(in srgb,var(--djB) 60%,transparent))}.dj-xf-thumb{position:absolute;top:2px;width:20px;height:26px;border-radius:6px;background:linear-gradient(180deg,#3f3f47,#202024);border:1px solid rgba(255,255,255,.32);box-shadow:0 2px 8px rgba(0,0,0,.6);pointer-events:none}.dj-drawer{border-top:1px solid var(--djline);background:color-mix(in srgb,#0a0a0e 78%,transparent);backdrop-filter:blur(24px) saturate(1.2)}.dj-drawer-handle{display:flex;align-items:center;gap:8px;height:30px;padding:0 16px;cursor:pointer;font-size:11px}.dj-drawer-handle:hover{background:rgba(255,255,255,.04)}.dj-grip{width:30px;height:3px;border-radius:3px;background:rgba(255,255,255,.22)}.dj-drawer-handle b{font-size:11px}.dj-drawer-handle span{color:var(--djdim);font-size:10.5px}.dj-drawer-handle em{margin-left:auto;font-style:normal;font-family:var(--font-mono,monospace);font-size:10px;color:var(--djdim)}.dj-drawer[data-open="0"] .dj-drawer-body{display:none}.dj-drawer-body{height:158px;overflow-y:auto;padding:4px 10px 10px}.dj-drawer-body::-webkit-scrollbar{width:8px}.dj-drawer-body::-webkit-scrollbar-track{background:transparent}.dj-drawer-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.06);border-radius:999px}.dj-drawer-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.12)}.dj-rows{display:flex;flex-direction:column;gap:2px}.dj-row{display:grid;grid-template-columns:24px 1fr auto auto auto auto auto;gap:10px;align-items:center;padding:5px 10px;border-radius:10px;cursor:grab;border:1px solid transparent}.dj-row:hover{background:rgba(255,255,255,.05)}.dj-row.sel{border-color:rgba(255,255,255,.2)}.dj-row.dragging{opacity:.4}.dj-row-art{width:22px;height:22px;border-radius:6px}.dj-row b{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-row-gen{font-style:normal;font-size:7.5px;font-weight:800;letter-spacing:.08em;padding:2px 6px;border-radius:999px;background:linear-gradient(135deg,#7c5cff,#4dd0ff);color:#fff}.dj-row-bpm,.dj-row-dur{font-size:10px}.dj-row-bpm,.dj-row-dur,.dj-row-key{font-family:var(--font-mono,monospace);color:var(--djdim)}.dj-row-key{font-size:9.5px;padding:2px 7px;border-radius:999px;border:1px solid var(--djline)}.dj-row-load{display:none;gap:4px}.dj-row:hover .dj-row-load{display:inline-flex}.dj-row-load button{font-size:9px;font-weight:800;padding:3px 8px;border-radius:7px;border:1px solid var(--djline);background:rgba(255,255,255,.07);color:var(--djtxt);cursor:pointer}.dj-row-load button:hover{background:rgba(255,255,255,.16)}.dj-halo{border-color:color-mix(in srgb,var(--djA) 45%,transparent);box-shadow:0 0 12px rgba(124,92,255,.18)}.dj-halo .dj-row-key{border-color:color-mix(in srgb,var(--djA) 65%,transparent);color:var(--djtxt)}.dj-booth .dj-chip{position:relative;z-index:7;flex:none;display:flex;flex-direction:column;align-items:center}.dj-chip-head{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;font-family:inherit;background:color-mix(in srgb,#101014 82%,transparent);backdrop-filter:blur(24px) saturate(1.2);border:1px solid color-mix(in srgb,var(--djA) 55%,var(--djline));box-shadow:0 6px 22px rgba(0,0,0,.5)}.dj-chip-head:hover{border-color:var(--djA);box-shadow:0 6px 26px rgba(124,92,255,.4)}.dj-chip-head canvas{width:40px;height:40px}.dj-chip-body{position:absolute;top:62px;left:50%;transform:translateX(-50%) scale(.96);overflow:hidden;height:0;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.dj-chip[data-open="1"] .dj-chip-body{height:auto;opacity:1;pointer-events:auto;transform:translateX(-50%) scale(1)}.dj-chip-body input{width:min(46vw,360px);padding:10px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--djA) 45%,var(--djline));background:color-mix(in srgb,#0c0c10 88%,transparent);backdrop-filter:blur(24px) saturate(1.2);color:var(--djtxt);font-size:12px;outline:none;font-family:inherit;box-shadow:0 10px 30px rgba(0,0,0,.55)}.dj-chip-body input::-moz-placeholder{color:rgba(255,255,255,.4)}.dj-chip-body input::placeholder{color:rgba(255,255,255,.4)}.dj-help{position:fixed;z-index:40;max-width:270px;padding:9px 12px;border-radius:12px;font-size:11px;line-height:1.45;background:color-mix(in srgb,#121218 82%,transparent);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline);color:var(--djtxt);box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .15s}.dj-help.on{opacity:1}.dj-tip{position:fixed;z-index:41;transform:translate(-50%,-100%);padding:4px 9px;border-radius:8px;font-family:var(--font-mono,monospace);font-size:10px;white-space:nowrap;background:color-mix(in srgb,#121218 82%,transparent);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline);color:var(--djtxt);opacity:0;pointer-events:none;transition:opacity .1s}.dj-tip.on{opacity:1}.dj-hoverwave{display:none}.dj-inv-ov{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);opacity:0;transition:opacity .18s}.dj-inv-ov.open{opacity:1}.dj-inv-frost{position:absolute;inset:0;backdrop-filter:blur(14px) saturate(1.15)}.dj-inv-dlg{position:relative;width:min(480px,92vw);max-height:88vh;overflow-y:auto;padding:22px;border-radius:22px;background:color-mix(in srgb,#131318 80%,transparent);backdrop-filter:blur(30px) saturate(1.3);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);color:#f2f2f5;transform:translateY(8px) scale(.98);transition:transform .2s}.dj-inv-card{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:15px 16px;background:rgba(255,255,255,.03)}.dj-inv-card+.dj-inv-card{margin-top:12px}.dj-inv-card .dj-inv-head{margin-bottom:12px}.dj-inv-qr{padding:0 13px;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#f2f2f5;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}.dj-inv-qr:hover{background:rgba(255,255,255,.12)}.dj-inv-qr.on{background:linear-gradient(135deg,#ff7a2d,#ff3d8a);border-color:transparent;color:#fff}.dj-inv-qrbox{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0 4px}.dj-inv-qrbox[hidden]{display:none}.dj-inv-qrbox canvas{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.45)}.dj-inv-qrbox span{font-size:10.5px;color:rgba(255,255,255,.5);text-align:center;max-width:260px}.dj-inv-ov.open .dj-inv-dlg{transform:none}.dj-inv-x{position:absolute;right:14px;top:14px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);cursor:pointer}.dj-inv-x:hover{color:#fff;background:rgba(255,255,255,.12)}.dj-inv-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.dj-inv-ic{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--djA,#7c5cff),var(--djB,#4dd0ff))}.dj-inv-title{font-size:18px;font-weight:800;margin:2px 0 4px}.dj-inv-sub{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.45}.dj-inv-lbl,.dj-inv-lbl2{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:8px}.dj-inv-lbl2{margin-top:20px}.dj-inv-linkrow{display:flex;gap:8px}.dj-inv-input{flex:1;padding:11px 13px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);color:#f2f2f5;font-size:12.5px;font-family:var(--font-mono,monospace);outline:none}.dj-inv-copy{padding:0 18px;border-radius:11px;border:0;background:var(--sv-cta-grad,linear-gradient(135deg,#ff7a2d,#ff3d8a));box-shadow:var(--sv-cta-shadow);color:#fff;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap}.dj-inv-copy:hover{filter:brightness(1.08)}.dj-inv-people{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto}.dj-inv-person{display:flex;align-items:center;gap:10px}.dj-inv-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;flex:none}.dj-inv-name{font-size:13px}.dj-inv-foot{display:flex;justify-content:flex-end;margin-top:22px}.dj-inv-done{padding:9px 20px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#f2f2f5;font-weight:700;font-size:13px;cursor:pointer}.dj-inv-done:hover{background:rgba(255,255,255,.12)}.dj-inv-social{margin-top:12px;display:flex;flex-direction:column;gap:8px}.dj-inv-sociallbl{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4)}[data-theme=light] .dj-inv-ov{background:rgba(10,12,24,.28)}[data-theme=light] .dj-inv-dlg{background:color-mix(in srgb,var(--surface-1,#fff) 88%,transparent);border-color:var(--border,#e1e4ec);color:#14151a;box-shadow:0 24px 70px rgba(10,12,24,.22),inset 0 1px 0 rgba(255,255,255,.7)}[data-theme=light] .dj-inv-card{background:rgba(20,21,26,.03);border-color:var(--border,#e1e4ec)}[data-theme=light] .dj-inv-title{color:#14151a}[data-theme=light] .dj-inv-sub{color:#51566b}[data-theme=light] .dj-inv-lbl,[data-theme=light] .dj-inv-lbl2,[data-theme=light] .dj-inv-sociallbl{color:#868c98}[data-theme=light] .dj-inv-input{background:#f7f8fb;border-color:var(--border,#dde1ea);color:#14151a}.dj-join-dlg{width:min(420px,92vw);text-align:center;padding:28px 24px}.dj-join-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(124,92,255,.18);border:1px solid rgba(124,92,255,.4);color:#c4b5fd;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.dj-join-title{font-size:20px;font-weight:800;margin:0 0 8px;color:#fff}.dj-join-sub{font-size:13px;color:rgba(255,255,255,.65);line-height:1.5;margin:0 0 22px}.dj-join-actions{display:flex;flex-direction:column;gap:10px}.dj-join-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:13.5px;font-weight:700;cursor:pointer;transition:filter .15s,background .15s}.dj-join-btn.primary{background:var(--sv-cta-grad,linear-gradient(135deg,#ff7a2d,#ff3d8a));border:0;color:#fff;box-shadow:0 8px 24px rgba(255,61,138,.35)}.dj-join-btn.primary:hover{filter:brightness(1.1)}.dj-join-btn.ghost{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7)}.dj-join-btn.ghost:hover{background:rgba(255,255,255,.1);color:#fff}[data-theme=light] .dj-join-title{color:#14151a}[data-theme=light] .dj-join-sub{color:#51566b}[data-theme=light] .dj-join-btn.ghost{background:rgba(0,0,0,.04);border-color:var(--border,#e1e4ec);color:#474d61}[data-theme=light] .dj-inv-x{background:rgba(20,21,26,.05);border-color:var(--border,#e1e4ec);color:#868c98}[data-theme=light] .dj-inv-x:hover{color:#14151a;background:rgba(20,21,26,.1)}[data-theme=light] .dj-inv-qr{background:rgba(20,21,26,.04);border-color:var(--border,#e1e4ec);color:#2a2e38}[data-theme=light] .dj-inv-qr:hover{background:rgba(20,21,26,.09)}[data-theme=light] .dj-inv-name{color:#14151a}[data-theme=light] .dj-inv-qrbox span{color:#6b7180}[data-theme=light] .dj-inv-done{background:rgba(20,21,26,.05);border-color:var(--border,#e1e4ec);color:#2a2e38}[data-theme=light] .dj-inv-done:hover{background:rgba(20,21,26,.1);color:#14151a}.dj-ov.on-cue,.dj-ov.on-section{cursor:pointer}.dj-ov.analysed{animation:dj-analysed .9s ease}@keyframes dj-analysed{0%{box-shadow:0 0 0 2px rgba(167,139,255,.9),0 0 24px rgba(124,92,255,.5)}to{box-shadow:none}}.dj-stemstrip{position:relative;flex:none;display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%;overflow:hidden;min-height:40px;padding:4px 8px 2px;border-radius:13px;margin-bottom:2px;background:var(--djglass2);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline)}.dj-stemstrip[data-state=unanalysed] .dj-stemcell{display:none}.dj-stemstrip .dj-stem-analyse{display:none;font-size:9px;font-weight:800;letter-spacing:.09em;padding:7px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--djline);background:rgba(255,255,255,.05);color:var(--djdim)}.dj-stemstrip[data-state=unanalysed] .dj-stem-analyse{display:inline-flex}.dj-stem-analyse:hover{color:var(--djtxt);border-color:rgba(255,255,255,.3)}.dj-stemcell{display:flex;flex-direction:column;align-items:center;gap:0}.dj-stemcell span{font-size:7px;font-weight:800;letter-spacing:.06em;color:var(--djdim)}.dj-knob.dj-stem-mini{width:25px;height:27px}.dj-knob.dj-stem-mini i,.dj-knob.dj-stem-mini:before{width:22px;height:22px;left:calc(50% - 11px)}.dj-stemcell.killed .dj-stem-mini{opacity:.35}.dj-stemcell.killed span{color:#ff5c5c}.dj-stemstrip[data-state=ready]{border-color:rgba(110,231,160,.35)}.dj-stemstrip-busy{display:none;position:absolute;inset:0;border-radius:14px;background:rgba(10,10,14,.55)}.dj-stemstrip[data-state=busy] .dj-stemstrip-busy{display:block;animation:dj-pulse 1s ease-in-out infinite}.dj-stems{position:absolute;z-index:30;top:34px;left:4px;width:232px;border-radius:16px;overflow:hidden;background:color-mix(in srgb,#0e0e13 84%,transparent);backdrop-filter:blur(28px) saturate(1.25);border:1px solid var(--djline);box-shadow:0 22px 60px rgba(0,0,0,.6);animation:dj-stems-in .18s ease}@keyframes dj-stems-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.dj-stems-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--djline)}.dj-stems-head b{font-size:9.5px;font-weight:800;letter-spacing:.12em;color:var(--djtxt)}.dj-stems-x{width:22px;height:22px;border-radius:7px;border:1px solid var(--djline);background:rgba(255,255,255,.04);color:var(--djdim);cursor:pointer;font-size:10px;line-height:1}.dj-stems-x:hover{color:var(--djtxt)}.dj-stems-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.dj-stem-row{display:flex;align-items:center;gap:9px}.dj-stem-row.sub{padding-left:10px}.dj-stem-sw{width:30px;height:17px;flex:none;border-radius:999px;border:1px solid var(--djline);background:rgba(255,255,255,.06);cursor:pointer;position:relative;transition:background .15s,border-color .15s}.dj-stem-sw:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#9a9aa4;transition:left .15s,background .15s}.dj-stem-sw.on{background:rgba(110,231,160,.25);border-color:rgba(110,231,160,.6)}.dj-stem-sw.on:after{left:15px;background:#6ee7a0}.dj-stem-name{flex:none;width:74px;font-size:11px;font-weight:700;color:var(--djtxt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-stem-row.sub .dj-stem-name{font-weight:600;color:var(--djdim);width:64px}.dj-stem-row .dj-stem-knob{margin-left:auto}.dj-stem-row.off .dj-stem-knob{opacity:.35;pointer-events:none}.dj-stem-row{min-height:46px}.dj-stem-split{align-self:flex-start;font-size:9px;font-weight:800;letter-spacing:.05em;padding:4px 10px;border-radius:999px;border:1px solid var(--djline);background:rgba(255,255,255,.04);color:var(--djdim);cursor:pointer}.dj-stem-split.on,.dj-stem-split:hover{color:var(--djtxt);border-color:rgba(255,255,255,.28)}.dj-stems-foot{padding:8px 12px 11px;border-top:1px solid var(--djline)}.dj-stems-foot .dj-stems-off{width:100%;padding:7px 0;border-radius:10px;border:1px solid var(--djline);background:rgba(255,255,255,.04);color:var(--djdim);font-size:10.5px;font-weight:700;cursor:pointer}.dj-stems-busy,.dj-stems-foot .dj-stems-off:hover{color:var(--djtxt)}.dj-stems-busy{display:none;position:absolute;inset:0;z-index:2;background:rgba(10,10,14,.72);backdrop-filter:blur(4px);align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:700}.dj-stems.busy .dj-stems-busy{display:flex}.dj-stems-busy span{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#6ee7a0;animation:dj-spin .8s linear infinite}@keyframes dj-spin{to{transform:rotate(1turn)}}.dj-ovmenu{position:fixed;z-index:320;min-width:200px;max-width:280px;padding:5px;border-radius:13px;background:color-mix(in srgb,#14141a 80%,transparent);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline,rgba(255,255,255,.12));box-shadow:0 16px 44px rgba(0,0,0,.55);color:#f2f2f5;font-family:var(--font-ui,"Manrope",sans-serif)}.dj-ovmenu-lbl{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);padding:7px 10px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-ovmenu button{display:flex;width:100%;padding:8px 10px;border-radius:8px;border:0;background:transparent;color:#f2f2f5;font-size:12px;cursor:pointer;font-family:inherit}.dj-ovmenu button:hover{background:rgba(255,255,255,.08)}.dj-ovmenu button:disabled{opacity:.4;cursor:default}.dj-ovmenu-sep{height:1px;background:rgba(255,255,255,.1);margin:4px 6px}.dj-subpage{flex:1;display:flex;align-items:center;justify-content:center;padding:22px}.dj-subcard{width:min(430px,94vw);padding:24px;border-radius:22px;background:color-mix(in srgb,#101016 82%,transparent);backdrop-filter:blur(28px) saturate(1.25);border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 80px rgba(0,0,0,.6);color:#f2f2f5;display:flex;flex-direction:column;gap:12px;font-family:var(--font-ui,"Manrope",sans-serif)}.dj-subhead{display:flex;align-items:center;gap:9px;font-size:17px}.dj-subsub{margin:0;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.55)}.dj-subinput{width:100%;padding:11px 13px;border-radius:12px;outline:none;font-family:inherit;font-size:13.5px;color:#f2f2f5;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35)}.dj-subinput:focus{border-color:rgba(255,176,102,.55)}.dj-subtext{min-height:84px;resize:vertical}.dj-subfile{display:block;cursor:pointer}.dj-subfile input{display:none}.dj-subfile span{display:block;padding:11px 13px;border-radius:12px;border:1px dashed rgba(255,255,255,.22);font-size:12.5px;color:rgba(255,255,255,.6);text-align:center}.dj-subfile:hover span{border-color:rgba(255,255,255,.4);color:#fff}.dj-sublib{display:block;width:100%;padding:11px 13px;border-radius:12px;cursor:pointer;border:1px dashed rgba(124,92,255,.5);background:rgba(124,92,255,.08);font-size:12.5px;color:#c9bcff;text-align:center}.dj-sublib:hover{border-color:rgba(124,92,255,.8);color:#fff}.dj-sublibsel{display:flex;flex-wrap:wrap;gap:6px}.dj-sublibsel[hidden]{display:none}.dj-sublibchip{font-size:11px;padding:4px 9px;border-radius:999px;color:var(--djtxt);background:var(--djglass);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-subsend{padding:13px;border-radius:13px;border:0;cursor:pointer;color:#fff;font-weight:800;font-size:14px;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);box-shadow:0 10px 26px -8px rgba(255,122,45,.6)}.dj-subsend:disabled{opacity:.6}.dj-subok{font-size:12.5px;color:#6ee7a0;text-align:center}.dj-subtip{gap:9px;padding:13px;border-radius:14px;border:1px solid rgba(255,200,90,.22);background:rgba(255,178,64,.06)}.dj-subtip,.dj-subtip-head{display:flex;flex-direction:column}.dj-subtip-head{gap:2px}.dj-subtip-head b{font-size:13px;color:#ffd591}.dj-subtip-head span{font-size:11px;line-height:1.45;color:rgba(255,255,255,.5)}.dj-subtip-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.dj-tipchip{padding:9px 4px;border-radius:11px;cursor:pointer;font-weight:800;font-size:13px;color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.3)}.dj-tipchip:hover{border-color:rgba(255,200,90,.5);color:#fff}.dj-tipchip.on{color:#1a1206;background:linear-gradient(135deg,#ffcf6e,#ffa63d);border-color:transparent;box-shadow:0 6px 18px -6px rgba(255,166,61,.55)}.dj-tipcustom{display:flex;align-items:center;gap:8px;padding:2px 2px 2px 13px;border-radius:11px;border:1px solid rgba(255,200,90,.35);background:rgba(0,0,0,.3)}.dj-tipcustom[hidden]{display:none}.dj-tipcustom span{font-weight:800;color:#ffd591}.dj-tipcustom input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#fff;font-size:14px;font-weight:700;padding:9px 10px 9px 0;font-family:inherit}.dj-tipcustom input::-webkit-inner-spin-button,.dj-tipcustom input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dj-tipnote{font-size:11px;color:#ffd591}.dj-pay-ov{position:fixed;inset:0;z-index:320;align-items:center;justify-content:center;background:rgba(5,5,9,.55);backdrop-filter:blur(10px)}.dj-pay-ov,.dj-pay-sheet{display:flex;padding:18px}.dj-pay-sheet{width:min(400px,96vw);border-radius:20px;background:color-mix(in srgb,#101016 82%,transparent);backdrop-filter:blur(24px) saturate(1.2);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px rgba(0,0,0,.65);color:#f2f2f5;flex-direction:column;gap:12px;font-family:var(--font-ui,"Manrope",sans-serif)}.dj-pay-head{display:flex;align-items:center;gap:10px}.dj-pay-head b{font-size:15px}.dj-pay-lock{margin-left:auto;font-size:10.5px;color:rgba(255,255,255,.5)}.dj-pay-x{border:0;background:transparent;color:rgba(255,255,255,.55);font-size:14px;cursor:pointer;padding:4px}.dj-pay-x:hover{color:#fff}.dj-pay-amt{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,200,90,.25);background:rgba(255,178,64,.07)}.dj-pay-amt i{font-style:normal;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.5)}.dj-pay-amt b{font-size:26px;color:#ffd591}.dj-pay-amt span{font-size:11px;line-height:1.45;color:rgba(255,255,255,.55)}.dj-pay-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dj-pay-tab{padding:9px;border-radius:11px;cursor:pointer;font-weight:700;font-size:12.5px;color:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.3)}.dj-pay-tab i{font-style:normal;font-weight:600;opacity:.6}.dj-pay-tab.on{color:#fff;border-color:rgba(124,92,255,.65);background:rgba(124,92,255,.14)}.dj-pay-body{display:flex;flex-direction:column;gap:10px}.dj-pay-body[hidden]{display:none}.dj-pay-field{display:flex;flex-direction:column;gap:5px}.dj-pay-field span{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.5)}.dj-pay-field input{width:100%;padding:11px 12px;border-radius:11px;outline:none;font-family:inherit;font-size:14px;color:#fff;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.35)}.dj-pay-field input:focus{border-color:rgba(124,92,255,.6)}.dj-pay-cardrow{position:relative}.dj-pay-cardrow em{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#c9bcff}.dj-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dj-pay-bad{animation:djPayShake .3s}.dj-pay-bad input{border-color:rgba(255,90,90,.75)!important}@keyframes djPayShake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}.dj-pay-upinote{margin:0;font-size:11px;line-height:1.45;color:rgba(255,255,255,.5)}.dj-pay-go{padding:13px;border-radius:13px;border:0;cursor:pointer;color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#7c5cff,#4dd0ff);box-shadow:0 10px 26px -8px rgba(124,92,255,.6)}.dj-pay-go:disabled{opacity:.75;cursor:default}.dj-pay-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:djPaySpin .7s linear infinite}@keyframes djPaySpin{to{transform:rotate(1turn)}}.dj-pay-foot{margin:0;font-size:10px;text-align:center;color:rgba(255,255,255,.38)}.dj-pay-done{flex-direction:column;gap:8px;padding:26px 10px;text-align:center}.dj-pay-done,.dj-pay-done i{display:flex;align-items:center}.dj-pay-done i{width:52px;height:52px;border-radius:50%;justify-content:center;font-style:normal;font-size:24px;color:#0e2416;background:linear-gradient(135deg,#6ee7a0,#2fbf71);box-shadow:0 10px 30px -8px rgba(110,231,160,.6)}.dj-pay-done b{font-size:15px}.dj-pay-done span{font-size:12px;color:rgba(255,255,255,.55)}.dj-tipbdg{font-size:10.5px;padding:3px 8px}.dj-row-tip,.dj-tipbdg{flex:none;font-weight:800;border-radius:999px;color:#1a1206;background:linear-gradient(135deg,#ffcf6e,#ffa63d)}.dj-row-tip{font-style:normal;font-size:9.5px;letter-spacing:.04em;padding:2px 7px}.dj-req-row.tipped{border:1px solid rgba(255,200,90,.35);background:rgba(255,178,64,.07)}.dj-reqtoast.tipped{border-color:rgba(255,200,90,.4)}.dj-reqtoast .dj-tipbdg{margin-left:auto}.dj-mini{position:fixed;left:50%;right:auto;transform:translateX(-50%);bottom:14px;z-index:240;height:78px;width:min(720px,calc(100vw - 28px));display:none;align-items:center;gap:14px;padding:0 16px;font-family:var(--font-ui,"Manrope",sans-serif);color:#f2f2f5;background:color-mix(in srgb,#0d0d12 78%,transparent);backdrop-filter:blur(28px) saturate(1.4);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07)}.dj-mini[data-show="1"]{display:flex}.dj-mini-side{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.dj-mini-b{justify-content:flex-end}.dj-mini-vinyl{width:58px;height:58px;flex:none;display:block}.dj-mini-info{display:flex;flex-direction:column;min-width:0;gap:2px}.dj-mini-info-r{align-items:flex-end;text-align:right}.dj-mini-info b{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}.dj-mini-info span{font-size:10.5px;color:rgba(255,255,255,.55);font-family:var(--font-mono,monospace)}.dj-mini-center{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none}.dj-mini-play{width:36px;height:36px;border-radius:50%;font-size:13px;cursor:pointer;color:#0c0c0e;background:#3ddc7e;border:0;display:grid;place-items:center}.dj-mini-play:hover{filter:brightness(1.06)}.dj-mini-xf{position:relative;width:120px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--djA,#7c5cff),rgba(255,255,255,.14),var(--djB,#4dd0ff))}.dj-mini-xf i{position:absolute;top:-4px;width:10px;height:13px;border-radius:3px;background:#e8e8ee;box-shadow:0 2px 5px rgba(0,0,0,.5)}.dj-mini-expand{font-size:10px;font-weight:800;letter-spacing:.06em;padding:5px 12px;border-radius:999px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c5cff,#4dd0ff);border:0}.dj-mini-close{position:absolute;right:12px;top:10px;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);cursor:pointer;font-size:11px;line-height:1}.dj-mini-close:hover{color:#fff;background:rgba(255,255,255,.12)}.dj-mini[data-skin=normal]{height:66px}.dj-mini[data-skin=normal] .dj-mini-vinyl{width:44px;height:44px;border-radius:8px}.dj-mini[data-skin=normal] .dj-mini-xf{display:none}.dj-mini[data-skin=winamp]{background:linear-gradient(180deg,#2a2a2e,#16161a);border-color:#3a3a40;font-family:var(--font-mono,monospace)}.dj-mini[data-skin=winamp] .dj-mini-info b,.dj-mini[data-skin=winamp] .dj-mini-info span{color:#37e26a;text-shadow:0 0 6px rgba(55,226,106,.4)}.dj-mini[data-skin=winamp] .dj-mini-play{background:#37e26a}.dj-mini[data-skin=winamp] .dj-mini-expand{background:linear-gradient(135deg,#37e26a,#2bb050);color:#04120a}.dj-mini-menu{position:fixed;z-index:260;min-width:176px;padding:5px;border-radius:12px;background:color-mix(in srgb,#16161c 92%,transparent);backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 40px rgba(0,0,0,.55)}.dj-mini-mlbl{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);padding:6px 10px 4px}.dj-mini-mi{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:8px;border:0;background:transparent;color:#f2f2f5;font-size:12.5px;cursor:pointer;font-family:inherit}.dj-mini-mi:hover{background:rgba(255,255,255,.08)}.dj-mini-chk,.dj-mini-mi.on{color:#4dd0ff}.dj-mini-msep{height:1px;background:rgba(255,255,255,.1);margin:5px 6px}body.sv-djmini-visible .svp-bar{bottom:104px}@media (max-width:600px){.dj-mini-info b{max-width:22vw}.dj-mini-xf{width:72px}}.dj-pill{overflow:hidden}.dj-pill,.dj-pill-meta{min-width:0}@media (max-height:900px){.dj-lower{height:210px}}@media (max-height:800px){.dj-lower{height:188px}}@container svbooth (max-width: 1160px){.dj-stemstrip{display:none}}@container svbooth (max-width: 1400px){.dj-hotgrid{grid-template-columns:repeat(4,minmax(24px,46px));gap:7px}.dj-agent{width:205px}}@container svbooth (max-width: 1280px){.dj-hotgrid{grid-template-columns:repeat(4,minmax(24px,42px))}.dj-knob{width:38px;height:48px}.dj-knob i,.dj-knob:before{width:30px;height:30px;left:calc(50% - 15px)}.dj-chan{gap:8px}.dj-loopgrp .dj-loopbtn{min-width:46px;font-size:9px}.dj-loopgrp .dj-loopdbl,.dj-loopgrp .dj-loophalf{padding:0 8px}}@container svbooth (max-width: 1160px){.dj-hotgrid{grid-template-columns:repeat(4,minmax(24px,38px));gap:6px}.dj-knob{width:34px;height:44px}.dj-knob i,.dj-knob:before{width:27px;height:27px;left:calc(50% - 13.5px)}.dj-keylock{font-size:8px;padding:4px 7px}.dj-agent{width:160px}.dj-pill-meta{min-width:52px}.dj-pill-meta>span{display:none}}@container svbooth (max-width: 1200px){.dj-midi{display:none}}@container svbooth (max-width: 1140px){.dj-mastermeter{display:none}}@container svbooth (max-width: 1060px){.dj-rec{display:none}}@container svbooth (max-width: 1120px){.dj-syncround{width:48px;height:48px}.dj-loopgrp button{height:30px}.dj-loopgrp .dj-loopbtn{min-width:42px}.dj-main{grid-template-columns:160px 1fr 128px 1fr 160px;gap:9px;padding:6px 10px 4px}.dj-pill-meta b{max-width:120px}.dj-topbar{padding:8px 10px 4px;gap:6px}.dj-lower{padding:2px 10px 8px}.dj-mixer{gap:10px;padding:10px 12px}.dj-waverow{padding-left:10px;padding-right:10px}}@container svbooth (max-width: 1024px){.dest-dj .dj-scroll{overflow:hidden;align-items:stretch}.dj-booth{overflow:hidden;height:100%;min-height:0;align-self:stretch;width:100%}.dj-lower{flex:none}.dj-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;flex:none}.dj-topside{display:contents}.dj-recgrp{order:1;flex:none}.dj-topcenter{order:2;flex:1 1 auto}.dj-topright{order:3;flex:none}.dj-pill-a,.dj-pill-b,.dj-stemstrip{display:none}.dj-pill-b .dj-pill-meta{align-items:flex-start}.dj-pill-b .dj-pill-right{margin-left:auto;margin-right:0;align-items:flex-end}.dj-pill-meta{flex:1 1 auto}.dj-pill-meta b{max-width:none}.dj-pill-right{flex:none;flex-direction:row;align-items:center;gap:7px}.dj-invite span,.dj-midi span,.dj-upnext{display:none}.dj-invite{padding:8px}.dj-midi{padding:7px 9px}.dj-waverow{grid-template-columns:1fr 1fr;gap:8px;height:36px;flex:none}.dj-wavemid{display:none}.dj-ov[data-deck=a]{grid-column:1}.dj-ov[data-deck=b]{grid-column:2}.dj-booth[data-mode=min] .dj-main,.dj-booth[data-mode=pro] .dj-main{flex:1 1 auto;height:auto;min-height:0;grid-template-columns:1fr 1fr;grid-template-areas:"deckA deckB" "xf xf" "seg seg" "fx fx";grid-template-rows:minmax(0,1fr) auto auto auto;gap:10px;overflow:hidden;padding:6px 12px}.dj-booth[data-mode=min] .dj-main{grid-template-areas:"deckA deckB" "xf xf" "seg seg";grid-template-rows:minmax(0,1fr) auto auto}.dj-booth[data-mode=min] .dj-hotgrid{grid-template-columns:repeat(4,minmax(42px,54px));grid-auto-rows:52px}#djDeckColA{grid-area:deckA;min-height:0}#djDeckColB{grid-area:deckB;min-height:0}.dj-centercol{grid-area:xf;flex-direction:row}.dj-centercol .dj-zipwrap{display:none}.dj-xfader{width:min(560px,100%);height:24px}.dj-deckwrap{flex:1 1 auto;align-items:center;min-height:84px;height:auto}.dj-decktransport{gap:5px;flex-wrap:wrap;justify-content:center;row-gap:4px}.dj-decktransport .dj-cuejump{display:none}.dj-decktransport .dj-loopgrp{order:9;flex-basis:auto}.dj-loopgrp button{height:26px}.dj-loopgrp .dj-loopbtn{min-width:44px;font-size:9px}.dj-loopgrp .dj-loopdbl,.dj-loopgrp .dj-loophalf{padding:0 9px;font-size:13px}#djDeckColA .dj-decktransport .dj-syncround,#djDeckColB .dj-decktransport .dj-syncround{margin:0}.dj-decktransport .dj-chan-vol{height:50px}.dj-syncround{width:40px;height:40px;font-size:8px}.dj-play{width:50px;height:50px;font-size:18px}#djFxA,#djFxB{grid-area:fx;flex-direction:row;gap:8px;min-height:0}#djFxA .dj-fxblock,#djFxB .dj-fxblock{flex:1 1 0;aspect-ratio:auto;height:clamp(138px,20vh,176px);min-height:0}.dj-fxpane{padding:7px;gap:6px}.dj-fxtabs button{padding:6px 2px}.dj-instant{gap:6px;align-content:stretch}.dj-ibtn{padding:5px 4px;font-size:9px}#djFxB,.dj-booth[data-fxdeck=b] #djFxA{display:none}.dj-booth[data-fxdeck=b] #djFxB{display:flex}.dj-booth[data-mode=pro] .dj-fxswap{display:inline-flex}.dj-booth[data-mode=min] #djFxA,.dj-booth[data-mode=min] #djFxB,.dj-booth[data-mode=min] .dj-fxswap{display:none}.dj-booth[data-mode=min] .dj-lower,.dj-lower{height:auto;padding:4px 12px 12px}.dj-mixer{display:flex;flex-direction:column;gap:10px;padding:12px}.dj-booth[data-mode=min] .dj-mixer,.dj-mixer{align-items:stretch}.dj-chan{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;row-gap:8px;height:auto;min-height:0;overflow:visible}.dj-chan[data-deck=b]{flex-direction:row-reverse}.dj-hotgrid{order:9;flex-basis:100%;grid-template-columns:repeat(8,minmax(34px,46px));grid-auto-rows:46px;justify-content:center}.dj-hotgrid .dj-hot:nth-child(n+5){display:block}.dj-keylock{order:2}.dj-deckctl{flex-direction:row;align-items:center;gap:8px;padding:0}.dj-deckctl .dj-tfader{flex:none;width:72px;height:26px;min-height:26px}.dj-deckctl .dj-tfader:before{top:calc(50% - 2px);bottom:auto;left:4px;right:4px;width:auto;height:4px}.dj-deckctl .dj-tf-zero{top:3px;bottom:3px;left:calc(50% - .5px);right:auto;width:1px;height:auto}.dj-deckctl .dj-tf-thumb{width:14px;height:22px}.dj-keylock span{display:none}.dj-chan-eq{flex-direction:row;align-items:center;gap:8px;padding:0}.dj-knob{width:34px;height:44px}.dj-knob i,.dj-knob:before{width:28px;height:28px;left:calc(50% - 14px)}.dj-knrow{gap:4px}.dj-agent{flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%;order:3}.dj-agent .dj-amplan,.dj-automix-hint{display:none}.dj-agent-id .dj-chip-head{width:36px;height:36px}.dj-agent-id .dj-chip-head canvas{width:30px;height:30px}.dj-agent-id b{font-size:13px}.dj-agentpanel{position:absolute;right:0;top:0;bottom:0;z-index:40;background:color-mix(in srgb,#0d0d12 78%,transparent);backdrop-filter:blur(36px) saturate(1.35);box-shadow:-14px 0 40px rgba(0,0,0,.5)}.dj-booth[data-agent="1"] .dj-agentpanel{width:min(360px,94vw)}}.dj-fxswap{display:none;position:absolute;z-index:6;right:10px;bottom:6px;font-size:8.5px;font-weight:800;letter-spacing:.08em;padding:5px 10px;border-radius:999px;cursor:pointer;background:var(--djglass);backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--djline);color:var(--djdim)}.dj-fxswap:active{color:#fff}@media (hover:none){.dj-help{display:none!important}}@media (max-width:640px){.dj-topbar{padding-left:56px}}@container svbooth (max-width: 640px){.dj-slot[data-slot="1"]{display:none}.dj-booth[data-agent="1"] .dj-agentpanel{width:100%;box-shadow:none}}@container svbooth (max-width: 480px){.dj-hotgrid{gap:5px;grid-template-columns:repeat(8,minmax(28px,38px));grid-auto-rows:38px}.dj-booth[data-mode=min] .dj-hotgrid{grid-template-columns:repeat(4,minmax(38px,48px));grid-auto-rows:48px}.dj-chan{gap:6px}.dj-knob{width:31px;height:42px}.dj-knob i,.dj-knob:before{width:26px;height:26px;left:calc(50% - 13px)}.dj-knrow{gap:3px}.dj-syncround{width:36px;height:36px}.dj-play{width:46px;height:46px}.dj-decktransport .dj-chan-vol{height:42px}.dj-seg button{padding:4px 9px}.dj-fxtabs button{font-size:9px}.dj-bpmread b{font-size:13px}.dj-loopgrp .dj-loopbtn{min-width:40px}.dj-loopgrp .dj-loopdbl,.dj-loopgrp .dj-loophalf{padding:0 7px}.dj-cueset{padding:0 6px;font-size:9px}}@media (max-height:620px){@container svbooth (max-width: 1024px){.dj-waverow{height:26px}.dj-decktransport .dj-loopgrp,.dj-hotgrid{display:none}.dj-decktransport .dj-chan-vol{height:38px}.dj-play{width:42px;height:42px;font-size:15px}.dj-syncround{width:34px;height:34px;font-size:7px}.dj-deckwrap{min-height:40px}.dj-booth[data-fxdeck=b] #djFxA,.dj-booth[data-fxdeck=b] #djFxB,.dj-booth[data-mode=pro] #djFxA,.dj-booth[data-mode=pro] #djFxB,.dj-booth[data-mode=pro] .dj-fxswap{display:none}.dj-booth[data-mode=pro] .dj-main{grid-template-areas:"deckA deckB" "xf xf";grid-template-rows:minmax(0,1fr) auto}.dj-booth[data-mode=pro] .dj-chan-eq{display:none}.dj-mixer{gap:5px;padding:5px 8px}.dj-chan{row-gap:5px}.dj-agent-id .dj-chip-head{width:30px;height:30px}.dj-agent-id .dj-chip-head canvas{width:24px;height:24px}}}.dj-keys{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(6,6,10,.5);backdrop-filter:blur(8px)}.dj-keys-card{width:min(620px,92vw);border-radius:20px;padding:18px 20px;background:color-mix(in srgb,#101016 82%,transparent);backdrop-filter:blur(28px) saturate(1.25);border:1px solid var(--djline);box-shadow:0 30px 80px rgba(0,0,0,.6);color:var(--djtxt)}.dj-keys-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.dj-keys-head b{font-size:13.5px}.dj-keys-head i{font-style:normal;font-size:10.5px;color:var(--djdim);flex:1}.dj-keys-head button{width:24px;height:24px;border-radius:8px;border:1px solid var(--djline);background:rgba(255,255,255,.05);color:var(--djdim);cursor:pointer}.dj-keys-cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 26px}.dj-keys-row{display:flex;align-items:center;gap:10px;padding:5px 0}.dj-keys-row span{display:flex;gap:4px;min-width:86px}.dj-keys-row kbd{font-family:var(--font-mono,monospace);font-size:10.5px;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.07);border:solid var(--djline);border-width:1px 1px 2px;color:var(--djtxt)}.dj-keys-row em{font-style:normal;font-size:11.5px;color:var(--djdim)}@media (max-width:640px){.dj-keys-cols{grid-template-columns:1fr}}.dj-pill-b .dj-pill-meta b,.dj-pill-b .dj-pill-meta span{text-align:left;direction:ltr;align-self:flex-end;max-width:100%}.dj-rows-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 12px;text-align:center;font-size:12px;color:var(--djdim)}.dj-rows-clear{padding:7px 14px;border-radius:999px;border:1px solid var(--djline);background:var(--djglass);color:var(--djtxt);cursor:pointer;font-size:11.5px}.dj-rows-clear:hover{color:#fff;border-color:rgba(124,92,255,.6)}@container svbooth (max-width: 1200px){.dj-midi{display:inline-flex}.dj-midi span{display:none}}@container svbooth (max-width: 900px){.dj-midi{display:none}}@container svbooth (max-width: 1060px){.dj-rec{display:inline-flex}.dj-rec span{display:none}.dj-rec{padding:7px 9px}}@container svbooth (max-width: 640px){.dj-rec{display:none}}@container svbooth (max-width: 480px){.dj-loopgrp button,.dj-onbtn{min-height:40px}#djReqBtn,.dj-ap-close,.dj-invite{min-width:40px;min-height:40px}.dj-fxtabs button,.dj-ibtn{min-height:38px}}@container svbooth (max-width: 640px){.dj-booth[data-agent="1"] .dj-ap-head{padding-left:60px}}.dj-deckseg{display:none}@container svbooth (max-width: 1024px){.dj-deckseg{display:flex;grid-area:seg;gap:8px;padding:0}.dj-deckseg button{flex:1;min-height:42px;border-radius:12px;cursor:pointer;border:1px solid var(--djline);background:var(--djglass);color:var(--djdim);font-weight:800;font-size:12px;letter-spacing:.08em}.dj-deckseg button[data-dk=a].on{color:#fff;border-color:transparent;background:linear-gradient(135deg,#ff7a2d,#ff3d8a);box-shadow:0 6px 18px -8px rgba(255,122,45,.6)}.dj-deckseg button[data-dk=b].on{color:#fff;border-color:transparent;background:linear-gradient(135deg,#22d3ee,#4d7cff);box-shadow:0 6px 18px -8px rgba(34,211,238,.6)}.dj-main{grid-template-columns:1fr 1fr;grid-template-areas:"seg seg" "deckA deckB" "fx fx" "xf xf";grid-template-rows:auto minmax(0,1fr) auto auto}#djDeckColA{grid-area:deckA}#djDeckColB{grid-area:deckB}.dj-platter{width:min(216px,40cqw);height:min(216px,40cqw)}.dj-centercol{grid-area:xf;flex-direction:row}.dj-centercol .dj-xfader{width:min(520px,100%)}.dj-zipwrap{display:none}.dj-fxcol{grid-area:fx}.dj-booth[data-deckview=a] .dj-chan[data-deck=b],.dj-booth[data-deckview=a] .dj-fxcol[data-deck=b],.dj-booth[data-deckview=b] .dj-chan[data-deck=a],.dj-booth[data-deckview=b] .dj-fxcol[data-deck=a]{display:none}.dj-fxswap{display:none!important}.dj-booth[data-mode=min] .dj-deckseg{display:flex}}.dj-padmode{display:flex;flex-direction:column;gap:4px;justify-content:center;flex:none;align-self:center;min-width:0}@container svbooth (max-width: 1340px){.dj-pmbtn{font-size:7px;padding:4px 5px;letter-spacing:.05em}.dj-chan{gap:8px}}.dj-pmbtn{padding:5px 7px;border-radius:8px;cursor:pointer;white-space:nowrap;border:1px solid var(--djline);background:var(--djglass);color:var(--djdim);font-size:8px;font-weight:800;letter-spacing:.08em}.dj-pmbtn:hover{color:#fff}.dj-pmbtn.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,#ff7a2d,#ff3d8a)}.dj-hotgrid[data-mode=smp] .dj-hot{font-size:8.5px;letter-spacing:.04em;border-color:rgba(34,211,238,.4)}.dj-hotgrid[data-mode=smp] .dj-hot.fired{background:linear-gradient(135deg,#22d3ee,#4d7cff);color:#fff;border-color:transparent}.dj-hotgrid[data-mode=smp] .dj-hot.loaded{color:#ffd7a8;border-color:rgba(255,138,42,.55);background:linear-gradient(180deg,rgba(255,138,42,.16),rgba(255,138,42,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 12px rgba(255,138,42,.18)}.dj-hotgrid[data-mode=smp] .dj-hot.loaded.fired{background:linear-gradient(135deg,#ff9a3e,#ff5c2d);color:#fff}.dj-hot.droptgt{border-color:#22d3ee!important;border-style:dashed;background:rgba(34,211,238,.14)!important;box-shadow:0 0 0 2px rgba(34,211,238,.35),0 0 16px rgba(34,211,238,.35)!important}[data-theme=light] .dj-hotgrid[data-mode=smp] .dj-hot.loaded{color:#b8560c}.dj-field{display:none}body.sv-dj-tabbed .dj-field{display:block;position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(1100px 520px at 18% -10%,rgba(124,92,255,.16),transparent 60%),radial-gradient(1100px 520px at 82% -10%,rgba(77,208,255,.13),transparent 60%),radial-gradient(900px 600px at 50% 115%,rgba(255,61,138,.08),transparent 65%),#060608}html[data-theme=light] body.sv-dj-tabbed .dj-field{background:radial-gradient(1100px 520px at 18% -10%,rgba(124,92,255,.14),transparent 60%),radial-gradient(1100px 520px at 82% -10%,rgba(77,208,255,.12),transparent 60%),radial-gradient(900px 600px at 50% 115%,rgba(255,61,138,.07),transparent 65%),#eef0f5}body.sv-dj-tabbed .dj-field:before{content:"";position:absolute;inset:-12%;pointer-events:none;opacity:.4;background:radial-gradient(46% 42% at 22% 30%,var(--djA1,#7c5cff),transparent 70%),radial-gradient(40% 44% at 78% 28%,var(--djB1,#4dd0ff),transparent 70%),radial-gradient(50% 50% at 30% 82%,var(--djA2,#3d2b8f),transparent 72%),radial-gradient(44% 46% at 74% 80%,var(--djB2,#1b5e78),transparent 72%);filter:blur(64px) saturate(1.25);animation:dj-drift 46s ease-in-out infinite alternate}html[data-theme=light] body.sv-dj-tabbed .dj-field:before{opacity:.25}@media (prefers-reduced-motion:reduce){body.sv-dj-tabbed .dj-field:before{animation:none}}body.sv-dj-tabbed .dest-dj{background:transparent}body.sv-dj-tabbed .dj-meshbg{display:none}body.sv-dj-tabbed #djLoading{-webkit-mask-image:linear-gradient(180deg,transparent,#000 34px);mask-image:linear-gradient(180deg,transparent,#000 34px)}.dj-loading{position:absolute;inset:0;z-index:60;overflow:hidden;background:#05060f;border-radius:inherit;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .55s ease;pointer-events:all}.dj-loading.gone{opacity:0;pointer-events:none}.dj-load-base{position:absolute;inset:-35%;filter:blur(24px);will-change:transform;background:radial-gradient(ellipse 45% 55% at 50% 55%,#05060f 0,#0a0d24 18%,#1a0b3d 30%,#4a1270 42%,#8a1530 52%,#c42518 60%,#ef5a1a 68%,#f6a02a 76%,#fff4c2 83%,#0a0d24 95%);animation:djl-base 14s ease-in-out infinite}.dj-load-purple{inset:-30%;filter:blur(40px);opacity:.75;background:radial-gradient(ellipse 38% 48% at 45% 50%,transparent 35%,#6a1b9a 52%,#3a0a6b 65%,transparent 78%);animation:djl-purple 11s ease-in-out infinite}.dj-load-purple,.dj-load-red{position:absolute;mix-blend-mode:screen;will-change:transform,opacity}.dj-load-red{inset:-25%;filter:blur(35px);opacity:.7;background:radial-gradient(ellipse 42% 32% at 55% 58%,transparent 38%,#c42518 55%,#7a0e1a 70%,transparent 82%);animation:djl-red 9s ease-in-out infinite}.dj-load-flare{position:absolute;inset:-20%;mix-blend-mode:screen;filter:blur(28px);will-change:transform,opacity;background:radial-gradient(ellipse 26% 34% at 50% 54%,#fff4c2 0,#ef7a1a 20%,transparent 40%);animation:djl-flare 7s ease-in-out infinite}.dj-load-vig{position:absolute;inset:0;background:radial-gradient(ellipse 28% 38% at 50% 58%,rgba(0,0,0,.88) 0,rgba(0,0,0,.55) 42%,transparent 72%)}.dj-load-corner{position:absolute;top:18px;color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.3em;z-index:2;display:flex;align-items:center;gap:8px}.dj-load-tl{left:22px;color:#fff;letter-spacing:.18em;font-size:11px}.dj-load-tr{right:22px}.dj-load-dot{width:7px;height:7px;border-radius:50%;background:#ef5a1a;box-shadow:0 0 12px #ef5a1a;animation:djl-pulse 1.4s ease-in-out infinite}.dj-load-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}.dj-load-tag{color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.4em;margin-bottom:18px}.dj-load-title{font-size:clamp(38px,7vw,96px);font-weight:500;letter-spacing:-.04em;line-height:.9;color:#fff}.dj-load-title+.dj-load-title{margin-top:2px}.dj-load-bar{margin-top:28px;width:min(320px,60vw);height:2px;background:rgba(255,255,255,.15);border-radius:2px;overflow:hidden}.dj-load-bar i{display:block;height:100%;width:40%;background:linear-gradient(90deg,#4a1270,#c42518,#ef7a1a,#fff4c2);animation:djl-slide 2.4s ease-in-out infinite}.dj-load-sub{margin-top:12px;color:rgba(255,255,255,.5);font-size:10px;letter-spacing:.3em}@keyframes djl-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes djl-slide{0%{transform:translateX(-120%)}to{transform:translateX(320%)}}@keyframes djl-base{0%,to{transform:scale(1.04) rotate(-2deg) translate(-1%,1%)}50%{transform:scale(1.12) rotate(2deg) translate(1%,-1%)}}@keyframes djl-purple{0%,to{transform:translate(-6%,-4%) scale(1.05);opacity:.6}50%{transform:translate(6%,5%) scale(1.28);opacity:.82}}@keyframes djl-red{0%,to{transform:translate(5%,3%) scale(1.08);opacity:.58}50%{transform:translate(-5%,-4%) scale(1.26);opacity:.82}}@keyframes djl-flare{0%,to{transform:translate(-3%,2%) scale(1);opacity:.55}50%{transform:translate(3%,-3%) scale(1.2);opacity:.92}}@media (prefers-reduced-motion:reduce){.dj-load-bar i,.dj-load-base,.dj-load-flare,.dj-load-purple,.dj-load-red{animation:none!important}}.dj-addfx{margin-top:2px;width:100%;padding:9px 10px;border-radius:10px;cursor:pointer;flex:none;border:1px dashed color-mix(in srgb,var(--djA,#7c5cff) 45%,var(--djline));background:rgba(255,255,255,.03);color:var(--djtxt);font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.03em;transition:border-color .14s,background .14s,color .14s}.dj-addfx:hover{border-style:solid;border-color:#ff8a3d;background:rgba(255,138,45,.1);color:#ffb37a}.dj-loadedfx{display:flex;flex-direction:column;gap:5px}.dj-loadedfx:empty{display:none}.djfx-mini{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:9px;background:color-mix(in srgb,#12131a 70%,transparent);border:1px solid var(--djline);backdrop-filter:blur(10px);min-width:0}.djfx-mini.floating{border-color:rgba(255,138,45,.5);background:rgba(255,138,45,.08)}.djfx-mini.off{opacity:.55}.djfx-mini-grip{color:var(--djdim);font-size:9px;letter-spacing:-2px;cursor:grab;flex:none}.djfx-mini-pow{flex:none;width:18px;height:18px;border-radius:50%;border:1px solid var(--djline);background:rgba(255,255,255,.05);cursor:pointer;display:grid;place-items:center;padding:0}.djfx-mini-pow i{width:7px;height:7px;border-radius:50%;background:var(--djdim);transition:background .15s,box-shadow .15s}.djfx-mini-pow.on i{background:#3ddc7e;box-shadow:0 0 7px rgba(61,220,126,.7)}.djfx-mini-name{flex:1 1 auto;min-width:0;font-size:11px;font-weight:700;color:var(--djtxt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.djfx-mini-tag{flex:none;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--djdim);padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.05)}.djfx-mini-open,.djfx-mini-x{flex:none;width:22px;height:22px;border-radius:6px;border:1px solid var(--djline);background:rgba(255,255,255,.04);color:var(--djdim);cursor:pointer;display:grid;place-items:center;padding:0}.djfx-mini-open:hover,.djfx-mini-x:hover{color:var(--djtxt);border-color:rgba(255,255,255,.28)}.djfx-mini-open.act{color:#ffb37a;border-color:rgba(255,138,45,.5);background:rgba(255,138,45,.12)}.djfx-mini-x{font-size:11px}.djfx-mini-x:hover{color:#ff6b6b;border-color:rgba(255,107,107,.5)}.dj-plview{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;background:color-mix(in srgb,#0a0a0f 94%,transparent);backdrop-filter:blur(6px);animation:dj-plview-in .2s ease}@keyframes dj-plview-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dj-plview-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;flex:none;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.dj-plview-subs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.dj-plview-subs::-webkit-scrollbar{display:none}.dj-plview-count{margin-left:7px;font-size:10px;font-weight:800;opacity:.6}.dj-plview-head{display:grid;grid-template-columns:1fr 74px 58px 58px 88px;gap:10px;padding:8px 18px 6px;flex:none;font-size:8.5px;font-weight:800;letter-spacing:.09em;color:#7d879c;border-bottom:1px solid rgba(255,255,255,.05)}.dj-plview-list{flex:1;min-height:0;overflow-y:auto;padding:6px 12px 18px}.dj-plview-empty{padding:40px 20px;text-align:center;color:#7d879c;font-size:12px}.dj-plrow{display:grid;grid-template-columns:1fr 74px 58px 58px 88px;gap:10px;align-items:center;padding:6px;border-radius:10px;cursor:grab}.dj-plrow:hover{background:rgba(255,255,255,.05)}.dj-plrow.dragging{opacity:.5}.dj-plrow-track{display:flex;align-items:center;gap:10px;min-width:0}.dj-plrow-art{width:34px;height:34px;border-radius:7px;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.dj-plrow-main{display:flex;flex-direction:column;gap:2px;min-width:0}.dj-plrow-name{font-size:12.5px;font-weight:700;color:#eef1f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-plrow-tags{display:flex;gap:5px;overflow:hidden}.dj-plrow-tags em{font-style:normal;font-size:9px;font-weight:700;color:#9aa3b4;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.06);white-space:nowrap}.dj-plrow-bpm{font-size:11px;font-variant-numeric:tabular-nums;color:#c3c9d6}.dj-plrow-key{font-size:11px;font-weight:800;color:#ffb37a}.dj-plrow-dur{font-size:11px;font-variant-numeric:tabular-nums;color:#8b95a8}.dj-plrow-load{display:flex;gap:5px;opacity:0;transition:opacity .14s}.dj-plrow:hover .dj-plrow-load{opacity:1}.dj-plrow-load button{font-size:10px;font-weight:800;padding:4px 8px;border-radius:7px;cursor:pointer;border:1px solid var(--djline,rgba(255,255,255,.14));background:rgba(255,255,255,.05);color:#cfd5e2}.dj-plrow-load button:hover{border-color:#ff8a3d;color:#ffb37a;background:rgba(255,138,45,.12)}.djfx-modal-ov{position:fixed;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(4,6,12,.6);backdrop-filter:blur(8px) saturate(1.1);animation:djfx-fade .16s ease}@keyframes djfx-fade{0%{opacity:0}to{opacity:1}}.djfx-modal{width:min(720px,94vw);max-height:82vh;overflow:hidden;display:flex;flex-direction:column;border-radius:20px;background:color-mix(in srgb,#12131a 82%,transparent);backdrop-filter:blur(34px) saturate(1.3);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px -24px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.07)}.djfx-modal-head{display:flex;align-items:center;gap:12px;padding:18px 20px 14px}.djfx-modal-head div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.djfx-modal-head b{font-family:var(--font-display,sans-serif);font-size:18px;font-weight:600;color:#f4f4f6}.djfx-modal-head span{font-size:12.5px;color:rgba(255,255,255,.55)}.djfx-modal-x{width:32px;height:32px;border-radius:50%;flex:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cfd3dd;cursor:pointer;font-size:13px}.djfx-modal-x:hover{background:rgba(255,255,255,.14);color:#fff}.djfx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:6px 20px 22px;overflow-y:auto}.djfx-card{text-align:left;display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:14px;cursor:pointer;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);transition:border-color .14s,background .14s,transform .1s;position:relative}.djfx-card:hover{border-color:rgba(255,138,45,.55);background:rgba(255,138,45,.06);transform:translateY(-1px)}.djfx-card-tag{align-self:flex-start;font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffb37a;background:rgba(255,138,45,.14);border-radius:999px;padding:3px 8px}.djfx-card-name{font-size:14px;font-weight:700;color:#f0f0f3}.djfx-card-blurb{font-size:11.5px;line-height:1.45;color:rgba(255,255,255,.55)}.djfx-card-add{margin-top:4px;font-size:11px;font-weight:800;color:#ff8a3d;opacity:0;transition:opacity .14s}.djfx-card:hover .djfx-card-add{opacity:1}.dj-platter{width:216px;height:216px}@container svbooth (min-width: 1025px){.dj-fxcol{min-width:178px}}.dj-reqpanel .dj-req-list{gap:7px}.dj-reqcard{display:flex;flex-direction:column;gap:8px;padding:9px;border-radius:12px;border:1px solid var(--djline);background:rgba(255,255,255,.025)}.dj-reqcard.tipped{border-color:rgba(255,180,60,.4);background:rgba(255,180,60,.06)}.dj-reqmsg{display:flex;gap:9px;align-items:flex-start}.dj-reqmsg-body{flex:1;min-width:0}.dj-reqmsg-top{display:flex;align-items:center;gap:7px}.dj-reqmsg-top b{font-size:12px;font-weight:800;color:#f0f0f2}.dj-reqmsg-ago{margin-left:auto;font-style:normal;font-size:9.5px;color:var(--djdim);flex:none}.dj-reqmsg-text{margin:3px 0 0;font-size:12px;line-height:1.4;color:#d4d4dc;word-break:break-word}.dj-reqfound{display:flex;align-items:center;gap:9px;padding:7px;border-radius:10px;background:rgba(0,0,0,.28);border:1px solid var(--djline);cursor:grab;transition:border-color .12s,background .12s,opacity .12s}.dj-reqfound:hover{border-color:color-mix(in srgb,var(--djA,#7c5cff) 45%,var(--djline));background:rgba(255,255,255,.04)}.dj-reqfound.dragging{opacity:.55}.dj-reqfound.fetching{cursor:default;color:var(--djdim);font-size:11px}.dj-reqfound-art{flex:none;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:rgba(255,255,255,.92);font-size:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.dj-reqfound-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dj-reqfound-meta b{font-size:12px;font-weight:700;color:#f0f0f2}.dj-reqfound-meta b,.dj-reqfound-meta i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-reqfound-meta i{font-style:normal;font-size:10px;color:var(--djdim)}.dj-reqcard-load{display:flex;gap:4px;flex:none}.dj-reqcard-load button{font-family:var(--font-mono,monospace);font-size:9.5px;font-weight:800;padding:5px 7px;border-radius:7px;border:1px solid var(--djline);background:rgba(255,255,255,.04);color:var(--djtxt);cursor:pointer}.dj-reqcard-load button:hover{border-color:color-mix(in srgb,var(--djA,#7c5cff) 55%,transparent);background:color-mix(in srgb,var(--djA,#7c5cff) 16%,transparent)}.dj-reqspin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:#ff8a3d;animation:dj-reqspin .8s linear infinite}@keyframes dj-reqspin{to{transform:rotate(1turn)}}.dj-agentpanel .dj-reqpanel{position:static;width:auto;max-height:none;height:auto;flex:1 1 46%;min-height:130px;border-radius:0;border:0;border-top:1px solid var(--djline);box-shadow:none;background:rgba(255,255,255,.015)}.dj-agentpanel .dj-reqpanel .dj-req-head{padding:9px 12px}.dj-booth[data-reqsplit="1"] .dj-agentpanel .dj-agentone{flex:1 1 55%}