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}.g-recaptcha{display:inline-block;max-width:100%;overflow:hidden}@media (max-width:600px){.g-recaptcha{transform:scale(.77);transform-origin:0 0}.g-recaptcha>div{margin:0 auto}.MuiDialog-paper{margin:8px!important;max-height:calc(100% - 16px)!important}.MuiDialogContent-root{padding-bottom:16px!important;padding-top:16px!important}}.MuiDialogContent-root::-webkit-scrollbar{width:6px}.MuiDialogContent-root::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.MuiDialogContent-root::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.MuiDialogContent-root::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:600px){.MuiButton-root{min-height:44px!important}.MuiFab-root{height:48px!important;width:48px!important}}.MuiFormLabel-root.Mui-focused{color:#667eea!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#667eea!important}.MuiMenuItem-root:hover{background-color:#ffffff1a!important}@media (max-width:600px){.MuiGrid-container.MuiGrid-spacing-xs-2>.MuiGrid-item{padding-left:12px!important;padding-top:12px!important}}.MuiFab-root{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.MuiFab-root:hover{transform:scale(1.05)!important}.MuiFab-root:active{transform:scale(.95)!important}.navbar{left:0;position:sticky;right:0;top:0;z-index:1300}.navbar *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-reduced-motion:reduce){.navbar *,.navbar :after,.navbar :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.navbar a:focus-visible,.navbar button:focus-visible{border-radius:4px;outline:2px solid currentColor;outline-offset:2px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:no-preference){.navbar .MuiDrawer-paper{animation:slideInLeft .3s ease-out}}.navbar .MuiFormControl-root,.navbar .MuiIconButton-root{margin-right:8px}@media (max-width:600px){.navbar .MuiFormControl-root{min-width:100px}}.navbar .nav-item-active{position:relative}.navbar .nav-item-active:after{background:currentColor;border-radius:2px;bottom:-8px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}@media (prefers-reduced-motion:no-preference){.navbar .nav-item-active:after{animation:slideInBottom .3s ease-out}}@keyframes slideInBottom{0%{opacity:0;width:0}to{opacity:1;width:80%}}@media (hover:hover) and (pointer:fine){.navbar .MuiButton-root:hover{transform:translateY(-1px)}.navbar .MuiIconButton-root:hover{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.navbar .MuiButton-root:hover,.navbar .MuiIconButton-root:hover{transform:none}}.navbar img{transition:opacity .3s ease}.navbar img:hover{opacity:.9}.navbar .MuiAvatar-root{border:2px solid #0000;transition:border-color .3s ease,transform .3s ease}.navbar .MuiAvatar-root:hover{border-color:currentColor;transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.navbar .MuiAvatar-root:hover{transform:none}}.navbar .MuiDrawer-paper{box-shadow:2px 0 8px #00000026}@media (max-width:1200px){.navbar .MuiIconButton-root{min-height:44px;min-width:44px}.navbar .MuiButton-root{min-height:44px;padding:12px 16px}.navbar .MuiIconButton-root[aria-controls=settings-menu]{background-color:#ffffff0d;border-radius:8px}.navbar .MuiIconButton-root[aria-controls=settings-menu]:hover{background-color:#ffffff1a}}@media (prefers-contrast:high){.navbar{border-bottom:2px solid}.navbar a:focus-visible,.navbar button:focus-visible{outline-offset:3px;outline-width:3px}}.audio-player-minimized{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.audio-player-full{animation:slideUp .3s ease-out}.audio-player-full,.audio-player-full .MuiPaper-root{border-radius:0!important}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.MuiTooltip-popper,.audio-player-full .MuiTooltip-popper{z-index:99999!important}.audio-player-full .MuiTooltip-tooltip{background-color:#000000f2!important;font-size:.875rem!important;margin-bottom:12px!important;max-width:none!important;padding:8px 12px!important;white-space:nowrap!important;z-index:99999!important}.audio-player-full .MuiTooltip-arrow{color:#000000f2!important}.audio-player-full *{transition:all .2s ease}.audio-player-queue::-webkit-scrollbar{width:8px}.audio-player-queue::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.audio-player-queue::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.audio-player-queue::-webkit-scrollbar-thumb:hover{background:#ffffff80}.audio-player-full{box-shadow:0 -4px 20px #0000004d!important}.audio-player-full .MuiSlider-root{height:4px!important;padding:0!important;z-index:1}.audio-player-full .MuiPaper-root,.audio-player-full .MuiSlider-root{display:block!important;margin:0!important}@media (max-width:600px){.audio-player-full .MuiIconButton-root{min-height:40px;min-width:40px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.audio-player-loading{animation:pulse 1.5s ease-in-out infinite}.audio-player-glass{background:#ffffff1a;border:1px solid #fff3}.audio-player-glass,.global-video-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.global-video-player{animation:slideInUp .4s ease-out;transition:all .3s cubic-bezier(.4,0,.2,1)}.global-video-player:hover{box-shadow:0 16px 48px #000000e6!important;transform:scale(1.03) translateY(-2px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.global-video-player{z-index:9999!important}@media (max-width:768px){.global-video-player{max-width:340px!important;width:calc(100vw - 20px)!important}}@media (max-width:480px){.global-video-player{max-width:280px!important;width:calc(100vw - 20px)!important}.global-video-player:hover{transform:scale(1.01) translateY(-1px)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Arial,sans-serif}.App,.login-container{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.login-container{align-items:center;justify-content:center;padding:20px}.login-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;max-width:450px;padding:40px;text-align:center;width:100%}.login-logo{margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:20px}.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;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}