.dj-space{max-width:980px;margin:auto}.dj-introduction p{font:15px/1.6 Georgia,serif;color:#c7d9e6;max-width:640px}.dj-stage{height:420px;position:relative;overflow:hidden;border-radius:25px;border:1px solid #a8bbff40;background:#030611;box-shadow:0 0 65px #739dff12,inset 0 0 50px #0009}.dj-stage canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none}.dj-stage-title{position:absolute;top:25px;left:25px;right:25px;display:grid;gap:9px;pointer-events:none}.dj-stage-title span{font:9px/1.4 system-ui;letter-spacing:.23em;color:#a1b7d2}.dj-stage-title strong{font:italic 24px/1.25 Georgia,serif;color:#e7edff;text-shadow:0 0 20px #adbeff60;overflow-wrap:anywhere}.dj-stage-footer{position:absolute;bottom:14px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#b6c4dc;font-size:11px}.dj-space button,.dj-file{cursor:pointer;border:1px solid color-mix(in srgb,var(--now-accent) 35%,transparent);background:color-mix(in srgb,var(--now-bg) 88%,#000);color:#d2e4f1;border-radius:12px;padding:11px 14px;font:11px/1.4 system-ui;min-height:42px}.dj-styles{display:flex;gap:8px;overflow-x:auto;padding:16px 0 12px;scrollbar-width:thin}.dj-styles button{white-space:nowrap;flex:none;border-radius:999px}.dj-styles button[aria-pressed=true]{background:color-mix(in srgb,var(--now-accent) 18%,#091020);border-color:var(--now-accent);box-shadow:0 0 20px color-mix(in srgb,var(--now-accent) 15%,transparent);color:#effaff}.dj-deck{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;padding:20px;border:1px solid #accfff25;border-radius:18px;background:#040a1533}.dj-sources,.dj-mixer{display:grid;gap:13px;align-content:start}.dj-sources label,.dj-mixer label{display:grid;gap:8px;font:11px/1.4 system-ui;color:#c3d4e4}.dj-file input{width:100%;font:10px system-ui}.dj-file input::file-selector-button{display:none}.dj-sources small,.dj-note{font:11px/1.6 system-ui;color:#a3b4ca}.dj-sources select{min-height:42px;width:100%;padding:9px;background:#060c19;color:#d5e6f3;border:1px solid #abc9ff30;border-radius:10px;font:12px system-ui}.dj-mixer input{width:100%;accent-color:var(--now-accent);cursor:pointer}.dj-transport{padding:15px 0}.dj-transport video{width:min(100%,460px);max-height:240px;display:block;margin:auto;border-radius:12px}.dj-transport .dj-audio{height:54px;max-height:54px}.dj-transport [hidden]{display:none!important}.dj-demo-controls{text-align:center}.dj-stage-footer button{flex:none;background:#050b18aa;backdrop-filter:blur(12px);font-size:10px}.dj-note{margin:0 0 12px}.dj-space :focus-visible{outline:2px solid #e9ffff;outline-offset:3px}@media(max-width:600px){.dj-stage{height:330px;border-radius:18px}.dj-stage-title{left:18px;top:20px}.dj-stage-title strong{font-size:21px}.dj-stage-footer{left:14px;right:14px;gap:8px;font-size:10px}.dj-stage-footer button{padding:8px}.dj-deck{grid-template-columns:1fr;gap:20px;padding:15px}.dj-introduction p{font-size:14px}.dj-styles button{font-size:10px;padding:10px 12px}}

.dj-stage{position:relative;height:clamp(260px,45vh,360px)}.dj-stage-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dj-stage-footer{align-items:flex-end}.dj-stage-footer>span{max-width:45%}@media(max-width:600px){.dj-stage{height:clamp(240px,38dvh,330px)}.dj-stage-actions{gap:5px;max-width:55%}.dj-stage-actions button{font-size:9px;min-height:36px;padding:7px 9px}}

.dj-stage-style{position:absolute;right:20px;top:20px;width:160px;display:grid;gap:6px;color:#a8b9d1;font:9px/1.4 system-ui;letter-spacing:.05em}.dj-stage-style select{width:100%;background:#070d1ddd;color:#d9e6ff;border:1px solid #a8baff40;border-radius:10px;padding:9px;font:11px system-ui}.dj-stage-title{right:200px}@media(max-width:600px){.dj-stage-title{right:18px}.dj-stage-style{top:92px;left:18px;right:auto;width:150px}.dj-stage-style span{display:none}}

.dj-together{padding:16px;border:1px solid #6ce7f544;border-radius:18px;margin:12px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#07111e}.dj-together label{flex:1;min-width:180px}.dj-together select{width:100%}.dj-together small,#djPresence,#djPeople{width:100%}#djPresence{color:#a8dbe1}#djPeople{display:flex;gap:16px;flex-wrap:wrap}.dj-person{display:flex;align-items:center;gap:8px}.dj-person img,.dj-person-orb{width:38px;height:38px;border-radius:50%;object-fit:cover;background:radial-gradient(circle,#83ddda44,#161937);display:grid;place-items:center;box-shadow:0 0 14px #6deaf555}.dj-person i{width:7px;height:7px;border-radius:50%;background:#8cffcd}.social-scene-shell.dj-connected{border-color:#8bd8ed88}.social-scene-shell.dj-together-live{box-shadow:inset 0 0 90px #6bc4ff15,0 0 45px #88e3d855;background-image:linear-gradient(125deg,#51c3ec12,transparent 45%,#b993ee15);animation:djTogetherBreath 4s ease-in-out infinite}.dj-together-live .dj-together{background:linear-gradient(110deg,#17455166,#35244c66);border-color:#95efdf99}.dj-together-live #djPresence{color:#c1fff0;font-weight:700}@keyframes djTogetherBreath{50%{box-shadow:inset 0 0 100px #a681ef20,0 0 55px #79deef77}}@media(prefers-reduced-motion:reduce){.social-scene-shell.dj-together-live{animation:none}}

.dj-together select{background:#07111e;color:#d9ecf4;border:1px solid #85e5ef55;border-radius:12px;padding:11px;font:12px system-ui;min-height:42px}.dj-together label{display:grid;gap:8px;font:12px system-ui}.dj-together small{color:#b2ccd3;font:11px/1.6 system-ui}#djSeekLabel{flex-basis:100%}#djSeek{width:100%;accent-color:#8ff5e8}
.dj-space [hidden]{display:none!important}