*,:after,:before{border:0 solid;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a090e;color:#e8e2f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:inherit;margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,menu,ol,ul{margin:0;padding:0}menu,ol,ul{list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}button,input[type=reset],input[type=submit],input[type=text]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}input:focus,select:focus,textarea:focus{outline:none}.App{text-align:center}.notFound{align-items:center;background:radial-gradient(ellipse 70% 45% at 50% 0,#8f5cff59,#8f5cff00 70%),#0a090e;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px}.notFound__emoji{font-size:72px;line-height:1}.notFound__title{font-size:28px;font-weight:700;margin-top:16px}.notFound__text{color:#9a91a8;margin-top:6px}.notFound__link{background:#48ba3b;border-radius:5px;color:#fff;font-weight:700;margin-top:24px;padding:10px 18px}.notFound__link:hover{background:#6ad45e}:root{--dj-glow-rgb:143,92,255;--dj-glow2-rgb:var(--dj-glow-rgb);--dj-glow2-alpha:0;--dj-floor-top-rgb:29,21,48;--dj-floor-bottom-rgb:13,10,18;--dj-bg-rgb:10,9,14;--dj-panel-rgb:19,18,23;--dj-line-rgb:36,35,42;--dj-raised-rgb:34,32,40;--dj-raised-hover-rgb:47,46,55;--dj-field-rgb:6,6,9}.DJPage{--dj-emoji-size:46px;background:#0a090e;background:rgba(var(--dj-bg-rgb),1);color:#e8e2f0;overflow:hidden}.DJPage,.djRoom{height:100vh;height:100dvh}.djRoom{display:grid;grid-template-areas:"stage";grid-template-columns:minmax(0,1fr)}.djRoom--entered{--dj-card:268px;--dj-gap:10px;--dj-side:calc(var(--dj-card) + var(--dj-gap)*2);grid-template-areas:none;grid-template-columns:calc(var(--dj-card) + var(--dj-gap)) minmax(0,1fr) calc(var(--dj-card) + var(--dj-gap));grid-template-rows:minmax(0,1fr)}.djRoom--entered .djStage{grid-column:1/-1;grid-row:1}.djRoom--entered .djChat{grid-column:1;grid-row:1;margin:var(--dj-gap) 0 var(--dj-gap) var(--dj-gap)}.djRoom--entered .djSide{grid-column:3;grid-row:1;margin:var(--dj-gap) var(--dj-gap) var(--dj-gap) 0}.djRoom--entered .djBooth{padding-left:var(--dj-side);padding-right:var(--dj-side)}.djRoom--entered .djNowTitle{margin-left:var(--dj-side);margin-right:var(--dj-side)}.djRoom--entered .djFloor__area{left:var(--dj-side);right:var(--dj-side)}.djStage{background:radial-gradient(ellipse 70% 45% at 50% 0,#8f5cff59,#8f5cff00 70%),radial-gradient(ellipse 40% 50% at 0 0,#8f5cff00,#8f5cff00 70%),radial-gradient(ellipse 40% 50% at 100% 0,#8f5cff00,#8f5cff00 70%),#0a090e;background:radial-gradient(ellipse 70% 45% at 50% 0,rgba(var(--dj-glow-rgb),.35),rgba(var(--dj-glow-rgb),0) 70%),radial-gradient(ellipse 40% 50% at 0 0,rgba(var(--dj-glow2-rgb),var(--dj-glow2-alpha)),rgba(var(--dj-glow2-rgb),0) 70%),radial-gradient(ellipse 40% 50% at 100% 0,rgba(var(--dj-glow2-rgb),var(--dj-glow2-alpha)),rgba(var(--dj-glow2-rgb),0) 70%),rgba(var(--dj-bg-rgb),1);display:flex;flex-direction:column;grid-area:stage;isolation:isolate;min-height:0;min-width:0;overflow:hidden;position:relative}.djBooth{align-items:center;display:grid;flex:none;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);padding:12px 16px 14px}.djNowTitle{color:#f4e4bf;flex:none;font-weight:700;line-height:1.35;margin:0 16px;overflow:hidden;padding:16px 0 0;text-align:center;white-space:nowrap}.djNowTitle__copy,.djNowTitle__track{display:inline-block}.djNowTitle__time{color:#c2b8d0;font-weight:600}.djNowTitle--ticker{-webkit-mask-image:linear-gradient(90deg,#0000,#000 18px,#000 calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#0000,#000 18px,#000 calc(100% - 18px),#0000);text-align:left}.djNowTitle--ticker .djNowTitle__track{animation:djTicker linear infinite}.djNowTitle--ticker .djNowTitle__copy{padding-right:48px}@keyframes djTicker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.djNowTitle--ticker .djNowTitle__track{animation:none}.djNowTitle--ticker .djNowTitle__copy+.djNowTitle__copy{display:none}}.djBooth__side{align-items:center;display:flex;justify-content:space-evenly;justify-self:end;max-width:500px;width:100%}.djBooth__side .djQueueBox{margin-right:8px}.djBooth__side .djBooth__dj{margin-right:12px}@media(min-width:1431px)and (max-width:1699px),(min-width:891px)and (max-width:1149px){.djBooth__side{flex-direction:column-reverse;justify-content:center}.djBooth__side .djQueueBox{margin-right:0}.djBooth__side .djBooth__dj{justify-content:flex-end;margin:0 0 14px;min-height:94px}}.djBooth__dj{align-items:center;display:flex;flex:none;flex-direction:column;text-align:center;width:96px}.djQueueBox{box-sizing:border-box;flex:none;text-align:left;width:150px}.djQueueBox h2{color:#9a91a8;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.djQueueBox .djHint{margin:0 0 4px}.djQueue{list-style:none;margin:0;padding:0}.djQueue li{align-items:center;display:flex;font-size:13px;min-width:0;padding:2px 0}.djQueue__place{color:#9a91a8;flex:none;font-size:12px;width:16px}.djQueue__emoji{flex:none;font-size:16px;line-height:1;margin-right:5px}.djQueue__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djQueue--self{color:#48ba3b;font-weight:700}.djQueue__others{color:#9a91a8;font-size:12px;margin:2px 0 0 16px}.djQueue__buttons{display:flex;flex-direction:column;margin-top:10px}.djQueue__buttons .djButton{font-size:13px;padding:7px 10px}.djQueue__buttons .djButton+.djButton{margin-top:6px}.djBooth__djBody{font-size:64px;line-height:1;position:relative}.djBooth__djEmoji{animation:djBob .45s ease-in-out infinite alternate;display:inline-block}.djBooth__controls{align-items:stretch;display:flex;flex-direction:column;justify-self:start;margin-left:24px}.djBooth__row{align-items:center;display:flex}.djBooth__row .djReact+.djReact{margin-left:6px}.djReact{align-items:center;background:#131217d9;background:rgba(var(--dj-panel-rgb),.85);border:1px solid #24232a;border:1px solid rgba(var(--dj-line-rgb),1);border-radius:5px;color:#e8e2f0;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;padding:6px 12px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,filter .3s ease-in-out,opacity .3s ease-in-out;white-space:nowrap}.djReact>span{margin-right:6px}.djReact:hover:not(:disabled){border-color:#8f5cff;border-color:rgba(var(--dj-glow-rgb),1)}.djReact:disabled{cursor:default;filter:grayscale(1) brightness(.6);opacity:.45}.djReact--on{background:#48ba3b38;border-color:#48ba3b}.djReact--skip{justify-content:center;margin-top:8px;overflow:hidden;position:relative;transition:border-color .2s ease-in-out,filter .3s ease-in-out,opacity .3s ease-in-out}.djReact>.djReact__fill{background:#ff8a8a4d;height:100%;left:0;margin:0;position:absolute;top:0;transform-origin:left center;transition:transform .35s ease-out;width:100%}.djReact>.djReact__label{margin:0;position:relative}.djReact--voted,.djReact--voted:hover:not(:disabled){border-color:#e05a5a}.djBooth__djName{color:#f4e4bf;font-size:13px;font-weight:700;margin-top:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djScreen{flex:none}.djScreen__frame{background:#000;border-radius:6px;box-shadow:0 0 0 2px #24232a,0 0 40px #8f5cff73;box-shadow:0 0 0 2px rgba(var(--dj-line-rgb),1),0 0 40px rgba(var(--dj-glow-rgb),.45);height:270px;overflow:hidden;position:relative;width:480px}.djScreen__player{height:100%;left:0;position:absolute;top:0;width:100%}.djScreen__player iframe{border:0;display:block;height:100%;width:100%}.djScreen__idle{align-items:center;color:#9a91a8;display:flex;font-size:15px;height:100%;justify-content:center;left:0;line-height:1.5;position:absolute;text-align:center;top:0;width:100%}.djScreen__thumb{height:100%;object-fit:cover;opacity:.45;width:100%}.djScreen__problem{color:#ffb4a8;font-size:12px;margin:6px 0 0;max-width:400px;text-align:center}.djScreen__bar{align-items:center;background:#131217d9;background:rgba(var(--dj-panel-rgb),.85);border:1px solid #24232a;border:1px solid rgba(var(--dj-line-rgb),1);border-radius:6px;display:flex;height:34px;margin-top:6px;padding:0 4px;position:relative}.djScreen__button{align-items:center;border-radius:50%;color:#e8e2f0;cursor:pointer;display:inline-flex;flex:none;height:28px;justify-content:center;transition:background-color .2s ease-in-out;width:28px}.djScreen__button svg{fill:currentColor;height:18px;width:18px}.djScreen__button:hover:not(:disabled){background:#24232a;background:rgba(var(--dj-line-rgb),1)}.djScreen__button:disabled{cursor:default;opacity:.4}.djScreen__progress{background:#24232a;background:rgba(var(--dj-line-rgb),1);border-radius:2px;flex:1 1 auto;height:4px;margin:0 10px;overflow:hidden;position:relative}.djVolume{flex:none;position:relative}.djVolume__button{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;user-select:none}.djVolume__pop{background:#131217;background:rgba(var(--dj-panel-rgb),1);border:1px solid #8f5cff8c;border:1px solid rgba(var(--dj-glow-rgb),.55);border-radius:5px;box-shadow:0 0 14px #8f5cff4d;box-shadow:0 0 14px rgba(var(--dj-glow-rgb),.3);height:132px;left:50%;margin-left:-18px;position:absolute;top:calc(100% + 8px);width:36px;z-index:2000}.djVolume__pop:before{bottom:100%;content:"";height:10px;left:0;position:absolute;width:100%}.djVolume__slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:18px;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:108px}.djVolume__slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#8f5cff var(--fill),#24232a var(--fill));background:linear-gradient(to right,rgba(var(--dj-glow-rgb),1) var(--fill),rgba(var(--dj-line-rgb),1) var(--fill));border-radius:2px;height:4px}.djVolume__slider::-webkit-slider-thumb{-webkit-appearance:none;background:#f4e4bf;border:0;border-radius:50%;height:12px;margin-top:-4px;width:12px}.djVolume__slider::-moz-range-track{background:#24232a;background:rgba(var(--dj-line-rgb),1);border-radius:2px;height:4px}.djVolume__slider::-moz-range-progress{background:#8f5cff;background:rgba(var(--dj-glow-rgb),1);border-radius:2px;height:4px}.djVolume__slider::-moz-range-thumb{background:#f4e4bf;border:0;border-radius:50%;height:12px;width:12px}.djVolume__slider:focus-visible{outline:2px solid #8f5cff;outline:2px solid rgba(var(--dj-glow-rgb),1);outline-offset:2px}.djProgress__live,.djProgress__mine{background:#8f5cff;background:rgba(var(--dj-glow-rgb),1);height:100%;left:0;position:absolute;top:0;transform-origin:left center;width:100%}.djProgress__live{animation-fill-mode:forwards;animation-name:djProgress;animation-timing-function:linear;transform:scaleX(var(--from))}.djProgress__live--snap{background:#fff}@keyframes djProgress{0%{transform:scaleX(var(--from))}to{transform:scaleX(1)}}.djFloor{background:linear-gradient(180deg,#1d1530,#0d0a12);background:linear-gradient(to bottom,rgb(var(--dj-floor-top-rgb)),rgb(var(--dj-floor-bottom-rgb)));border-top:2px solid #8f5cff99;border-top:2px solid rgba(var(--dj-glow-rgb),.6);box-shadow:0 -6px 24px -8px #8f5cffb3;box-shadow:0 -6px 24px -8px rgba(var(--dj-glow-rgb),.7);flex:1 1 auto;min-height:160px;position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none}.djFloor__area{bottom:0;left:0;position:absolute;right:0;top:0}.djFloor--walkable .djFloor__area{cursor:pointer}.djFloor__grid{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.djFloor__grid line{stroke:#8f5cff38;stroke:rgba(var(--dj-glow-rgb),.22);stroke-width:1}.djAvatar{height:0;pointer-events:none;position:absolute;transition:left .9s ease-in-out,top .9s ease-in-out;width:0}.djAvatar__body{bottom:0;left:0;line-height:1;position:absolute;transform:translateX(-50%);transition:font-size .9s ease-in-out}.djAvatar__body:after{background:#0000008c;border-radius:50%;bottom:-.08em;content:"";height:.18em;left:50%;margin-left:-.4em;position:absolute;width:.8em;z-index:-1}.djAvatar__emoji{display:inline-block;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;transform-origin:bottom center}.djAvatar--dancing .djAvatar__emoji{animation:djBob .45s ease-in-out infinite alternate}img.djArt{display:block;height:1.9em;margin:-.8em -.4em -.1em;max-width:none;-webkit-user-select:none;user-select:none;width:1.8em}img.djArt--fit{height:100%;margin:0;object-fit:contain;width:100%}.djAvatar__name{background:#00000073;border-radius:3px;color:#e8e2f0;left:0;max-width:140px;overflow:hidden;padding:0 5px;position:absolute;text-overflow:ellipsis;top:4px;transform:translateX(-50%);transition:font-size .9s ease-in-out;white-space:nowrap}.djAvatar--self .djAvatar__name{background:#48ba3bd9;color:#fff;font-weight:700}@keyframes djBob{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-12%) rotate(3deg)}}.djHop{display:inline-block;vertical-align:bottom}.djHop--go{animation:djHop .9s cubic-bezier(.25,.8,.35,1)}@keyframes djHop{0%{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-60%) rotate(200deg) scale(1.12)}75%{transform:translateY(-8%) rotate(1turn) scale(1)}88%{transform:translateY(-18%) rotate(1turn)}to{transform:translateY(0) rotate(1turn)}}.djConfetti{height:0;left:50%;pointer-events:none;position:absolute;top:45%;width:0}.djConfetti__piece{animation:djBurst .9s ease-out forwards;border-radius:.02em;height:.12em;margin:-.06em 0 0 -.06em;opacity:0;position:absolute;width:.12em}@keyframes djBurst{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.6)}}.djConfetti__icon{animation:djFloatUp 1.1s ease-out forwards;font-size:.4em;left:0;opacity:0;position:absolute;top:-.6em}@keyframes djFloatUp{0%{opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-.5em) scale(1)}to{opacity:0;transform:translate(-50%,-2.2em) scale(1)}}@media(prefers-reduced-motion:reduce){.djAvatar--dancing .djAvatar__emoji,.djBooth__djEmoji,.djHop--go{animation:none}.djConfetti{display:none}.djAvatar,.djAvatar__body,.djAvatar__name{transition:none}}.djBanner{background:#b33d3d;border-radius:4px;bottom:12px;color:#fff;font-size:13px;left:50%;margin:0;padding:4px 12px;position:absolute;transform:translateX(-50%);z-index:2000}.djJoin{align-items:center;background:#060609b8;background:rgba(var(--dj-field-rgb),.72);display:flex;height:100%;justify-content:center;left:0;padding:16px;position:absolute;top:0;width:100%;z-index:3000}.djJoin__card{background:#131217;background:rgba(var(--dj-panel-rgb),1);border:1px solid #24232a;border:1px solid rgba(var(--dj-line-rgb),1);border-radius:8px;max-width:340px;padding:24px;text-align:center;width:100%}.djJoin__card h1{color:#f4e4bf;font-size:28px;font-weight:700;margin:0 0 4px}.djJoin__tagline{color:#e8e2f0;font-size:15px;margin:0 0 14px}.djJoin__room{color:#9a91a8;font-size:14px;margin:-6px 0 14px;overflow-wrap:anywhere}.djJoin__room strong{color:#e8e2f0}.djJoin__playing,.djJoin__status{color:#9a91a8;font-size:14px;margin:0 0 8px}.djJoin__playing strong{color:#e8e2f0}.djJoin__label{color:#9a91a8;display:block;font-size:13px;margin:16px 0 6px;text-align:left}.djJoin__card .djButton{margin-top:12px;width:100%}.djInput{background:#0a090e;background:rgba(var(--dj-bg-rgb),1);border:1px solid #24232a;border:1px solid rgba(var(--dj-line-rgb),1);border-radius:4px;box-sizing:border-box;color:#e8e2f0;font-size:14px;min-width:0;padding:8px 10px;width:100%}.djInput:focus{border-color:#8f5cff;border-color:rgba(var(--dj-glow-rgb),1)}.djButton{background:#222028;background:rgba(var(--dj-raised-rgb),1);border-radius:4px;color:#e8e2f0;cursor:pointer;font-size:14px;font-weight:700;padding:8px 14px;transition:background-color .2s ease-in-out;white-space:nowrap}.djButton:hover:not(:disabled){background:#2f2e37;background:rgba(var(--dj-raised-hover-rgb),1)}.djButton:disabled{cursor:default;opacity:.5}.djButton--primary{background:#48ba3b;color:#fff}.djButton--primary:hover:not(:disabled){background:#6ad45e}.djButton--danger{background:#c94545;color:#fff}.djButton--danger:hover:not(:disabled){background:#df5a5a}.djIconButton{border-radius:4px;color:#9a91a8;cursor:pointer;flex:none;font-size:13px;height:26px;width:26px}.djIconButton:hover:not(:disabled){background:#24232a;background:rgba(var(--dj-line-rgb),1);color:#e8e2f0}.djIconButton:disabled{visibility:hidden}.djHint{color:#9a91a8;font-size:13px;margin:6px 0 0}.djError{color:#ffb4a8;font-size:12px;margin:6px 0 0;text-align:left}.djScroll{overflow-y:auto;overscroll-behavior:contain}.djScroll::-webkit-scrollbar{width:10px}.djScroll::-webkit-scrollbar-track{background:#0000;margin:6px 0}.djScroll::-webkit-scrollbar-thumb{background:#8f5cff73 padding-box;background:rgba(var(--dj-glow-rgb),.45) padding-box;border:3px solid #0000;border-radius:6px}.djScroll::-webkit-scrollbar-thumb:hover{background-color:#8f5cffcc;background-color:rgba(var(--dj-glow-rgb),.8)}@supports not selector(::-webkit-scrollbar){.djScroll{scrollbar-color:#8f5cff8c #0000;scrollbar-color:rgba(var(--dj-glow-rgb),.55) #0000;scrollbar-width:thin}}.djCard{background:#131217f5;background:rgba(var(--dj-panel-rgb),.96);border:1px solid #8f5cff8c;border:1px solid rgba(var(--dj-glow-rgb),.55);border-radius:5px;box-shadow:0 0 16px #8f5cff4d;box-shadow:0 0 16px rgba(var(--dj-glow-rgb),.3);box-sizing:border-box;contain:paint;display:flex;flex-direction:column;min-height:0;overflow:hidden;text-align:left;z-index:1}.djCard[hidden]{display:none}.djCard h2{color:#9a91a8;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.djChat{grid-area:chat}.djCard__head{align-items:center;display:flex;flex:none;justify-content:space-between;padding:14px 14px 0}.djCard__minimize{align-items:center;border-radius:5px;color:#9a91a8;cursor:pointer;display:inline-flex;height:34px;justify-content:center;margin:-10px -8px 0 0;width:34px}.djCard__minimize svg{fill:currentColor;height:24px;width:24px}.djCard__minimize:focus-visible,.djCard__minimize:hover{background:#24232a;background:rgba(var(--dj-line-rgb),1);color:#e8e2f0}.djChat__log{flex:1 1 auto;list-style:none;margin:0 4px 6px 0;min-height:0;padding:0 8px 4px 14px}.djChat__log li{font-size:14px;line-height:1.4;overflow-wrap:anywhere;padding:3px 0}.djChat__emoji{margin-right:4px}.djChat__name{color:#f4e4bf;font-weight:700}.djChat__name--self{color:#48ba3b}.djChat__form{border-top:1px solid #24232a;border-top:1px solid rgba(var(--dj-line-rgb),1);display:flex;flex:none;padding:12px 14px}.djChat__form .djButton{margin-left:8px}.djChat__problem{flex:none;margin:-4px 14px 12px}.djSide{display:flex;flex-direction:column;grid-area:panel;min-height:0}.djAccount{flex:none}.djAccount--editing,.djPlaylist{flex:1 1 auto}.djPlaylist{margin-top:10px}.djPlaylist .djHint{margin:0 0 8px}.djAccount__me{align-items:center;display:flex;flex:none;margin:0;padding:14px}.djAccount__name{flex:1 1 auto;margin-left:10px;min-width:0}.djAccount__name .djInput{font-weight:700}.djPlaylist__scroll{flex:1 1 auto;margin:8px 4px 4px 0;min-height:0;padding:2px 8px 10px 14px}.djAccount__look{align-items:center;background:#ffffff08;border:1px solid #24232a;border:1px solid rgba(var(--dj-line-rgb),1);border-radius:5px;cursor:pointer;display:flex;flex:none;height:54px;justify-content:center;padding:2px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out;width:54px}.djAccount__look.djAccount__look--on,.djAccount__look:hover:not(:disabled){background:#8f5cff1f;background:rgba(var(--dj-glow-rgb),.12);border-color:#8f5cffcc;border-color:rgba(var(--dj-glow-rgb),.8)}.djLook{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:0 4px 14px 14px}.djLook__actions,.djLook__preview,.djLook__tabs{flex:none;margin-right:10px}.djLook__preview{background:linear-gradient(#8f5cff0a,#8f5cff2e);background:linear-gradient(rgba(var(--dj-glow-rgb),.04),rgba(var(--dj-glow-rgb),.18));border-radius:5px;height:120px;margin-bottom:12px;padding:4px}.djLook__tabs{border-bottom:1px solid #24232a;border-bottom:1px solid rgba(var(--dj-line-rgb),1);display:flex;margin-bottom:10px}.djLook__tab{border-bottom:2px solid #0000;color:#9a91a8;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;margin-bottom:-1px;padding:6px 0}.djLook__tab:hover{color:#e8e2f0}.djLook__tab--on{border-bottom-color:#8f5cff;border-bottom-color:rgba(var(--dj-glow-rgb),1);color:#e8e2f0}.djLook__grid{grid-gap:4px;align-content:start;display:grid;flex:0 1 auto;gap:4px;grid-auto-rows:38px;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));min-height:0;padding-right:6px}.djLook__option{background:#ffffff0a;border:1px solid #0000;border-radius:5px;color:#9a91a8;cursor:pointer;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:22px;height:38px;line-height:1}.djLook__option:hover{background:#ffffff17}.djLook__option--none{font-family:inherit;font-size:11px;font-weight:700}.djLook__option--on{background:#8f5cff40;background:rgba(var(--dj-glow-rgb),.25);border-color:#8f5cff;border-color:rgba(var(--dj-glow-rgb),1)}.djLook__option--on:hover{background:#8f5cff4d;background:rgba(var(--dj-glow-rgb),.3)}.djLook__actions{display:flex;margin-top:14px}.djLook__actions .djButton:first-child{margin-right:auto}.djLook__actions .djButton+.djButton{margin-left:8px}.djAddTrack{display:flex}.djAddTrack .djInput{min-width:0}.djAddTrack .djButton{flex:none;margin-left:8px}.djPlaylist{position:relative}.djPlaylist__head{flex:none;padding:14px 14px 0}.djPlaylist__pick{display:flex}.djPlaylist__pick .djSelect{flex:1 1 auto;min-width:0}.djPlaylist__pick .djButton{flex:none;margin-left:8px}.djSelect{-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%239a91a8' d='m7.4 8.6 4.6 4.6 4.6-4.6L18 10l-6 6-6-6z'/%3E%3C/svg%3E") right 6px center/18px no-repeat,#060609;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%239a91a8' d='m7.4 8.6 4.6 4.6 4.6-4.6L18 10l-6 6-6-6z'/%3E%3C/svg%3E") right 6px center/18px no-repeat,rgba(var(--dj-field-rgb),1);border:1px solid #24232a;border:1px solid rgba(var(--dj-line-rgb),1);border-radius:4px;box-sizing:border-box;color:#e8e2f0;cursor:pointer;font:inherit;font-size:14px;font-weight:700;height:37px;padding:0 28px 0 10px}.djSelect:focus{border-color:#8f5cff;border-color:rgba(var(--dj-glow-rgb),1);outline:none}.djSelect option{background:#131217;background:rgba(var(--dj-panel-rgb),1);color:#e8e2f0}.djTracks{list-style:none;margin:0;padding:0}.djTracks>li{align-items:center;border:1px solid #0000;border-radius:5px;display:flex;font-size:13px;padding:2px 2px 2px 0;position:relative}.djTracks>li:first-child .djTracks__title{color:#f4e4bf;font-weight:700}.djTracks>li.djTracks__add{display:block;margin-top:8px;padding:0}.djTracks--sorting{-webkit-user-select:none;user-select:none}.djTracks--sorting>li{transition:transform .15s ease-out}.djTracks--sorting>li.djTracks--dragging{background:#222028;background:rgba(var(--dj-raised-rgb),1);box-shadow:0 4px 14px #00000080;transition:none;z-index:2}.djTracks__grip{align-items:center;border-radius:4px;color:#6b6478;cursor:grab;display:inline-flex;flex:none;height:26px;justify-content:center;touch-action:none;width:22px}.djTracks__grip svg{fill:currentColor;height:15px;width:9px}.djTracks__grip:focus-visible,.djTracks__grip:hover{background:#24232a;background:rgba(var(--dj-line-rgb),1);color:#e8e2f0}.djTracks--sorting .djTracks__grip{cursor:grabbing}.djTracks__num{color:#9a91a8;flex:none;font-size:12px;text-align:center;width:22px}.djUndo{bottom:10px;display:flex;justify-content:center;margin-top:12px;pointer-events:none;position:sticky;z-index:3}.djUndo__button{animation:djUndoIn .2s ease-out;background:#3a7bfd;border-radius:999px;box-shadow:0 4px 16px #00000080;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 18px;pointer-events:auto}.djUndo__button:hover{background:#5a92ff}@keyframes djUndoIn{0%{opacity:0;transform:translateY(8px)}}.djModal{align-items:center;animation:djSheetIn .18s ease-out;background:#060609b8;background:rgba(var(--dj-field-rgb),.72);bottom:0;color:#e8e2f0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.djEditor{background:#131217;background:rgba(var(--dj-panel-rgb),1);height:720px;max-height:100%;max-width:100%;outline:none;position:relative;width:560px}@media(max-width:680px){.djEditor{height:100%}}.djEditor__head{align-items:center;display:flex;flex:none;justify-content:space-between;padding:16px 16px 4px}.djEditor__head h2{margin:0}.djEditor__tabs{display:flex;flex:none;flex-wrap:wrap;padding:2px 10px 0 16px}.djEditor__tab{border:1px solid #24232a;border:1px solid rgba(var(--dj-line-rgb),1);border-radius:5px;color:#9a91a8;cursor:pointer;font-size:13px;font-weight:700;margin:6px 6px 0 0;max-width:100%;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap}.djEditor__tab:hover{color:#e8e2f0}.djEditor__tab--on{background:#8f5cff33;background:rgba(var(--dj-glow-rgb),.2);border-color:#8f5cff;border-color:rgba(var(--dj-glow-rgb),1);color:#e8e2f0}.djEditor__tab--new{border-style:dashed}.djEditor__meta{border-bottom:1px solid #24232a;border-bottom:1px solid rgba(var(--dj-line-rgb),1);flex:none;padding:14px 16px 12px}.djEditor__name{align-items:center;display:flex}.djEditor__name span{color:#9a91a8;flex:none;font-size:13px;font-weight:700;margin-right:10px}.djEditor__name .djInput{font-weight:700}.djEditor__row{align-items:center;display:flex;flex-wrap:wrap;margin-top:4px}.djEditor__row>*{margin-top:6px}.djEditor__row>*+*{margin-left:8px}.djEditor__count{color:#9a91a8;font-size:13px;margin-right:auto}.djEditor__badge{background:#48ba3b2e;border-radius:5px;color:#48ba3b;font-size:12px;font-weight:700;padding:4px 10px}.djEditor__confirm{display:inline-flex}.djEditor__confirm .djButton+.djButton{margin-left:6px}.djEditor__scroll{flex:1 1 auto;margin:4px 4px 0 0;min-height:0;padding:10px 10px 12px 16px}.djEditor__foot{align-items:center;border-top:1px solid #24232a;border-top:1px solid rgba(var(--dj-line-rgb),1);display:flex;flex:none;padding:12px 16px}.djEditor__foot .djButton+.djButton{margin-left:8px}.djEditor__foot .djButton.djButton--primary{margin-left:auto}.djButton--small{font-size:12px;padding:5px 10px}.djButton--quiet{background:#0000;color:#ff9c9c}.djButton--quiet:hover:not(:disabled){background:#e05a5a26}.djTracks li.djTracks--skipped{background:#e8c54714;border-color:#e8c547}.djTracks li.djTracks--failed{background:#e05a5a14;border-color:#e05a5a}.djTracks__title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djTracks__time{color:#9a91a8;flex:none;font-size:12px;margin:0 4px 0 8px}.djToast{background:#222028;background:rgba(var(--dj-raised-rgb),1);border-radius:6px;bottom:24px;box-shadow:0 6px 20px #00000080;color:#e8e2f0;font-size:14px;left:50%;max-width:calc(100% - 32px);padding:10px 16px;position:fixed;transform:translateX(-50%);z-index:4000}@media(max-width:1535px){.djRoom--entered{--dj-card:calc(50vw - 500px)}}@media(max-width:1430px){.DJPage{overflow:visible}.DJPage,.djRoom{height:auto}.djRoom--entered{grid-template-areas:"stage stage" "chat panel";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none}.djRoom--entered .djStage{grid-area:stage}.djRoom--entered .djChat{grid-area:chat;margin:var(--dj-gap) calc(var(--dj-gap)/2) var(--dj-gap) var(--dj-gap)}.djRoom--entered .djSide{grid-area:panel;margin:var(--dj-gap) var(--dj-gap) var(--dj-gap) calc(var(--dj-gap)/2)}.djRoom--entered .djBooth{padding-left:16px;padding-right:16px}.djRoom--entered .djNowTitle{margin-left:16px;margin-right:16px}.djRoom--entered .djFloor__area{left:0;right:0}.djStage{height:100vh;height:100dvh;min-height:480px}.djChat,.djSide{height:440px}}@media(max-width:890px){.djBooth{grid-template-areas:"dj dj" "screen screen" "queue controls";grid-template-columns:auto auto;justify-content:center}.djBooth__side{display:contents}.djBooth__side .djBooth__dj{flex-direction:row;grid-area:dj;justify-self:center;margin:0 0 8px;min-height:32px;width:auto}.djScreen{grid-area:screen}.djBooth__side .djQueueBox{align-self:start;grid-area:queue;justify-self:end;margin:10px 16px 0 0}.djBooth__djBody{font-size:28px}.djBooth__djName{margin:0 0 0 8px}.djBooth__controls{align-self:start;grid-area:controls;justify-self:start;margin:10px 0 0}}@media(max-width:680px){.DJPage{--dj-emoji-size:34px}.djRoom--entered{grid-template-areas:"stage" "chat" "panel";grid-template-columns:minmax(0,1fr)}.djRoom--entered .djChat{margin:var(--dj-gap) var(--dj-gap) calc(var(--dj-gap)/2)}.djRoom--entered .djSide{margin:calc(var(--dj-gap)/2) var(--dj-gap) var(--dj-gap)}.djChat{height:360px}.djSide{height:auto}.djLook__grid,.djPlaylist__scroll{overflow:visible}.djScreen__frame{height:calc(56.25vw - 18px);max-height:270px;max-width:480px;min-height:200px;width:calc(100vw - 32px)}.djNowTitle{font-size:14px;padding-top:12px}}.DJPage--mobile{height:100vh;height:100dvh;overflow:hidden}.DJPage--mobile .djRoom{grid-template-areas:"stage";grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100vh;height:100dvh}.DJPage--mobile .djStage{height:100%;min-height:0}.djBubbles{bottom:calc(14px + env(safe-area-inset-bottom));flex-direction:column;position:fixed;right:14px;z-index:500}.djBubble,.djBubbles{align-items:center;display:flex}.djBubble{background:#131217f0;background:rgba(var(--dj-panel-rgb),.94);border:1px solid #8f5cff99;border:1px solid rgba(var(--dj-glow-rgb),.6);border-radius:50%;box-shadow:0 0 14px #8f5cff59;box-shadow:0 0 14px rgba(var(--dj-glow-rgb),.35);cursor:pointer;font-size:26px;height:54px;justify-content:center;line-height:1;position:relative;width:54px}.djBubble img.djArt--fit{height:46px;width:44px}.djBubble+.djBubble{margin-top:12px}.djBubble:active{transform:scale(.94)}.djBubble__badge{background:#48ba3b;border-radius:10px;box-sizing:border-box;color:#fff;font-size:11px;font-weight:700;height:20px;line-height:20px;min-width:20px;padding:0 5px;position:absolute;right:-4px;text-align:center;top:-4px}.djSheet{animation:djSheetIn .18s ease-out;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;left:10px;position:fixed;right:10px;top:calc(10px + env(safe-area-inset-top));z-index:500}.djSheet[hidden]{display:none}.djSheet .djChat,.djSheet .djSide{flex:1 1 auto;height:auto;margin:0;min-width:0}.djSheet .djSide{background:#0a090e;background:rgba(var(--dj-bg-rgb),1);border-radius:5px}.djSheet .djCard{background:#131217;background:rgba(var(--dj-panel-rgb),1)}.djSheet .djLook__grid,.djSheet .djPlaylist__scroll{overflow-y:auto}@keyframes djSheetIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.djSheet{animation:none}}