.footer,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow:hidden;transition:background-color .3s}.main-tabs .tab{border:0!important}@media(min-width:768px){.main-box{background-color:var(backgrou,#834343)!important;max-height:70vh}}#root,.App,body,html{font-family:Inter,sans-serif}#root,#root h3,.App,.App h3,body,body h3,html,html h3{-webkit-user-select:none;user-select:none}#root a,#root label,.App a,.App label,body a,body label,html a,html label{text-decoration:none}.allow-select,[contenteditable=true],input,select,textarea{-webkit-user-select:text!important;user-select:text!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.app-bg-gradient{background:linear-gradient(120deg,#87caff,#f357a8 50%,#49c6e5);background-size:200% 200%;min-height:100vh;width:100vw}.home-landing-bg-dark{align-items:center;animation:fadeInBg 1.2s;background:linear-gradient(120deg,#181c2b,#232a3a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100vw}.home-landing-bg-dark:before{animation:gradientMove 8s linear infinite alternate;background:radial-gradient(circle at 30% 30%,#ffd70033 0,#232a3a 70%);content:"";height:140%;left:-20%;opacity:.5;position:absolute;top:-20%;width:140%;z-index:0}@keyframes gradientMove{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(40px,40px)}}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}.home-landing-container-dark{align-items:center;display:flex;justify-content:center;min-height:80vh}.home-landing-segment-dark{animation:fadeInCard 1.2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#232a3ad9!important;border:1.5px solid rgba(255,215,0,.333);border-radius:32px;box-shadow:0 8px 48px 0 rgba(255,215,0,.267),0 2px 24px 0 #232a3a99;margin:auto;max-width:560px;padding:4.5rem 3.5rem;position:relative;z-index:1}@keyframes fadeInCard{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.logo-area-dark{align-items:center;display:flex;gap:1.2rem;justify-content:center;margin-bottom:2.8rem}.logo-icon-dark{filter:drop-shadow(0 0 24px #ffd700) drop-shadow(0 0 8px #fff);font-size:4.2rem!important;margin-right:0!important}.app-title-dark{color:gold;font-size:3.6rem;font-weight:900;letter-spacing:2.5px;text-shadow:0 2px 32px #222,0 0 8px #ffd70099}.app-title-dark,.welcome-title-dark{font-family:Montserrat,Segoe UI,Arial,sans-serif}.welcome-title-dark{color:#fff!important;font-size:2.6rem!important;font-weight:800;letter-spacing:1.5px;margin-bottom:2.2rem!important;text-shadow:0 2px 16px #232a3a}.subtitle-dark{color:#e0eafc;font-family:Montserrat,Segoe UI,Arial,sans-serif;font-size:1.5rem;line-height:1.8;margin-bottom:3.2rem;text-shadow:0 1px 12px #222}.action-buttons-dark{display:flex;gap:2.5rem;justify-content:center;margin-top:3.5rem}.action-buttons-dark .button{background:linear-gradient(90deg,gold,#ffe066)!important;border:none!important;border-radius:16px!important;box-shadow:0 2px 16px #ffd70033,0 2px 8px rgba(35,42,58,.267);color:#232a3a!important;font-family:Montserrat,Segoe UI,Arial,sans-serif;font-size:1.4rem;font-weight:800;min-width:200px;padding:1.3rem 0;transition:box-shadow .2s,transform .2s}.action-buttons-dark .button:last-child{background:linear-gradient(90deg,#2185d0,#3a8dde)!important;color:#fff!important}.action-buttons-dark .button:hover{box-shadow:0 8px 32px #ffd70066,0 6px 24px #232a3a99;filter:brightness(1.08);transform:translateY(-3px) scale(1.06)}.musics-table-row{transition:background .2s}.musics-toolbar{align-items:center;display:flex;gap:16px;margin-bottom:24px}.musics-row-main{align-items:center;cursor:pointer}.musics-table-row .musics-row-playicon{opacity:0}.musics-table-row.is-hovered .musics-row-playicon{opacity:.9}.musics-row-name{transition:margin-left .3s ease}.musics-table-row.is-hovered .musics-row-name{margin-left:.25rem}.create-music-modal{box-shadow:0 8px 32px #00000040!important}.create-music-modal .ui.form .field>label,.create-music-modal .ui.form .fields>.field>label,.create-music-modal .ui.form .grouped.fields>label,.create-music-modal label{opacity:.95!important}.create-music-modal .header{border-bottom:1px solid #333!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important;font-size:1.25rem!important;font-weight:600!important;padding:20px 24px!important}.create-music-modal .content{padding:24px!important}.create-music-modal .actions{border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;border-top:1px solid #333!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:16px 24px!important}.create-music-modal input,.create-music-modal select,.create-music-modal textarea{transition:border .2s!important}.create-music-modal input:focus,.create-music-modal select:focus,.create-music-modal textarea:focus{border-color:#4fd1c5!important;outline:none!important}.padNote{align-content:center;background-color:#0000;border:1px solid hsla(0,0%,100%,.278)!important;border-radius:20px;box-shadow:0 0 6px 2px #2d71bb91;color:#fff!important;cursor:pointer;display:flex;font-size:50px;justify-content:center;margin-bottom:20px;padding:45px;position:relative;text-shadow:0 0 15px #424242;transition:all .8s,box-shadow .8s;-webkit-user-select:none;user-select:none;width:100%}.padNote .pad.disabled{background-color:gray!important;cursor:not-allowed;pointer-events:none}.padNote.loading:after,.padNote.loading:before{animation:spin 3s linear infinite;background-image:conic-gradient(from var(--angle),#ff4545,#0f9,#006aff,#ff0095,#ff4545);border-radius:10px;content:"";height:100%;left:50%;padding:3px;position:absolute;top:50%;translate:-50% -50%;width:100%;z-index:-1}.padNote.loading:before{filter:blur(1.5rem);opacity:.5}.padNote.playing{background-color:#a0ffaf}.padNote .pad-progress{background:#fff3;border-bottom-left-radius:20px;border-bottom-right-radius:20px;bottom:0;height:6px;overflow:hidden;position:absolute;width:90%}.padNote .pad-progress__fill{background:linear-gradient(90deg,#4fc3f7,#7fd4ff);height:100%;transition:width .2s ease;width:0}.padNote .pad-progress__fill.is-animating{animation:pad-progress-fill 1.2s ease-in-out infinite}@keyframes pad-pulse{0%{box-shadow:0 0 5px 5px #8aff9c}50%{box-shadow:0 0 15px 5px #6fff84}to{box-shadow:0 0 5px 5px #8aff9c}}@keyframes pad-loading-spin{0%{--angle:0deg}to{--angle:360deg}}@keyframes pad-progress-fill{0%{width:0}to{width:100%}}.queue-segment{position:relative}.queue-segment .queue-top-block{margin-bottom:3em}.queue-segment .queue-header-now{color:#7fffd4;margin-bottom:8px}.queue-segment .queue-header-next{color:#b2f7e2;font-weight:700;margin-bottom:.5em}.queue-segment .queue-current{color:#fff;font-size:18px;font-weight:700}.queue-segment .queue-current-key{color:#aaa;font-size:15px;font-weight:400}.queue-segment .queue-empty{color:#888;font-size:15px}.queue-segment .queue-list .queue-list-item{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:.5em 0}.queue-segment .queue-list .queue-list-item .queue-item-main{align-items:baseline;display:flex}.queue-segment .queue-list .queue-list-item .queue-item-actions{display:flex;gap:6px;opacity:.8}.queue-segment .queue-list .queue-list-item .queue-item-actions .icon{color:#cfcfcf}.queue-segment .queue-list .queue-list-item .queue-item-actions .icon.disabled{color:#666!important;cursor:not-allowed!important}.queue-segment .queue-list .queue-list-item .queue-list-header{color:#e4e4e4}.queue-segment .queue-list .queue-list-item .queue-list-desc{color:#888;font-size:14px;margin-left:1em}.player-bar{align-items:center;background:#14141e;bottom:0;justify-content:space-between;left:0;margin:0;min-height:64px;padding:16px 32px;position:fixed;right:0;z-index:1000}@media(min-width:768px){.player-bar{display:flex}.player-next{margin-left:32px}}@media(max-width:767px){.player-controls{margin-top:10px!important}}.player-bar .player-info{align-items:center;color:#fff;display:flex;gap:18px}.player-bar .player-next{align-items:center;color:#7fffd4;display:flex;font-size:15px;gap:8px;opacity:.7}.player-bar .player-controls{align-items:center;display:flex;gap:18px}.player-bar .player-volume{align-items:center;display:flex;gap:8px;min-width:160px}.player-bar .player-volume input[type=range]{appearance:none;background:#0000;border-radius:999px;caret-color:#0000;cursor:pointer;height:6px;outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:150px}.player-bar .player-volume input[type=range]::selection{background:#0000}.player-bar .player-volume input[type=range]:focus{outline:none}.player-bar .player-volume input[type=range]:active::-webkit-slider-thumb,.player-bar .player-volume input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}.player-bar .player-volume input[type=range]:active::-moz-range-thumb,.player-bar .player-volume input[type=range]:hover::-moz-range-thumb{transform:scale(1.15)}.player-bar .player-volume input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#27ae60 0,#27ae60 0,#333 0,#333);background:linear-gradient(to right,#27ae60 0,#27ae60 var(--val,0),#333 var(--val,0),#333 100%);border-radius:999px;height:6px}.player-bar .player-volume input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #27ae60;border-radius:50%;box-shadow:0 0 0 2px #0003;height:12px;margin-top:-3px;width:12px}.player-bar .player-volume input[type=range]::-moz-range-track{background:#333;border:none;border-radius:999px;height:6px}.player-bar .player-volume input[type=range]::-moz-range-progress{background:#27ae60;border:none;border-radius:999px;height:6px}.player-bar .player-volume input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #27ae60;border-radius:50%;box-shadow:0 0 0 2px #0003;height:12px;width:12px}.player-bar .player-volume input[type=range]:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.6}.player-bar .player-volume input[type=range]:disabled::-webkit-slider-runnable-track{background:linear-gradient(90deg,#777 0,#777 0,#444 0,#444);background:linear-gradient(to right,#777 0,#777 var(--val,0),#444 var(--val,0),#444 100%)}.player-bar .player-volume input[type=range]:disabled::-webkit-slider-thumb{border-color:#777}.player-bar .player-volume input[type=range]:disabled::-moz-range-progress{background:#777}.player-bar .player-volume input[type=range]:disabled::-moz-range-thumb{border-color:#777}.pad-key-text{font-size:larger}.music-bars{align-items:flex-end;display:inline-flex;height:24px;margin-right:8px}.music-bars .bar{animation:barMove 1s infinite;background:#4fd1c5;border-radius:2px;height:12px;margin:0 2px;width:4px}.music-bars .bar:first-child{animation-delay:0s}.music-bars .bar:nth-child(2){animation-delay:.2s}.music-bars .bar:nth-child(3){animation-delay:.4s}@keyframes barMove{0%{height:8px}20%{height:20px}40%{height:10px}60%{height:18px}80%{height:12px}to{height:8px}}.connected-users .clickable-label{color:#a5a5a5;cursor:pointer}.connected-users-modal .content ul{list-style:none!important;margin:0;padding:0}.connected-users-modal .content li{padding:5px 0}.connected-users-modal .content li.current-user{color:#21ba45!important;font-weight:700}.modal-dark{background:#181818!important;box-shadow:0 8px 32px #00000040!important;color:#fff!important}.modal-dark hr{border-color:#6b6b6b;color:#333}.modal-dark .header{background:#222!important;border-bottom:1px solid #333!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important;color:#fff!important;font-size:1.25rem!important;font-weight:600!important;padding:20px 24px!important}.modal-dark .content{background:#181818!important;color:#e0e0e0!important;padding:24px!important}.modal-dark .actions{background:#222!important;border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;border-top:1px solid #333!important;color:#fff!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:16px 24px!important}.modal-dark input,.modal-dark select,.modal-dark textarea{background:#222!important;color:#fff!important;transition:border .2s!important}.modal-dark input:focus,.modal-dark select:focus,.modal-dark textarea:focus{border-color:#4fd1c5!important;outline:none!important}.MuiPaper-root,.glass-box,.main-dashboard-box,.musics-container{scrollbar-color:#aaa #eee;scrollbar-color:var(--scrollbar-thumb,#aaa) var(--scrollbar-track,#eee);scrollbar-width:thin}.MuiPaper-root::-webkit-scrollbar,.glass-box::-webkit-scrollbar,.main-dashboard-box::-webkit-scrollbar,.musics-container::-webkit-scrollbar{background:#eee;background:var(--scrollbar-track,#eee);border-radius:8px;width:8px}.MuiPaper-root::-webkit-scrollbar-thumb,.glass-box::-webkit-scrollbar-thumb,.main-dashboard-box::-webkit-scrollbar-thumb,.musics-container::-webkit-scrollbar-thumb{background:#aaa;background:var(--scrollbar-thumb,#aaa);border:2px solid #eee;border:2px solid var(--scrollbar-track,#eee);border-radius:8px}.MuiPaper-root::-webkit-scrollbar-thumb:hover,.glass-box::-webkit-scrollbar-thumb:hover,.main-dashboard-box::-webkit-scrollbar-thumb:hover,.musics-container::-webkit-scrollbar-thumb:hover{background:#bbb;background:var(--scrollbar-thumb-hover,#bbb)}.main-dashboard-grid{margin:0}.room-instructions{white-space:nowrap}.room-instructions .room-id{color:#00e676;font-size:1.5rem;font-weight:700;letter-spacing:1px}.room-instructions .room-password{align-items:stretch;display:inline-flex;flex-direction:column}.room-instructions .room-password__code{color:#ffeb3b;font-size:1.3rem;font-weight:700;letter-spacing:2px;line-height:1.1}.room-instructions .room-password__bar{background-color:#666;border-radius:999px;height:4px;margin-top:4px;overflow:hidden;width:100%}.room-instructions .room-password__bar-fill{background-color:#fff;display:block;height:100%;transition:width .1s linear;width:100%;width:var(--pw,100%)}.main-content-row,.player-row{margin:0;padding:0}.player-row{bottom:0;position:fixed}.player-col{min-width:0;padding-left:0;padding-right:0}.main-dashboard-box{box-shadow:0 2px 12px 0 #00000014;transition:background .2s}.glass-box{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff8c;background:var(--glass-box-bg,#ffffff8c);border:1px solid #ffffff4d;border-radius:8px;padding:22px 5px}.glass-box.last-column{margin-right:8px}@media(max-width:900px){.glass-box{margin-bottom:32px;min-height:220px;padding:16px 8px}}.topbar-menu{background-color:#0000!important;border:0!important;border-radius:0!important;box-shadow:1px 1px 2px #3d3d3d!important}.topbar-title{color:#fff!important;cursor:pointer;font-family:Montserrat,Segoe UI,Arial,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:2px}.topbar-user-trigger{align-items:center;cursor:pointer;display:flex}.topbar-user-name{color:#fff;font-size:1.1rem;font-weight:700;margin-left:8px}.topbar-user-icon{margin-left:8px!important}
/*# sourceMappingURL=main.5f405817.css.map*/