*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{background-color:#0c0918;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--light-purple: #8890ff;--white-purple: #cacdff;--dark-purple: #0c0918}#app{color:var(--light-purple);width:100vw;height:100vh;margin:0 auto;font-weight:400;display:flex}.song-link-input{width:95%;height:35px;color:#c4c8ff;background-color:transparent;padding-left:10px;margin:0}.glowing-border{border:1px solid #2a1e4d}.glowing-border:focus{outline:none;border-color:#8890ff;box-shadow:0 0 10px #8890ff}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#00c91b80,#57c78580,#0b592680);box-shadow:0 0 10px #51d1a06e}::-webkit-scrollbar-thumb{background-color:#9b9b9b33;border-radius:20px;border:transparent}@media (min-width: 1024px){#app{display:flex;width:100vw;height:100vh}}input{font-family:"M PLUS Rounded 1c",sans-serif;font-size:1rem;background-color:#9061ff1f;border:1px solid transparent;box-sizing:border-box;outline:0;color:var(--light-purple);border-radius:2px;margin:10px 0;padding:6px 6px 6px 10px}input::placeholder{color:#5857a3}button{background-color:transparent;border:1px solid #271d3b;color:var(--light-purple);padding:6px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;border-radius:8px}button:hover{border:1px solid var(--light-purple);color:var(--light-purple);font-family:"M PLUS Rounded 1c",sans-serif;cursor:pointer}input:focus{color:var(--white-purple);border:1px solid var(--light-purple);box-sizing:border-box;box-shadow:0 0 10px var(--light-purple)}@font-face{font-family:Trance;src:url(/assets/SLANT-BNtMXEz0.TTF) format("truetype")}@font-face{font-family:Dune;src:url(/assets/Dune_Rise-DLpwl851.ttf) format("truetype")}@font-face{font-family:Plank;src:url(/assets/PLANK___-Rf6VRf_-.TTF) format("truetype")}h1{font-size:2.5rem;color:var(--light-purple);font-family:Plank,sans-serif;font-weight:1000;font-style:normal}h2{font-size:3.5rem;color:var(--light-purple);font-family:"M PLUS Rounded 1c",sans-serif;font-weight:1000;font-style:normal}h3{font-size:1rem;color:var(--light-purple);font-family:"M PLUS Rounded 1c",sans-serif;font-weight:400;font-style:normal}.error-container[data-v-06011197]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;flex-direction:column;width:0px;background-color:#622be22e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:3px;border:1px solid var(--light-purple);opacity:0;font-family:"M PLUS Rounded 1c",sans-serif}.error-titlebar[data-v-06011197]{height:30px;display:flex;border-bottom:1px solid var(--light-purple);padding:4px;align-items:center;background-color:var(--light-purple);color:var(--dark-purple);font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px}.toast-msgbox[data-v-06011197]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;padding:14px}.error-text[data-v-06011197]{font-family:"M PLUS Rounded 1c",sans-serif;font-size:15px}#close-error-container[data-v-06011197]{display:flex;width:100%;justify-content:center;padding:12px}#close-error[data-v-06011197]{border:1px solid var(--light-purple);background:transparent;cursor:pointer;border-radius:4px;font-size:12px;padding:6px 12px}#close-error[data-v-06011197]:hover{background-color:var(--light-purple);color:var(--dark-purple)}.main-container[data-v-dc654b2b],.room-header[data-v-dc654b2b]{display:flex;width:100%;justify-content:center}.room-list-container[data-v-dc654b2b]{display:flex;flex-direction:column;margin:40px 0}.room-list[data-v-dc654b2b]{display:flex;border:1px solid #271d3b;width:100%;margin:6px 0;padding:8px;border-radius:8px;justify-content:center;cursor:pointer;opacity:0}.room-list[data-v-dc654b2b]:hover{border:1px solid var(--light-purple)}.room-name[data-v-dc654b2b]{font-size:1rem;font-family:"M PLUS Rounded 1c",sans-serif;color:var(--light-purple)}.logo-container[data-v-dc654b2b]{text-align:center}.main-container[data-v-dc654b2b]{display:flex;width:100%;height:100%}.main[data-v-dc654b2b]{width:400px;justify-content:center;display:flex;flex-direction:column;padding:20px}.text[data-v-dc654b2b]{color:#fff;font-size:14px}#waveform{margin:25px 0}.player-container{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box}.artist,.title{color:var(--light-purple);font-family:"M PLUS Rounded 1c",sans-serif}.artist{font-size:1rem}.title{font-size:2rem}.room-header{display:flex;width:100%;justify-content:center;margin-top:15px}.player{display:flex;flex-direction:column;color:var(--light-purple)}.search{display:flex;flex-direction:column;margin-bottom:20px}.chat-msg{color:var(--light-purple);font-family:"M PLUS Rounded 1c",sans-serif;font-size:1rem;margin:10px 0;border-bottom:1px solid rgb(42,34,71);cursor:pointer}.chat-msg:hover{color:var(--white-purple);border-bottom:1px solid transparent;cursor:pointer;background-color:#9061ff1f}.room-header{height:95px}.queue-history{margin-top:10px}@media (min-width: 1024px){.queue{width:25%;padding:1rem;border-right:1px solid rgb(42,34,73)}.queue-history{overflow-y:overlay;max-height:calc(100vh - 95px);margin-top:10px}.player{width:100%;overflow-y:overlay;max-height:100vh;padding:1rem}.chat-container{display:flex;flex-direction:column;width:25%;height:100%;padding:1rem;border-left:1px solid rgb(42,34,73)}.message-window{display:flex;flex:1;flex-direction:column-reverse;width:100%;overflow-y:auto}.chat-controls{display:flex;flex-direction:column;background-color:#40f0;margin-bottom:10px}}