button{white-space:nowrap}.Modal{background-color:#252828;position:"absolute";border-radius:5px;border:2px solid paleturquoise;box-shadow:24;min-width:280px;min-height:265px}html{--scrollbarBG: rgb(38, 41, 42);--thumbBG: #586f7a}body{background-color:#1a1919;scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:var(--scrollbarBG)}::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:6px;border:3px solid var(--scrollbarBG)}h1{font-family:Source Code Pro,monospace;font-size:70px;font-weight:400;text-align:center;color:#afeeee}h2{font-family:Source Code Pro,monospace;font-size:50px;font-weight:400;text-align:center;color:#afeeee}h3{font-family:Source Code Pro,monospace;font-size:30px;text-align:right;color:#afeeee}label{font-family:Source Code Pro,monospace;font-size:20px;font-weight:400;color:#afeeee}h4{font-family:Source Code Pro,monospace;font-size:20px;font-weight:700;color:#fff}h5{font-family:Source Code Pro,monospace;font-size:13px;font-weight:400;color:#fff}h6{font-family:Source Code Pro,monospace;font-size:13px;font-weight:400;margin:0;color:#fff;text-decoration:none}a{font-family:Source Code Pro,monospace;font-size:13px;font-weight:400;margin:0;color:#afeeee;text-decoration:none}p{font-family:Source Code Pro,monospace;font-size:20px;font-weight:400;text-align:center;color:#afeeee}th{font-family:Source Code Pro,monospace;font-size:20px;font-weight:700;color:#fff}img{max-width:100%;max-height:100%}input{margin-left:10px}.content-block{display:block;border-style:groove;padding:10px;color:#f5f5f5;size:auto}.messages-controls-input{-webkit-box-shadow:0 0 5px paleturquoise;box-shadow:0 0 5px #afeeee}.common-paragraph{white-space:normal}.audio-player-panel{border:#89b0ca;border-width:2px;border-style:solid;-webkit-box-shadow:0 0 10px lightblue;box-shadow:0 0 10px #add8e6}.audio-player-container{display:block;margin-left:auto;margin-right:auto}@media (min-width: 800px){.main-panel{display:grid;grid-template-columns:4fr 1fr}.topprogress{display:grid;grid-template-columns:15fr 1fr;position:sticky;top:8px;margin-left:5px}.musicbox-controls{display:grid;grid-template-columns:2fr 2fr 3fr 2fr 2fr}.messaging-reverse-container{margin-left:5px;bottom:16px;height:80vh;border:#89b0ca;border-width:2px;border-style:solid;overflow-y:auto;overflow-x:visible;overflow:auto;display:flex;flex-direction:column-reverse}.messages-controls{position:sticky;float:right;bottom:30px}.message-box-sent{display:flex;margin-left:5px}.message-box-received{display:flex}.page-title{float:right;position:sticky;top:0;margin-bottom:0}.upload-container{display:block;margin-left:auto;margin-right:auto;width:28%;list-style:none;padding-left:0;background-color:#1b1c1d;border-radius:10px}.item-box,.search-container{display:block;margin-left:auto;margin-right:auto;width:40%;list-style:none;padding-left:0}.btn-next{background:transparent;cursor:pointer;border-style:solid;width:40px;height:40px;border-width:15px 0px 15px 30px;border-color:transparent transparent transparent #2c5673}.btn-next:hover{background:transparent;cursor:pointer;border-style:solid;width:40px;height:40px;border-width:15px 0px 15px 30px;border-color:transparent transparent transparent #6089a4}.btn-previous{background:transparent;cursor:pointer;border-style:solid;width:40px;height:40px;border-width:15px 30px 15px 0px;border-color:transparent #2c5673 transparent transparent}.btn-previous:hover{background:transparent;cursor:pointer;border-style:solid;width:40px;height:40px;border-width:15px 30px 15px 0px;border-color:transparent #6089a4 transparent transparent}.MuiToggleButton-root{width:8rem}button{width:auto}.Modal{margin-top:32vh;margin-left:35vw;width:25%;height:28%}}@media (max-width: 800px){.topprogress{display:grid;grid-template-columns:15fr 1fr;position:sticky;top:8px;margin-left:5px}.musicbox-controls{display:grid;grid-template-columns:2fr 2fr 3fr 1fr 3fr}.messaging-reverse-container{margin-top:10px;bottom:16px;height:30vh;border:#89b0ca;border-width:2px;border-style:solid;overflow-y:auto;overflow-x:visible;overflow:auto;display:flex;flex-direction:column-reverse}.messages-controls{position:sticky;float:right;bottom:30px}.message-box-sent{display:flex;margin-left:5px}.message-box-received{display:flex}.page-title{float:right;position:sticky;top:0;margin-bottom:0}.upload-container{display:block;margin-left:auto;margin-right:auto;width:80%;list-style:none;padding-left:0;background-color:#1b1c1d}.btn-next{background:transparent;cursor:pointer;border-style:solid;width:34px;height:34px;border-width:12px 0px 12px 28px;border-color:transparent transparent transparent #2c5673}.btn-next:hover{background:transparent;cursor:pointer;border-style:solid;width:34px;height:34px;border-width:12px 0px 12px 28px;border-color:transparent transparent transparent #6089a4}.btn-previous{background:transparent;cursor:pointer;border-style:solid;width:34px;height:34px;border-width:12px 28px 12px 0px;border-color:transparent #2c5673 transparent transparent}.btn-previous:hover{background:transparent;cursor:pointer;border-style:solid;width:34px;height:34px;border-width:12px 28px 12px 0px;border-color:transparent #6089a4 transparent transparent}.item-box{display:block;margin-left:auto;margin-right:auto;width:90%;list-style:none;padding-left:0}.MuiToggleButton-root{width:45%}.Button{font-size:.4rem;margin-right:10rem}.Modal{margin-top:15vh;margin-left:8vw;width:75%;height:28%}}.messaging-active-users{display:flex;margin-top:0;margin-left:10px;margin-right:auto}.messaging-reverse-container{padding-left:3px;display:flex;-webkit-box-shadow:0 0 10px lightblue;box-shadow:0 0 10px #add8e6}.linear-progress{-webkit-box-shadow:0 0 10px 3px lightblue;-moz-box-shadow:0 0 10px 3px lightblue;box-shadow:0 0 10px 3px #add8e6}.player{height:50vh}.player-container{display:block;margin-left:auto;margin-right:auto;min-width:300px;list-style:none;padding-left:0;background-color:#3e424a}.songs-list-container{display:block;margin-left:10px;margin-right:15px;min-width:300px;list-style:none;padding-left:0;background-color:#343841}.songs-list-container li{display:block;margin-left:auto;margin-right:auto;border:solid 2px rgb(50,51,54);padding:.5em,8em .5em .5em;margin-bottom:.5em}.song-item{overflow:hidden;display:grid;grid-template-columns:1fr 20fr 4fr 4fr;border:2px solid #1b1f26;background-color:#1b1f26;height:40px;color:#00c8ff}.add-new-container{display:block;margin-left:10px;margin-right:15px;margin-bottom:10px;list-style:none;padding-left:0;align-items:center}.search-item{display:block;background-color:#2c5673;margin-left:auto;margin-right:0}.upload-item-title{display:block;margin-left:auto;margin-right:0}.upload-item-input{display:block;margin-left:auto;margin-right:0;width:90%}.hide{display:none}MenuItem{background-color:#fff}Select{background-color:#fff}#volume[type=range]{width:90%}input[type=range]{-webkit-appearance:none;height:26px;background:transparent;width:97%;overflow:hidden;margin-right:10px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:95%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 #000;background:#324959;border-radius:0;border:0px solid #000000}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 4px #269aff;border:0px solid #2497e3;height:20px;width:20px;border-radius:25px;background:#a1d0ff;cursor:pointer;-webkit-appearance:none;margin-top:-7.5px}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 #000;background:#324959;border-radius:0;border:0px solid #000000}input[type=range]::-moz-range-thumb{box-shadow:0 0 4px #269aff;border:0px solid #2497e3;height:20px;width:20px;border-radius:25px;background:#a1d0ff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#2497e3;border:0px solid #000000;border-radius:0;box-shadow:0 0 #000}input[type=range]::-ms-fill-upper{background:#719dbb;border:0px solid #000000;border-radius:0;box-shadow:0 0 #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 4px #269aff;border:0px solid #2497e3;height:20px;width:20px;border-radius:25px;background:#a1d0ff;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#2497e3}input[type=range]:focus::-ms-fill-upper{background:#89b0ca}input[type=range]::-moz-range-progress{background-color:#9cd4f9;height:1em}.embed-frame{display:flex}.musicbox-time{display:grid;grid-template-columns:1fr 1fr}.musicbox-previous{display:block;margin:auto 15px auto auto}.musicbox-currenttime{display:block;margin-top:0;margin-left:10px;margin-right:auto}.musicbox-toggleplay{display:block;margin:auto}.musicbox-next{display:block;margin:auto auto auto 0}.musicbox-duration{display:block;margin-top:0;margin-left:auto;margin-right:15px}.musicbox-volume{display:block;margin:auto auto auto 0}.button-row-container{text-align:center}.buttonRow{display:inline-block;margin-left:-20px}.fullscreen{display:block;margin:auto 15px auto auto}.player{pointer-events:none}.input-name-access{display:block;margin-left:auto;margin-right:auto;width:70%;list-style:none;padding-left:0;background-color:#1b1c1d;border-radius:10px}.ba{color:#20242b}.horizontal-item-group{display:flex;align-items:center}.login-controls{display:inline-block}.home-page{min-height:100vh;width:100%;position:relative;overflow:hidden;opacity:0;transition:opacity .6s ease}.home-loaded{opacity:1}.home-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;color:#a5e3f312;animation:floatParticle 20s infinite ease-in-out}.p1{font-size:40px!important;top:10%;left:5%;animation-delay:0s;animation-duration:22s}.p2{font-size:30px!important;top:60%;left:85%;animation-delay:-4s;animation-duration:18s}.p3{font-size:50px!important;top:80%;left:15%;animation-delay:-8s;animation-duration:25s}.p4{font-size:35px!important;top:20%;left:75%;animation-delay:-12s;animation-duration:20s}.p5{font-size:25px!important;top:45%;left:50%;animation-delay:-6s;animation-duration:24s}.p6{font-size:45px!important;top:70%;left:35%;animation-delay:-16s;animation-duration:19s}@keyframes floatParticle{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-40px) rotate(15deg)}50%{transform:translate(-20px,-80px) rotate(-10deg)}75%{transform:translate(40px,-30px) rotate(20deg)}}.home-hero{position:relative;text-align:center;padding:60px 20px 30px;z-index:1}.home-hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(165,227,243,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.home-title{font-family:Source Code Pro,monospace;font-size:80px;font-weight:700;color:#afeeee;margin:0;letter-spacing:4px;text-shadow:0 0 20px rgba(165,227,243,.3),0 0 60px rgba(165,227,243,.1);animation:titleAppear .8s ease-out}@keyframes titleAppear{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.home-subtitle{font-family:Source Code Pro,monospace;font-size:18px;color:#a5e3f380;margin:8px 0 24px;letter-spacing:2px;animation:subtitleAppear .8s ease-out .2s both}@keyframes subtitleAppear{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.home-equalizer{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:30px;margin-bottom:10px;animation:subtitleAppear .8s ease-out .4s both}.eq-bar{width:4px;background:linear-gradient(to top,#2c5673,#afeeee);border-radius:2px;animation:eqBounce 1.2s ease-in-out infinite}.eq-bar:nth-child(1){animation-delay:0s;height:10px}.eq-bar:nth-child(2){animation-delay:.15s;height:20px}.eq-bar:nth-child(3){animation-delay:.3s;height:28px}.eq-bar:nth-child(4){animation-delay:.15s;height:20px}.eq-bar:nth-child(5){animation-delay:0s;height:10px}@keyframes eqBounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.home-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;margin-bottom:30px;position:relative;z-index:1;animation:subtitleAppear .8s ease-out .5s both;flex-wrap:wrap}.home-search-bar{display:flex;align-items:center;gap:10px;background:#1b1f26cc;border:1px solid rgba(165,227,243,.15);border-radius:12px;padding:10px 18px;flex:1;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s ease,box-shadow .3s ease}.home-search-bar:focus-within{border-color:#a5e3f366;box-shadow:0 0 20px #a5e3f314}.home-search-input{background:transparent;border:none;outline:none;color:#afeeee;font-family:Source Code Pro,monospace;font-size:14px;width:100%;margin:0;padding:0}.home-search-input::placeholder{color:#a5e3f34d}.home-create-btn{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c5673,#1b3a4f);color:#afeeee;border:1px solid rgba(165,227,243,.2);border-radius:12px;padding:10px 22px;font-family:Source Code Pro,monospace;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.home-create-btn:hover{background:linear-gradient(135deg,#3a6d8f,#2c5673);border-color:#afeeee;box-shadow:0 0 20px #a5e3f326;transform:translateY(-1px)}.home-grid{display:grid;gap:16px;padding:0 20px 40px;position:relative;z-index:1;max-width:900px;margin:0 auto}.home-card{background:linear-gradient(145deg,#1b1f26e6,#252828e6);border:1px solid rgba(165,227,243,.1);border-radius:14px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:120px;position:relative;overflow:hidden;animation:cardAppear .5s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes cardAppear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.home-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,paleturquoise,transparent);opacity:0;transition:opacity .3s ease}.home-card:hover{border-color:#a5e3f34d;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d,0 0 20px #a5e3f30f}.home-card:hover:before{opacity:1}.home-card-icon{width:50px;height:50px;border-radius:12px;background:#2c56734d;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.home-card:hover .home-card-icon{transform:scale(1.1)}.home-card-title{font-family:Source Code Pro,monospace;font-size:15px;font-weight:600;color:#afeeee;text-align:center;word-break:break-word}.home-card-date{font-family:Source Code Pro,monospace;font-size:11px;color:#a5e3f34d}.home-empty{text-align:center;color:#a5e3f34d;font-size:15px;margin-top:40px;position:relative;z-index:1}@media (min-width: 800px){.home-grid{grid-template-columns:repeat(3,1fr);padding:0 40px 60px}.home-title{font-size:90px}.home-hero{padding:80px 20px 40px}}@media (min-width: 500px) and (max-width: 799px){.home-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 499px){.home-grid{grid-template-columns:1fr}.home-title{font-size:50px}.home-subtitle{font-size:14px}.home-controls{flex-direction:column}.home-search-bar{max-width:100%;width:100%}.home-create-btn{width:100%;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0c0fbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .25s ease-out;padding:20px}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:linear-gradient(145deg,#1b1f26f2,#252828f2);border:1px solid rgba(165,227,243,.15);border-radius:18px;width:100%;max-width:420px;position:relative;overflow:hidden;animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,paleturquoise,transparent)}.modal-card-danger:before{background:linear-gradient(90deg,transparent,#ff6b6b,transparent)}.modal-card-danger{border-color:#ff6b6b33}@keyframes modalSlideIn{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;align-items:center;gap:14px;padding:24px 28px 0}.modal-trash-btn{margin-left:auto;background:none;border:none;color:#ff6b6b40;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0;width:auto}.modal-trash-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.modal-header-icon{width:44px;height:44px;border-radius:12px;background:#2c56734d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-header-icon-danger{background:#ff6b6b1f}.modal-header-text{font-family:Source Code Pro,monospace;font-size:18px;font-weight:600;color:#afeeee;word-break:break-word}.modal-body{padding:20px 28px 8px;display:flex;flex-direction:column;gap:12px}.modal-input-group{display:flex;align-items:center;gap:12px;background:#1b1f2699;border:1px solid rgba(165,227,243,.1);border-radius:12px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease}.modal-input-group:focus-within{border-color:#a5e3f359;box-shadow:0 0 16px #a5e3f30f}.modal-input-group-danger:focus-within{border-color:#ff6b6b59;box-shadow:0 0 16px #ff6b6b0f}.modal-input-icon{color:#a5e3f366!important;font-size:1.2rem!important;flex-shrink:0}.modal-input-icon-danger{color:#ff6b6b66!important}.modal-input{background:transparent;border:none;outline:none;color:#afeeee;font-family:Source Code Pro,monospace;font-size:14px;width:100%;margin:0;padding:0}.modal-input::placeholder{color:#a5e3f340}.modal-input-danger{color:#ff8a8a}.modal-input-danger::placeholder{color:#ff6b6b40}.modal-actions{display:flex;gap:10px;padding:20px 28px;justify-content:center}.modal-btn{font-family:Source Code Pro,monospace;font-size:14px;font-weight:500;padding:10px 28px;border-radius:10px;cursor:pointer;transition:all .25s ease;border:1px solid transparent;white-space:nowrap}.modal-btn-primary{background:linear-gradient(135deg,#2c5673,#1b3a4f);color:#afeeee;border-color:#a5e3f333}.modal-btn-primary:hover{background:linear-gradient(135deg,#3a6d8f,#2c5673);border-color:#afeeee;box-shadow:0 0 18px #a5e3f326;transform:translateY(-1px)}.modal-btn-secondary{background:#1b1f2699;color:#a5e3f380;border-color:#a5e3f31a}.modal-btn-secondary:hover{color:#afeeee;border-color:#a5e3f34d;background:#1b1f26e6}.modal-btn-delete{background:linear-gradient(135deg,#8b2c2c,#6b1f1f);color:#faa;border-color:#ff6b6b4d}.modal-btn-delete:hover{background:linear-gradient(135deg,#a33a3a,#8b2c2c);border-color:#ff6b6b;box-shadow:0 0 18px #ff6b6b26;transform:translateY(-1px)}.mb-page{min-height:100vh;width:100%;background:#1a1919}.mb-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1a1919e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(165,227,243,.06)}.mb-progress-track{flex:1;height:4px;background:#a5e3f314;border-radius:2px;overflow:hidden}.mb-progress-fill{height:100%;background:linear-gradient(90deg,#2c5673,#afeeee);border-radius:2px;transition:width .4s ease;box-shadow:0 0 8px #a5e3f34d}.mb-topbar-title{font-family:Source Code Pro,monospace;font-size:16px;font-weight:700;color:#afeeee;letter-spacing:1px;white-space:nowrap;text-shadow:0 0 12px rgba(165,227,243,.2)}.mb-player-panel{background:linear-gradient(145deg,#1b1f26,#252828);border:1px solid rgba(165,227,243,.08);border-radius:16px;margin:12px;overflow:hidden}.mb-now-playing{padding:20px}.mb-now-playing-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mb-box-title{font-family:Source Code Pro,monospace;font-size:12px;color:#a5e3f366;letter-spacing:1px;text-transform:uppercase}.mb-song-title-display{font-family:Source Code Pro,monospace;font-size:18px;font-weight:600;color:#afeeee;margin-bottom:12px;word-break:break-word}.mb-seek-container{padding:8px 0 0}.mb-seek-slider{width:100%!important;margin:0!important}.mb-time-row{display:flex;justify-content:space-between;padding:0 2px}.mb-time-label{font-family:Source Code Pro,monospace;font-size:11px;color:#a5e3f359}.mb-controls-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 0}.mb-controls-center{display:flex;align-items:center;justify-content:center;gap:8px}.mb-ctrl-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mb-ctrl-btn:hover{background:#a5e3f314}.mb-ctrl-play{width:56px;height:56px;background:#2c567340;border:1px solid rgba(165,227,243,.15)}.mb-ctrl-play:hover{background:#2c567366;border-color:#a5e3f34d;box-shadow:0 0 16px #a5e3f31a}.mb-volume-group{display:flex;align-items:center;gap:4px;justify-self:end}.mb-volume-slider{width:80px!important}.mb-next-song-hint{font-family:Source Code Pro,monospace;font-size:12px;color:#a5e3f340;text-align:center;padding:6px 0 0;border-top:1px solid rgba(165,227,243,.05);margin-top:8px}.mb-song-list{list-style:none;padding:0 12px 8px;margin:0}.mb-song-list li{margin-bottom:4px}.mb-song-row{display:grid;grid-template-columns:40px 1fr 36px 36px;align-items:center;height:44px;padding:0 8px;border-radius:10px;background:#1b1c1d99;border:1px solid transparent;transition:all .2s ease;gap:4px}.mb-song-row:hover{background:#2c567326;border-color:#a5e3f314}.mb-song-active{background:#2c567340!important;border-color:#a5e3f326!important;box-shadow:inset 0 0 12px #a5e3f30a}.mb-song-nr{font-family:Source Code Pro,monospace;font-size:12px;font-weight:700;color:#2c5673;text-align:center}.mb-song-nr-active{color:#afeeee!important}.mb-song-name{font-family:Source Code Pro,monospace;font-size:13px;color:#a5e3f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-song-play-btn,.mb-song-delete-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s ease;width:auto}.mb-song-play-btn:hover{background:#a5e3f31a}.mb-song-delete-btn{color:#ff6b6b4d}.mb-song-delete-btn:hover{background:#ff6b6b1a;color:#ff6b6b}.mb-add-song-area{padding:12px 16px 16px;border-top:1px solid rgba(165,227,243,.05)}.mb-add-song-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;background:linear-gradient(135deg,#2c567333,#1b3a4f33);border:1px dashed rgba(165,227,243,.15);border-radius:10px;color:#afeeee;font-family:Source Code Pro,monospace;font-size:13px;cursor:pointer;transition:all .25s ease}.mb-add-song-btn:hover{background:linear-gradient(135deg,#2c567359,#1b3a4f59);border-color:#a5e3f34d;box-shadow:0 0 12px #a5e3f30f}.mb-search-form{margin-top:12px}.mb-search-input-row{display:flex;align-items:center;gap:10px;background:#1b1f2699;border:1px solid rgba(165,227,243,.1);border-radius:10px;padding:10px 14px;transition:border-color .3s ease,box-shadow .3s ease}.mb-search-input-row:focus-within{border-color:#a5e3f34d;box-shadow:0 0 14px #a5e3f30f}.mb-search-input{background:transparent;border:none;outline:none;color:#afeeee;font-family:Source Code Pro,monospace;font-size:13px;width:100%;margin:0;padding:0}.mb-search-input::placeholder{color:#a5e3f340}.mb-search-actions{display:flex;gap:8px;margin-top:10px}.mb-search-results{margin-top:10px;display:flex;flex-direction:column;gap:6px}.mb-search-result-item{display:flex;align-items:center;gap:12px;padding:10px;background:#1b1f2699;border:1px solid rgba(165,227,243,.06);border-radius:10px;cursor:pointer;transition:all .2s ease}.mb-search-result-item:hover{background:#2c567333;border-color:#a5e3f326}.mb-search-thumb{width:80px;height:45px;object-fit:cover;border-radius:6px;flex-shrink:0}.mb-search-result-info{flex:1;min-width:0}.mb-search-result-title{font-family:Source Code Pro,monospace;font-size:13px;color:#a5e3f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-search-result-meta{font-family:Source Code Pro,monospace;font-size:11px;color:#a5e3f34d;margin-top:2px}.mb-chat-panel{display:flex;flex-direction:column;background:linear-gradient(145deg,#1b1f26b3,#252828b3);border:1px solid rgba(165,227,243,.08);border-radius:16px;margin:12px 12px 12px 0;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mb-chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column-reverse;padding:12px;scrollbar-width:thin;scrollbar-color:#586f7a rgb(38,41,42)}.mb-chat-inner{display:flex;flex-direction:column}.mb-chat-welcome{font-family:Source Code Pro,monospace;font-size:12px;color:#a5e3f333;padding:4px 0 8px}.mb-chat-msg{display:flex;gap:6px;padding:3px 0;align-items:flex-start}.mb-chat-user{font-family:Source Code Pro,monospace;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.mb-chat-text{font-family:Source Code Pro,monospace;font-size:12px;color:#fffc;word-break:break-word}.mb-chat-status{display:flex;align-items:center;gap:5px;padding:6px 14px;border-top:1px solid rgba(165,227,243,.06)}.mb-chat-user-count{font-family:Source Code Pro,monospace;font-size:12px;color:#afeeee}.mb-chat-form{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid rgba(165,227,243,.06)}.mb-chat-input{flex:1;background:#1b1f2699;border:1px solid rgba(165,227,243,.1);border-radius:10px;padding:8px 14px;color:#fff;font-family:Source Code Pro,monospace;font-size:13px;outline:none;transition:border-color .3s ease,box-shadow .3s ease;margin:0}.mb-chat-input:focus{border-color:#a5e3f34d;box-shadow:0 0 12px #a5e3f30f}.mb-chat-input::placeholder{color:#a5e3f333}.mb-chat-send-btn{background:linear-gradient(135deg,#2c5673,#1b3a4f);border:1px solid rgba(165,227,243,.15);border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#afeeee;transition:all .25s ease;flex-shrink:0}.mb-chat-send-btn:hover{background:linear-gradient(135deg,#3a6d8f,#2c5673);border-color:#afeeee;box-shadow:0 0 14px #a5e3f31f}.mb-exit-area{padding:8px 16px 20px}.mb-exit-btn{display:inline-flex;align-items:center;background:#1b1f2699;border:1px solid rgba(165,227,243,.1);border-radius:10px;padding:10px 20px;color:#afeeee;font-family:Source Code Pro,monospace;font-size:13px;cursor:pointer;transition:all .25s ease}.mb-exit-btn:hover{border-color:#a5e3f34d;background:#2c567326}@media (min-width: 800px){.main-panel{display:grid;grid-template-columns:4fr 1fr}.mb-chat-panel{height:calc(100vh - 60px);position:sticky;top:50px}.mb-chat-messages{height:0}}@media (max-width: 799px){.mb-chat-panel{margin:0 12px 12px;height:35vh}.mb-chat-messages{height:0}.mb-player-panel{margin:8px}.mb-chat-panel{margin:0 8px 8px}}#loading{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;visibility:hidden;display:flex;align-items:center;justify-content:center;background:#0a0c0f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#loading.display{visibility:visible}#loading:after{content:"";width:48px;height:48px;border-radius:50%;border:3px solid rgba(165,227,243,.1);border-top-color:#afeeee;animation:spin .8s infinite linear;box-shadow:0 0 20px #a5e3f326}#loadinghome{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;visibility:hidden;display:flex;align-items:center;justify-content:center;background:#0a0c0f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#loadinghome.display{visibility:visible}#loadinghome:after{content:"";width:48px;height:48px;border-radius:50%;border:3px solid rgba(165,227,243,.1);border-top-color:#afeeee;animation:spin .8s infinite linear;box-shadow:0 0 20px #a5e3f326}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px #00000029;border-radius:5px}.popup-overlay{background:#00000080}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;left:0;right:0;top:0;bottom:0}@media (min-width: 800px){.play-button{box-sizing:border-box;width:74px;height:74px;background:transparent;cursor:pointer;border-style:solid;border-width:37px 0 37px 60px;border-color:transparent transparent transparent #2c5673}.play-button:hover{border-color:transparent transparent transparent #6089a4}.pause-button{box-sizing:border-box;width:74px;height:74px;background:transparent;cursor:pointer;border-style:double;border-width:0px 0 0px 60px;border-color:transparent transparent transparent paleturquoise}}@media (max-width: 800px){.play-button{box-sizing:border-box;width:56px;height:56px;background:transparent;cursor:pointer;border-style:solid;border-width:28px 0 28px 46px;border-color:transparent transparent transparent #2c5673}.play-button:hover{border-color:transparent transparent transparent #6089a4}.pause-button{box-sizing:border-box;width:56px;height:56px;background:transparent;cursor:pointer;border-style:double;border-width:0px 0 0px 46px;border-color:transparent transparent transparent paleturquoise}}