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}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar{background:#181c2a;background:var(--background-paper,#181c2a);box-shadow:2px 0 24px 0 #00b0ff12;color:#fff;color:var(--text-primary,#fff);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .25s cubic-bezier(.4,0,.2,1);width:240px;z-index:1001}.sidebar.collapsed{min-width:64px;width:64px}@media (max-width:700px){.sidebar{box-shadow:2px 0 24px 0 #00b0ff21;height:100vh;left:0;max-width:100vw;min-width:0;position:fixed;top:0;width:100vw;z-index:1200}}.sidebar-header{gap:0;justify-content:flex-end;min-height:0;padding:0;position:static;transition:padding .3s}.nav-brand,.toggle-sidebar{transition:opacity .3s,transform .3s}.sidebar.collapsed .nav-brand,.sidebar.collapsed .toggle-sidebar{opacity:1;transform:none}.nav-brand{flex:1 1 auto;justify-content:flex-start;margin-left:0;max-width:none;min-width:0;overflow:visible;text-align:left;text-decoration:none;text-overflow:clip;white-space:nowrap}.nav-brand,.toggle-sidebar{align-items:center;display:flex}.toggle-sidebar{background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;height:32px;justify-content:center;margin-right:2px;position:static;right:auto;top:auto;transform:none;transition:background .2s,color .2s;width:32px;z-index:auto}.toggle-sidebar:hover{background:#1ec6ff1a;color:#1ec6ff}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem 0}.sidebar-item{align-items:center;background:none;border-left:4px solid #0000;color:var(--text-primary);display:flex;gap:1rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1),box-shadow .3s,background .3s;white-space:nowrap}.sidebar-item:hover{background:var(--background-hover);border-left:4px solid var(--primary-color);box-shadow:0 2px 12px #00b0ff21,0 0 8px #00eaff33;color:var(--primary-color);transform:scale(1.03);z-index:2}.sidebar-item.active{background:#eaf6ff;background:var(--background-active,#eaf6ff);border-left:6px solid var(--primary-color);box-shadow:0 4px 18px #00b0ff2e,0 0 12px #00eaff44;color:var(--primary-color);font-weight:700;transform:scale(1.04);z-index:3}.sidebar-item:after{background:#00b0ff21;border-radius:50%;content:"";display:block;height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s,opacity .4s;width:0}.sidebar-item:active:after{height:180%;opacity:1;transition:0s;width:180%}.sidebar-item svg{flex-shrink:0;transition:color .22s cubic-bezier(.4,0,.2,1)}.sidebar-item.active svg,.sidebar-item:hover svg{color:var(--primary-color)}.sign-out-button{background:none;border:none;cursor:pointer;margin-top:auto;text-align:left;width:100%}.sign-out-button:hover{background:var(--background-hover);color:var(--error-color)}.sign-out-button:disabled{cursor:not-allowed;opacity:.5}.playlists-icon{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.playlists-icon svg:first-child{color:var(--primary-color);position:absolute;transform:translate(-2px,-2px)}.playlists-icon svg:last-child{color:var(--warning-color);position:absolute;transform:translate(2px,2px)}.sidebar-item:hover .playlists-icon svg:first-child{color:var(--primary-hover)}.sidebar-item:hover .playlists-icon svg:last-child{color:var(--warning-hover)}.sidebar-item.active .playlists-icon svg:first-child{color:var(--primary-color)}.sidebar-item.active .playlists-icon svg:last-child{color:var(--warning-color)}@media (max-width:768px){.sidebar{width:64px}.sidebar:not(.collapsed){width:240px}.nav-brand{display:none}.sidebar:not(.collapsed) .nav-brand{display:block}}.flowdatch-logo{align-items:center;display:inline-flex;font-size:32px;letter-spacing:-1px;max-width:100%;min-width:0;-webkit-user-select:none;user-select:none;width:auto}.flowdatch-flow{color:#111}.flowdatch-datch,.flowdatch-flow{text-shadow:none;transition:color .3s,text-shadow .3s}.flowdatch-datch{color:#1ec6ff;font-weight:900;margin-left:2px}[data-theme=dark] .flowdatch-flow,body.dark .flowdatch-flow{color:#fff;text-shadow:0 0 2px #fff,0 0 6px #fff}[data-theme=dark] .flowdatch-datch,body.dark .flowdatch-datch{color:#00eaff;text-shadow:0 0 2px #00eaff,0 0 4px #00eaff}.flowdatch-datch{animation:none!important}.sidebar.collapsed .nav-brand{margin:12px 0 10px!important;max-width:100%!important;text-align:center;width:100%!important}.sidebar.collapsed .flowdatch-logo{justify-content:center;max-width:90%}[data-theme=exclusive] .flowdatch-logo{filter:drop-shadow(0 0 2px #00eaff);position:relative}[data-theme=exclusive] .flowdatch-datch,[data-theme=exclusive] .flowdatch-flow{overflow:visible;position:relative;text-shadow:0 0 2px #fff,0 0 4px #00eaff}[data-theme=exclusive] .flowdatch-logo .sparkle{animation:sparkle-fade 2.2s infinite;background:radial-gradient(circle,#fff 60%,#00eaff 100%,#0000 0);border-radius:50%;height:.5em;opacity:0;pointer-events:none;position:absolute;width:.5em;z-index:2}[data-theme=exclusive] .flowdatch-logo .sparkle.s1{animation-delay:0s;left:.18em;top:.1em}[data-theme=exclusive] .flowdatch-logo .sparkle.s2{animation-delay:.7s;left:1.1em;top:.18em}[data-theme=exclusive] .flowdatch-logo .sparkle.s3{animation-delay:1.3s;left:2.2em;top:.05em}[data-theme=exclusive] .flowdatch-logo .sparkle.s4{animation-delay:1.7s;left:3.1em;top:.22em}@keyframes sparkle-fade{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}10%{opacity:.8;transform:scale(1.2) rotate(10deg)}13%{opacity:1;transform:scale(1.4) rotate(20deg)}16%{opacity:.8;transform:scale(1.1) rotate(0deg)}20%{opacity:0;transform:scale(.5) rotate(-10deg)}}.crystal-sparkle{animation:crystal-sparkle-flash 2.8s infinite;height:1.1em;opacity:0;pointer-events:none;position:absolute;transform:scale(.5) rotate(0deg);width:1.1em;z-index:3}.crystal-sparkle.cs1{animation-delay:.2s;left:.5em;top:-.2em}.crystal-sparkle.cs2{animation-delay:1.1s;left:2.1em;top:.1em}.crystal-sparkle.cs3{animation-delay:2s;left:3.7em;top:-.15em}@keyframes crystal-sparkle-flash{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}7%{opacity:.9;transform:scale(1.1) rotate(10deg)}10%{opacity:1;transform:scale(1.3) rotate(25deg)}13%{opacity:.7;transform:scale(1.05) rotate(0deg)}16%{opacity:0;transform:scale(.5) rotate(-10deg)}}.sidebar-realtime-clock{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1ec6ff1a;border:1.5px solid #1ec6ff21;border-radius:16px;box-shadow:0 2px 16px 0 #1ec6ff12;display:flex;justify-content:center;margin:12px 0 0;padding:.5rem 0;transition:background .3s,border .3s,box-shadow .3s;width:100%}.sidebar-realtime-clock:hover{background:#1ec6ff2e;border-color:#1ec6ff55;box-shadow:0 4px 24px 0 #1ec6ff21}.clock-time{-webkit-text-stroke:1px #fff;text-stroke:1px #fff;-webkit-text-fill-color:unset;text-fill-color:unset;animation:clockGlow 2.5s infinite alternate;background:none;-webkit-background-clip:unset;background-clip:initial;color:#0077bd;font-family:JetBrains Mono,Fira Mono,Consolas,monospace;font-size:1.45rem;font-weight:700;letter-spacing:.04em;text-shadow:0 2px 8px #1ec6ff55,0 0 2px #fff,0 0 .5px #0077bd;transition:color .3s,text-shadow .5s}@keyframes clockGlow{0%{text-shadow:0 2px 8px #1ec6ff55,0 0 2px #fff,0 0 .5px #0077bd}to{text-shadow:0 4px 16px #1ec6ff99,0 0 8px #fff,0 0 1.5px #0077bd}}[data-theme=dark] .sidebar-realtime-clock{background:#ffe6801a;border-color:#ffe68033}[data-theme=dark] .sidebar-realtime-clock .clock-time{-webkit-text-stroke:1px #222;text-stroke:1px #222;color:#ffe680;text-shadow:0 2px 8px #ffe68099,0 0 2px #222,0 0 1px #ffe680}[data-theme=realtime] .sidebar-realtime-clock{background:#1ec6ff21;border-color:#1ec6ff33}[data-theme=realtime] .sidebar-realtime-clock .clock-time{-webkit-text-stroke:1px #1ec6ff;text-stroke:1px #1ec6ff;color:#fff;text-shadow:0 2px 16px #1ec6ff99,0 0 8px #ffe680,0 0 2px #1ec6ff}.sidebar.collapsed .nav-brand,.sidebar.collapsed .nav-brand img,.sidebar.collapsed .nav-brand svg{align-items:center;display:flex;font-size:32px!important;height:40px!important;justify-content:center;margin:12px auto 10px!important;min-height:40px!important;min-width:40px!important;width:40px!important}.sidebar.collapsed .flowdatch-logo,.sidebar.collapsed .nav-brand,.sidebar.collapsed .nav-brand img,.sidebar.collapsed .nav-brand svg{align-items:center;box-sizing:border-box;display:flex;height:auto!important;justify-content:center;margin:12px 0 10px!important;max-height:32px!important;max-width:100%!important;min-height:0!important;min-width:0!important;object-fit:contain;overflow:hidden;width:100%!important}.sidebar.collapsed .nav-brand{justify-content:center;margin-bottom:10px!important;margin-top:12px!important;padding:0!important}.sidebar.collapsed .flowdatch-logo{box-sizing:border-box;font-size:18px!important;font-size:15px!important;margin:0 auto!important;max-height:28px!important;max-height:22px!important;max-width:28px!important;max-width:22px!important;overflow:hidden}.fd-collapsed-logo{align-items:center;background:none;box-sizing:border-box;display:flex;height:36px;justify-content:center;margin-left:0!important;max-height:36px;max-width:36px;min-height:36px;min-width:36px;overflow:hidden;width:36px}.fd-collapsed-text{color:#1ec6ff;font-family:Montserrat,Arial,sans-serif;font-size:26px;font-weight:900;letter-spacing:-1px;line-height:1;text-shadow:0 0 8px #1ec6ff99,0 0 2px #fff;-webkit-user-select:none;user-select:none}.sidebar.collapsed .toggle-sidebar{align-items:center;display:flex;height:24px!important;justify-content:center;margin:0!important;max-height:24px!important;max-width:24px!important;min-height:24px!important;min-width:24px!important;padding:0!important;width:24px!important}.mobile-sidebar-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:9998}.mobile-sidebar-overlay.open{opacity:1;visibility:visible}.mobile-sidebar{background:var(--background-paper);box-shadow:2px 0 24px #00000026;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:9999}.mobile-sidebar.open{transform:translateX(0)}.mobile-sidebar-header{align-items:center;background:var(--background-paper);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.mobile-nav-brand{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:12px;text-decoration:none}.mobile-brand-text{color:var(--primary-color)}.mobile-user-info{align-items:center;background:var(--background-default);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:16px 20px}.mobile-user-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.mobile-user-details{flex:1 1}.mobile-username{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:2px}.mobile-user-role{color:var(--text-secondary);font-size:14px;letter-spacing:.5px;text-transform:uppercase}.mobile-sidebar-clock{align-items:center;background:rgba(var(--accent-color-rgb),.1);border-bottom:1px solid var(--border-color);display:flex;justify-content:center;padding:12px 20px}.mobile-clock-time{color:var(--primary-color);font-family:JetBrains Mono,Fira Mono,Consolas,monospace;font-size:18px;font-weight:700;text-shadow:0 0 8px rgba(var(--accent-color-rgb),.3)}.mobile-sidebar-menu{flex:1 1;overflow-y:auto;padding:16px 0}.mobile-sidebar-item{align-items:center;border-left:4px solid #0000;color:var(--text-primary);display:flex;gap:16px;padding:16px 20px;position:relative;text-decoration:none;transition:all .2s ease}.mobile-sidebar-item:hover{background:var(--hover-color)}.mobile-sidebar-item.active,.mobile-sidebar-item:hover{border-left-color:var(--primary-color);color:var(--primary-color)}.mobile-sidebar-item.active{background:rgba(var(--accent-color-rgb),.1);background:var(--background-active,rgba(var(--accent-color-rgb),.1));font-weight:600}.mobile-sidebar-item svg{flex-shrink:0;transition:color .2s ease}.mobile-sidebar-item.active svg,.mobile-sidebar-item:hover svg{color:var(--primary-color)}.mobile-playlists-icon{align-items:center;display:flex;height:20px;justify-content:center;position:relative;width:20px}.mobile-playlists-icon svg:first-child{color:var(--primary-color);position:absolute;transform:translate(-1px,-1px)}.mobile-playlists-icon svg:last-child{color:var(--warning-color);position:absolute;transform:translate(1px,1px)}.mobile-sidebar-footer{background:var(--background-paper);border-top:1px solid var(--border-color);padding:16px 20px}.mobile-sign-out-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--error-color);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:16px;padding:16px;transition:all .2s ease;width:100%}.mobile-sign-out-button:hover{background:rgba(var(--error-color),.1);color:var(--error-color)}.mobile-sign-out-button:disabled{cursor:not-allowed;opacity:.5}.mobile-sign-out-button svg{flex-shrink:0}[data-theme=dark] .mobile-sidebar{background:var(--background-paper);box-shadow:2px 0 24px #0000004d}[data-theme=dark] .mobile-sidebar-footer,[data-theme=dark] .mobile-sidebar-header{background:var(--background-paper);border-color:var(--border-color)}[data-theme=dark] .mobile-user-info{background:var(--background-default)}[data-theme=dark] .mobile-sidebar-clock{background:rgba(var(--accent-color-rgb),.15)}[data-theme=exclusive] .mobile-sidebar{background:var(--gradient-secondary);border-right:1px solid var(--primary-color);box-shadow:2px 0 24px #0ff3}[data-theme=exclusive] .mobile-sidebar-footer,[data-theme=exclusive] .mobile-sidebar-header{background:var(--gradient-secondary);border-color:var(--primary-color)}[data-theme=exclusive] .mobile-user-info{background:#1a1a2ecc;border-color:var(--primary-color)}[data-theme=exclusive] .mobile-sidebar-clock{background:#00ffff1a;border-color:var(--primary-color)}[data-theme=exclusive] .mobile-sidebar-item:hover{background:#00ffff1a;color:var(--primary-color)}[data-theme=exclusive] .mobile-sidebar-item.active{background:#00ffff26;color:var(--primary-color)}@media (max-width:480px){.mobile-sidebar{max-width:320px;width:100vw}.mobile-sidebar-header,.mobile-user-info{padding:12px 16px}.mobile-sidebar-item{padding:14px 16px}.mobile-sidebar-footer{padding:12px 16px}}@media (max-width:360px){.mobile-sidebar{width:100vw}.mobile-brand-text{font-size:16px}.mobile-username{font-size:15px}.mobile-user-role{font-size:13px}}.mobile-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-paper);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;display:flex;height:60px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1001}.mobile-header-left,.mobile-header-right{align-items:center;display:flex;min-width:48px}.mobile-header-center{align-items:center;display:flex;flex:1 1;justify-content:center;padding:0 16px}.mobile-header-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0;max-width:200px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-back-button,.mobile-menu-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.mobile-back-button:hover,.mobile-menu-button:hover{background:var(--hover-color);color:var(--primary-color)}.mobile-back-button:active,.mobile-menu-button:active{transform:scale(.95)}[data-theme=dark] .mobile-header{background:var(--background-paper);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d}[data-theme=exclusive] .mobile-header{background:var(--gradient-secondary);border-color:var(--primary-color);box-shadow:0 2px 8px #0ff3}[data-theme=exclusive] .mobile-header-title{color:var(--primary-color);text-shadow:0 0 8px #00ffff4d}[data-theme=exclusive] .mobile-back-button:hover,[data-theme=exclusive] .mobile-menu-button:hover{background:#00ffff1a;box-shadow:0 0 8px #00ffff4d;color:var(--primary-color)}@media (max-width:480px){.mobile-header{height:56px;padding:0 12px}.mobile-header-title{font-size:16px;max-width:150px}.mobile-header-center{padding:0 8px}}@media (max-width:360px){.mobile-header{height:52px;padding:0 8px}.mobile-header-title{font-size:15px;max-width:120px}.mobile-header-center{padding:0 4px}}@media (min-width:769px){.mobile-header{display:none}}.mobile-navigation{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-paper);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 16px #0000001a;display:flex;height:70px;justify-content:space-around;left:0;padding:8px 0;position:fixed;right:0;z-index:1000}.mobile-nav-item{align-items:center;border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:8px 12px;position:relative;text-decoration:none;transition:all .2s ease}.mobile-nav-item:hover{background:var(--hover-color);color:var(--primary-color)}.mobile-nav-item.active{background:rgba(var(--accent-color-rgb),.1);color:var(--primary-color)}.mobile-nav-icon{align-items:center;display:flex;justify-content:center;margin-bottom:4px;transition:transform .2s ease}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.1)}.mobile-nav-label{font-size:11px;font-weight:500;line-height:1;max-width:60px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .mobile-navigation{background:var(--background-paper);border-color:var(--border-color);box-shadow:0 -2px 16px #0000004d}[data-theme=dark] .mobile-nav-item.active{background:rgba(var(--accent-color-rgb),.15)}[data-theme=exclusive] .mobile-navigation{background:var(--gradient-secondary);border-color:var(--primary-color);box-shadow:0 -2px 16px #0ff3}[data-theme=exclusive] .mobile-nav-item:hover{background:#00ffff1a;color:var(--primary-color)}[data-theme=exclusive] .mobile-nav-item.active{background:#00ffff26;box-shadow:0 0 8px #00ffff4d;color:var(--primary-color)}@media (max-width:480px){.mobile-navigation{height:65px;padding:6px 0}.mobile-nav-item{min-width:50px;padding:6px 8px}.mobile-nav-label{font-size:10px;max-width:50px}.mobile-nav-icon{margin-bottom:2px}}@media (max-width:360px){.mobile-navigation{height:60px;padding:4px 0}.mobile-nav-item{min-width:45px;padding:4px 6px}.mobile-nav-label{font-size:9px;max-width:45px}}@media (min-width:769px){.mobile-navigation{display:none}}.track-grid-section{border-radius:18px;margin-bottom:0;max-width:100%;overflow-x:hidden;padding:0 0 24px;position:relative;width:100%;z-index:1}.new-bg,.recommended-bg{background:#0000;border-radius:12px;box-shadow:none;margin:0 24px;padding:16px;position:relative}.new-bg .section-inner,.recommended-bg .section-inner,.track-grid-section .section-inner{display:flex;flex-direction:column;margin:0 auto;max-width:1600px;padding:16px}.track-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0;z-index:3}.track-grid-header h2{color:var(--text-primary);font-size:clamp(28px,4vw,36px);font-weight:800;margin:0}.track-grid-container{overflow-x:hidden;padding:0;position:relative;width:100%}.track-grid{grid-gap:24px;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0 12px;width:100%}@media (max-width:1200px){.track-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:900px){.track-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.track-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:0 8px}}@media (max-width:600px){.track-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:0 4px}}@media (max-width:480px){.track-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:0 2px}}@media (max-width:360px){.track-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:0}}.track-grid::-webkit-scrollbar{display:none}.track-card{box-shadow:0 2px 12px #00b0ff12,0 1.5px 6px #0000000a;color:inherit;cursor:pointer;min-height:200px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@media (max-width:768px){.track-card{border-radius:10px;min-height:180px}}@media (max-width:600px){.track-card{border-radius:8px;min-height:160px}}@media (max-width:480px){.track-card{border-radius:6px;min-height:140px}}@media (max-width:360px){.track-card{border-radius:4px;min-height:120px}}@media (max-width:900px){.tracks-grid{gap:24px;max-width:98vw}.track-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:0 4px}.track-grid-header h2{font-size:24px}}@media (max-width:600px){.new-bg,.recommended-bg{margin:0 16px;padding:16px}.track-grid-section .section-inner{padding:16px}.show-more-link{padding:6px 12px}.track-cover{border-radius:10px;border-width:1.5px}.track-cover img{border-radius:8px}}.track-grid:not(:has(.track-card~.track-card)),.track-grid:only-child{justify-content:flex-start}.track-cover{background:var(--background-paper);border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:8px;overflow:hidden;padding-top:100%;position:relative}@media (max-width:768px){.track-cover{border-radius:10px;margin-bottom:6px}}@media (max-width:600px){.track-cover{border-radius:8px;margin-bottom:4px}}@media (max-width:480px){.track-cover{border-radius:6px;margin-bottom:3px}}@media (max-width:360px){.track-cover{border-radius:4px;margin-bottom:2px}}.track-cover img{border-radius:12px;display:block;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.track-cover img,.track-cover-placeholder{background:var(--background-paper);height:100%;left:0;position:absolute;top:0;width:100%}.track-cover-placeholder{align-items:center;display:flex;justify-content:center}.track-card:hover .track-cover img{transform:scale(1.05)}.track-duration{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:11px;padding:3px 6px;position:absolute;right:8px;z-index:1}.track-info{background:#0000;padding:16px}.track-info h3{color:var(--text-primary);font-size:clamp(17px,2.8vw,20px);font-weight:700;margin:0 0 2px}.track-info h3,.track-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info p{color:var(--text-secondary);font-size:clamp(15px,2.2vw,18px);margin:0 0 8px}.track-stats{font-size:12px;gap:8px;margin-top:auto}.track-stats span{align-items:center;display:flex;gap:4px;transition:color .2s ease}.track-stats span:hover{color:var(--primary-color)}.heart-icon,.play-icon{color:var(--accent-color);font-size:14px}.track-card:after{background:linear-gradient(180deg,#0000 50%,#000000b3);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.track-card:hover:after{opacity:1}.track-cover .play-button{align-items:center;background:var(--primary-color);border:none;border-radius:50%;box-shadow:none;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:2}.track-card:hover .play-button{transform:translate(-50%,-50%) scale(1)}.play-button:hover{background:var(--primary-hover);box-shadow:0 6px 25px #00b0ff99;transform:translate(-50%,-50%) scale(1.1)!important}.play-button:active{transform:translate(-50%,-50%) scale(.95)!important}.scroll-button{display:none}.new-bg{background:linear-gradient(120deg,#00b0ff1a,#6a82fb0a);box-shadow:none}.recommended-bg{background:linear-gradient(120deg,#fbbf2414,#6a82fb0a);box-shadow:none}.track-card:hover{border-radius:20px;box-shadow:0 12px 40px #00b0ff21,0 6px 24px #0000001a;transform:translateY(-5px)}.show-more-link{background:var(--hover-color);color:var(--primary-color);font-size:clamp(14px,2vw,16px);transition:all .2s ease}.show-more-link:hover{background:var(--primary-hover);color:var(--text-primary)}@media (min-width:900px){.track-cover{max-height:160px;max-width:160px;min-height:96px;min-width:96px}}.track-grid-section.recommended-bg{background:linear-gradient(120deg,#fbbf2414,#6a82fb0a)}.track-grid-section.new-bg{background:linear-gradient(120deg,#00b0ff1a,#6a82fb0a)}.fade-in{animation:fadeInUp .7s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(24px)}.show-more-link.btn{background:linear-gradient(90deg,#00b0ff,#6a82fb);border:none;box-shadow:0 2px 8px #00b0ff1a;color:#fff;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s}.show-more-link.btn:hover{background:linear-gradient(90deg,#0090dd,#4e5ed3);box-shadow:0 6px 24px #00b0ff2e;color:#fff;transform:translateY(-2px) scale(1.04)}.empty-track-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1.2rem;justify-content:center;opacity:.7;padding:32px 0 24px;text-align:center;width:100%}.empty-track-placeholder svg{font-size:2.5rem;margin-bottom:10px;opacity:.5}.track-grid.horizontal-scroll{-ms-overflow-style:none;display:flex;flex-direction:row;gap:28px;overflow-x:auto;overflow-y:visible;padding:8px 0 18px;scrollbar-width:none}.track-grid.horizontal-scroll::-webkit-scrollbar{display:none}.scroll-button{opacity:0;pointer-events:none;transition:opacity .18s,background .18s,color .18s,box-shadow .18s,transform .18s}.track-grid-container:focus-within .scroll-button,.track-grid-container:hover .scroll-button,.track-grid-section:focus-within .scroll-button,.track-grid-section:hover .scroll-button{opacity:1;pointer-events:auto}@media (max-width:600px){.scroll-button{font-size:.95rem;height:32px;width:32px}.scroll-button.left{left:-6px}.scroll-button.right{right:-6px}.scroll-button{opacity:1!important;pointer-events:auto!important}}.square-card{background:var(--background-paper);border-radius:16px;box-shadow:0 8px 32px #00b0ff21,0 2px 8px #00000014;display:flex;flex-direction:column;height:320px;margin-bottom:0;max-width:250px;min-width:200px;overflow:visible;position:relative;transition:box-shadow .25s,transform .25s;width:100%}@media (max-width:1200px){.square-card{border-radius:14px;height:300px;max-width:220px;min-width:180px}}@media (max-width:900px){.square-card{border-radius:12px;height:280px;max-width:200px;min-width:160px}}@media (max-width:768px){.square-card{border-radius:10px;height:260px;max-width:180px;min-width:140px}}@media (max-width:600px){.square-card{border-radius:8px;height:240px;max-width:160px;min-width:120px}}@media (max-width:480px){.square-card{border-radius:6px;height:220px;max-width:140px;min-width:100px}}@media (max-width:360px){.square-card{border-radius:4px;height:200px;max-width:120px;min-width:80px}}.square-card:hover{box-shadow:0 16px 48px #00b0ff2e,0 8px 32px #00000021;transform:translateY(-8px) scale(1.045)}.square-card .track-cover{aspect-ratio:1/1;background:#222;flex-shrink:0;overflow:visible;position:relative;z-index:2}.square-card .track-cover,.square-card .track-cover img{border-radius:22px 22px 18px 18px;box-shadow:0 8px 32px 0 #00b0ff1a,0 2px 8px #0000001a;width:100%}.square-card .track-cover img{height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .3s}.square-card:hover .track-cover img{box-shadow:0 16px 48px 0 #00b0ff2e,0 8px 32px #00000021;transform:scale(1.09)}.square-card .track-cover:after{background:linear-gradient(180deg,#0000,#00b0ff12);border-radius:0 0 18px 18px;bottom:-18px;content:"";filter:blur(2px);height:32px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.square-card .play-button{align-items:center;background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);border:none;border-radius:50%;box-shadow:0 4px 24px 0 #00b0ff38,0 2px 8px #0000001a;color:#fff;display:flex;font-size:2rem;height:62px;justify-content:center;left:50%;opacity:.96;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transition:background .2s,transform .2s,box-shadow .2s;width:62px;z-index:3}.square-card:hover .play-button{background:#fff;box-shadow:0 12px 40px 0 #00b0ff47,0 8px 32px #00000021;color:var(--primary-color);filter:drop-shadow(0 0 16px #00b0ff88);opacity:1;transform:translate(-50%,-50%) scale(1.13)}.square-card .track-info{align-items:flex-start;background:#0000;display:flex;flex:1 1;flex-direction:column;padding:22px 16px 10px;width:100%;z-index:3}.square-card .track-info h3{color:var(--text-primary);font-size:1.18rem;font-weight:800;letter-spacing:-.01em;line-height:1.18;margin:0 0 6px}.square-card .track-info h3,.square-card .track-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.square-card .track-info p{color:#00b0ff;color:var(--primary-color,#00b0ff);font-size:1.01rem;font-weight:600;letter-spacing:.01em;margin:0;opacity:.92}@media (max-width:900px){.square-card{border-radius:14px;height:220px;max-width:160px;min-width:160px;width:160px}.square-card .track-cover,.square-card .track-cover img{border-radius:14px 14px 12px 12px}.square-card .track-info{padding:12px 8px 6px}.square-card .track-info h3{font-size:1rem;margin-bottom:4px}.square-card .track-info p{font-size:.93rem}}@media (max-width:600px){.square-card{border-radius:12px;height:64vw;max-width:92vw;min-width:92vw;width:92vw}.square-card .track-cover,.square-card .track-cover img{border-radius:12px 12px 10px 10px}.square-card .track-info{padding:10px 6px 4px}.square-card .track-info h3{font-size:.98rem;margin-bottom:3px}.square-card .track-info p{font-size:.89rem}}.square-card .track-stats{display:none!important}.scroll-button{align-items:center;background:linear-gradient(135deg,#fff 60%,#e3f2fd);border:2px solid #00b0ff;border:2px solid var(--primary-color,#00b0ff);border-radius:50%;box-shadow:0 4px 16px #00b0ff1a,0 1.5px 6px #0000000a;color:#00b0ff;color:var(--primary-color,#00b0ff);cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;margin:0;opacity:.92;outline:none;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .18s,color .18s,box-shadow .18s,transform .18s;-webkit-user-select:none;user-select:none;width:44px;z-index:10}.scroll-button.left{left:-18px}.scroll-button.right{right:-18px}.scroll-button:focus,.scroll-button:hover{background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);background:linear-gradient(135deg,var(--primary-color,#00b0ff) 60%,#4fc3f7 100%);box-shadow:0 8px 32px #00b0ff2e,0 4px 16px #0000001a;color:#fff;transform:translateY(-50%) scale(1.08)}.scroll-button:active{transform:translateY(-50%) scale(.97)}@media (max-width:900px){.scroll-button{font-size:1rem;height:36px;width:36px}.scroll-button.left{left:-10px}.scroll-button.right{right:-10px}}@media (max-width:600px){.scroll-button{font-size:.95rem;height:32px;width:32px}.scroll-button.left{left:-6px}.scroll-button.right{right:-6px}}:root{--section-bg-light:#fff;--section-bg-hover:#f8fafc}.new-bg,.recommended-bg,.track-grid-section{background:#fff!important;background:var(--section-bg-light)!important;border-radius:18px;box-shadow:var(--shadow-card);transition:background .3s,box-shadow .3s}[data-theme=dark] .new-bg,[data-theme=dark] .recommended-bg,[data-theme=dark] .track-grid-section{background:linear-gradient(120deg,#283250f2,#1e1e28fa)!important;box-shadow:none}[data-theme=exclusive] .new-bg,[data-theme=exclusive] .recommended-bg,[data-theme=exclusive] .track-grid-section{background:linear-gradient(120deg,#181c24,#0a0a0f)!important;box-shadow:0 0 32px #00eaff99,0 0 8px #fff2}.new-bg .track-grid-header h2,.recommended-bg .track-grid-header h2{color:var(--text-primary);text-shadow:none}.mobile-track-card{background:var(--background-paper);border:1px solid var(--border-color);border-radius:14px;border-radius:var(--mobile-card-radius,14px);box-shadow:0 2px 8px #0000001a;margin:12px 0;margin:var(--mobile-spacing,12px) 0;overflow:hidden;padding:16px;padding:var(--mobile-padding,16px);position:relative;transition:all .2s ease}.mobile-track-card:active{box-shadow:0 1px 4px #00000026;transform:scale(.98)}.mobile-track-card.compact{margin:8px 0;padding:12px;padding:var(--mobile-small-padding,12px)}.mobile-track-card-cover{aspect-ratio:1;background:var(--background-paper);border-radius:12px;border-radius:var(--mobile-border-radius,12px);box-shadow:0 2px 8px #0000001a;margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);overflow:hidden;position:relative;width:100%}.mobile-track-card-cover img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.mobile-track-card:hover .mobile-track-card-cover img{transform:scale(1.05)}.mobile-play-button{align-items:center;background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 4px 16px #0003;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:48px;z-index:2}.mobile-track-card:active .mobile-play-button,.mobile-track-card:hover .mobile-play-button{opacity:1}.mobile-play-button:active{transform:translate(-50%,-50%) scale(.9)}.mobile-track-duration{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:11px;padding:4px 6px;position:absolute;right:8px;z-index:1}.mobile-track-card-info{display:flex;flex-direction:column;gap:4px}.mobile-track-title{line-height:1.3;margin:0}.mobile-track-artist{text-decoration:none;transition:color .2s ease}.mobile-track-artist:hover{color:var(--primary-color)}.mobile-track-stats{border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:8px;padding-top:8px}.mobile-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:4px}.mobile-stat svg{color:var(--accent-color)}.mobile-loading-spinner{align-items:center;display:flex;height:20px;justify-content:center;width:20px}@media (max-width:480px){.mobile-track-card{margin:8px 0;padding:12px}.mobile-track-card.compact{margin:6px 0;padding:8px}.mobile-track-card-cover{margin-bottom:8px}.mobile-play-button{height:40px;width:40px}.mobile-track-title{font-size:.95rem}.mobile-track-artist{font-size:.85rem}.mobile-track-stats{gap:8px;margin-top:6px;padding-top:6px}.mobile-stat{font-size:.75rem}}@media (max-width:360px){.mobile-track-card{margin:6px 0;padding:10px}.mobile-track-card.compact{margin:4px 0;padding:6px}.mobile-track-card-cover{margin-bottom:6px}.mobile-play-button{height:36px;width:36px}.mobile-track-title{font-size:.9rem}.mobile-track-artist{font-size:.8rem}.mobile-track-stats{gap:6px;margin-top:4px;padding-top:4px}.mobile-stat{font-size:.7rem}}[data-theme=dark] .mobile-track-card{background:var(--background-paper);border-color:var(--border-color)}[data-theme=dark] .mobile-track-card-cover{background:var(--background-paper)}[data-theme=dark] .mobile-track-duration{background:#ffffffe6;color:var(--text-primary)}[data-theme=exclusive] .mobile-track-card{background:linear-gradient(135deg,#181c24e6,#0a0a0ff2);border:1px solid #00eaff33;box-shadow:0 4px 16px #00eaff1a}[data-theme=exclusive] .mobile-track-card:hover{border-color:#00eaff66;box-shadow:0 8px 24px #00eaff33}[data-theme=exclusive] .mobile-play-button{background:linear-gradient(135deg,#00eaff,#00b0ff);box-shadow:0 4px 16px #00eaff4d}[data-theme=exclusive] .mobile-stat svg,[data-theme=exclusive] .mobile-track-artist{color:#00eaff}.mobile-track-grid-section{border-radius:16px;border-radius:var(--mobile-large-radius,16px);margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);max-width:100%;overflow-x:hidden;padding:0 0 24px;position:relative;width:100%;z-index:1}.mobile-track-grid-section.compact{padding:0 0 16px}.mobile-track-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0;z-index:3}.mobile-track-grid-container{overflow-x:hidden;padding:0;position:relative;width:100%}.mobile-track-grid{grid-gap:14px;box-sizing:border-box;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:0 8px;width:100%}.mobile-track-grid::-webkit-scrollbar{display:none}.mobile-empty-track-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1.1rem;gap:12px;justify-content:center;opacity:.7;padding:32px 0 24px;text-align:center;width:100%}.mobile-empty-track-placeholder svg{color:var(--text-secondary);opacity:.5}.mobile-scroll-button{align-items:center;background:var(--background-paper);border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 4px 16px #0000001a;color:var(--primary-color);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;margin:0;opacity:.9;outline:none;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;-webkit-user-select:none;user-select:none;width:36px;z-index:10}.mobile-scroll-button.left{left:-8px}.mobile-scroll-button.right{right:-8px}.mobile-scroll-button:active{background:var(--primary-color);box-shadow:0 6px 20px #00000026;color:#fff;transform:translateY(-50%) scale(.95)}@media (max-width:1200px){.mobile-track-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:900px){.mobile-track-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:768px){.mobile-track-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding:0 4px}.mobile-section-title{font-size:1.3rem}.mobile-scroll-button{font-size:.9rem;height:32px;width:32px}.mobile-scroll-button.left{left:-6px}.mobile-scroll-button.right{right:-6px}}@media (max-width:600px){.mobile-track-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:0 2px}.mobile-section-title{font-size:1.2rem}.mobile-show-more-link{font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.mobile-track-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));padding:0}.mobile-section-title{font-size:1.1rem}.mobile-scroll-button{font-size:.8rem;height:28px;width:28px}.mobile-scroll-button.left{left:-4px}.mobile-scroll-button.right{right:-4px}}@media (max-width:360px){.mobile-track-grid{gap:3px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.mobile-section-title{font-size:1rem}.mobile-scroll-button{font-size:.7rem;height:24px;width:24px}.mobile-scroll-button.left{left:-2px}.mobile-scroll-button.right{right:-2px}}[data-theme=dark] .mobile-track-grid-section{background:var(--background-paper)}[data-theme=dark] .mobile-scroll-button{background:var(--background-paper);border-color:var(--primary-color);box-shadow:0 4px 16px #0003;color:var(--primary-color)}[data-theme=dark] .mobile-scroll-button:active{background:var(--primary-color);color:#fff}[data-theme=exclusive] .mobile-track-grid-section{background:linear-gradient(135deg,#181c24e6,#0a0a0ff2);border:1px solid #00eaff1a;box-shadow:0 4px 16px #00eaff0d}[data-theme=exclusive] .mobile-scroll-button{background:#00eaff1a;border-color:#00eaff;box-shadow:0 4px 16px #00eaff33;color:#00eaff}[data-theme=exclusive] .mobile-scroll-button:active{background:#00eaff;box-shadow:0 6px 20px #00eaff66;color:var(--text-primary)}.mobile-artist-card{align-items:center;background:var(--background-paper);border:1px solid var(--border-color);border-radius:14px;border-radius:var(--mobile-card-radius,14px);box-shadow:0 2px 8px #0000001a;color:inherit;display:flex;flex-direction:column;margin:12px 0;margin:var(--mobile-spacing,12px) 0;max-width:160px;min-width:120px;overflow:hidden;padding:16px;padding:var(--mobile-padding,16px);position:relative;text-decoration:none;transition:all .2s ease}.mobile-artist-card:active{box-shadow:0 1px 4px #00000026;transform:scale(.98)}.mobile-artist-card.compact{margin:8px 0;max-width:140px;min-width:100px;padding:12px;padding:var(--mobile-small-padding,12px)}.mobile-artist-avatar{background:var(--background-paper);border:2px solid var(--border-color);box-shadow:0 2px 8px #0000001a;height:60px;margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);position:relative;width:60px}.mobile-artist-card.compact .mobile-artist-avatar{height:50px;margin-bottom:8px;width:50px}.mobile-artist-avatar img{display:block;transition:transform .3s ease}.mobile-artist-card:hover .mobile-artist-avatar img{transform:scale(1.05)}.mobile-artist-avatar-fallback{background:var(--primary-color);height:100%;width:100%}.mobile-artist-avatar-fallback,.mobile-artist-badge{align-items:center;color:#fff;display:flex;justify-content:center}.mobile-artist-badge{background:var(--accent-color);border:2px solid var(--background-paper);border-radius:50%;bottom:-2px;box-shadow:0 2px 4px #0003;height:20px;position:absolute;right:-2px;width:20px}.mobile-artist-info{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.mobile-artist-name{font-size:.9rem;line-height:1.3;margin:0;text-align:center;width:100%}.mobile-artist-card.compact .mobile-artist-name{font-size:.85rem}.mobile-artist-stats{border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:center;margin-top:4px;padding-top:4px;width:100%}.mobile-artist-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:3px}.mobile-artist-stat svg{color:var(--accent-color)}@media (max-width:480px){.mobile-artist-card{margin:8px 0;max-width:140px;min-width:100px;padding:12px}.mobile-artist-card.compact{margin:6px 0;max-width:120px;min-width:80px;padding:8px}.mobile-artist-avatar{height:50px;margin-bottom:8px;width:50px}.mobile-artist-card.compact .mobile-artist-avatar{height:40px;margin-bottom:6px;width:40px}.mobile-artist-name{font-size:.85rem}.mobile-artist-card.compact .mobile-artist-name{font-size:.8rem}.mobile-artist-stats{gap:6px;margin-top:3px;padding-top:3px}.mobile-artist-stat{font-size:.7rem}}@media (max-width:360px){.mobile-artist-card{margin:6px 0;max-width:120px;min-width:80px;padding:10px}.mobile-artist-card.compact{margin:4px 0;max-width:100px;min-width:70px;padding:6px}.mobile-artist-avatar{height:45px;margin-bottom:6px;width:45px}.mobile-artist-card.compact .mobile-artist-avatar{height:35px;margin-bottom:4px;width:35px}.mobile-artist-name{font-size:.8rem}.mobile-artist-card.compact .mobile-artist-name{font-size:.75rem}.mobile-artist-stats{gap:4px;margin-top:2px;padding-top:2px}.mobile-artist-stat{font-size:.65rem}}[data-theme=dark] .mobile-artist-avatar,[data-theme=dark] .mobile-artist-card{background:var(--background-paper);border-color:var(--border-color)}[data-theme=dark] .mobile-artist-avatar-fallback{background:var(--primary-color);color:#fff}[data-theme=dark] .mobile-artist-badge{background:var(--accent-color);border-color:var(--background-paper);color:#fff}[data-theme=dark] .mobile-artist-stats{border-top-color:var(--border-color)}[data-theme=exclusive] .mobile-artist-card{background:linear-gradient(135deg,#181c24e6,#0a0a0ff2);border:1px solid #00eaff33;box-shadow:0 4px 16px #00eaff1a}[data-theme=exclusive] .mobile-artist-card:hover{border-color:#00eaff66;box-shadow:0 8px 24px #00eaff33}[data-theme=exclusive] .mobile-artist-avatar{background:var(--background-paper);border-color:#00eaff4d;box-shadow:0 2px 8px #00eaff1a}[data-theme=exclusive] .mobile-artist-avatar-fallback{background:linear-gradient(135deg,#00eaff,#00b0ff);color:var(--text-primary)}[data-theme=exclusive] .mobile-artist-badge{background:#00eaff;border-color:var(--background-paper);box-shadow:0 2px 4px #00eaff4d;color:var(--text-primary)}[data-theme=exclusive] .mobile-artist-name{color:#00eaff}[data-theme=exclusive] .mobile-artist-stats{border-top-color:#00eaff33}[data-theme=exclusive] .mobile-artist-stat{color:#00eaffb3}[data-theme=exclusive] .mobile-artist-stat svg{color:#00eaff}.mobile-artist-grid-section{border-radius:16px;border-radius:var(--mobile-large-radius,16px);margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);max-width:100%;overflow-x:hidden;padding:0 0 24px;position:relative;width:100%;z-index:1}.mobile-artist-grid-section.compact{padding:0 0 16px}.mobile-artist-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0;z-index:3}.mobile-artist-grid{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:0 8px;width:100%}.mobile-empty-artist-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1.1rem;gap:12px;justify-content:center;opacity:.7;padding:32px 0 24px;text-align:center;width:100%}.mobile-empty-artist-placeholder svg{color:var(--text-secondary);opacity:.5}@media (max-width:1200px){.mobile-artist-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width:900px){.mobile-artist-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:768px){.mobile-artist-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));padding:0 4px}.mobile-section-title{font-size:1.3rem}}@media (max-width:600px){.mobile-artist-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:0 2px}.mobile-section-title{font-size:1.2rem}.mobile-show-more-link{font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.mobile-artist-grid{gap:3px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));padding:0}.mobile-section-title{font-size:1.1rem}}@media (max-width:360px){.mobile-artist-grid{gap:2px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.mobile-section-title{font-size:1rem}}[data-theme=dark] .mobile-artist-grid-section{background:var(--background-paper)}[data-theme=exclusive] .mobile-artist-grid-section{background:linear-gradient(135deg,#181c24e6,#0a0a0ff2);border:1px solid #00eaff1a;box-shadow:0 4px 16px #00eaff0d}.mobile-event-card{background:var(--background-paper);border:1px solid var(--border-color);border-radius:14px;border-radius:var(--mobile-card-radius,14px);box-shadow:0 2px 8px #0000001a;color:inherit;display:flex;flex-direction:column;margin:12px 0;margin:var(--mobile-spacing,12px) 0;min-height:200px;overflow:hidden;padding:16px;padding:var(--mobile-padding,16px);position:relative;text-decoration:none;transition:all .2s ease}.mobile-event-card:active{box-shadow:0 1px 4px #00000026;transform:scale(.98)}.mobile-event-card.compact{margin:8px 0;min-height:160px;padding:12px;padding:var(--mobile-small-padding,12px)}.mobile-event-image{background:var(--background-paper);border-radius:12px;border-radius:var(--mobile-border-radius,12px);box-shadow:0 2px 8px #0000001a;height:120px;margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);overflow:hidden;position:relative;width:100%}.mobile-event-card.compact .mobile-event-image{height:100px;margin-bottom:8px}.mobile-event-image img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.mobile-event-card:hover .mobile-event-image img{transform:scale(1.05)}.mobile-event-image-placeholder{align-items:center;background:var(--primary-color);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.mobile-event-date{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border-radius:8px;color:#fff;min-width:50px;padding:8px;position:absolute;right:8px;text-align:center;top:8px}.mobile-event-date-day{font-size:1.2rem;font-weight:700;line-height:1}.mobile-event-date-month{font-size:.8rem;font-weight:600;margin-top:2px;text-transform:uppercase}.mobile-event-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.mobile-event-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.mobile-event-card.compact .mobile-event-title{font-size:1rem}.mobile-event-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0;overflow:hidden}.mobile-event-card.compact .mobile-event-description{-webkit-line-clamp:2;font-size:.85rem}.mobile-event-details{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:8px}.mobile-event-detail{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:6px}.mobile-event-detail svg{color:var(--accent-color);flex-shrink:0}.mobile-event-detail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.mobile-event-card{margin:8px 0;min-height:180px;padding:12px}.mobile-event-card.compact{margin:6px 0;min-height:140px;padding:8px}.mobile-event-image{height:100px;margin-bottom:8px}.mobile-event-card.compact .mobile-event-image{height:80px;margin-bottom:6px}.mobile-event-title{font-size:1rem}.mobile-event-card.compact .mobile-event-title{font-size:.95rem}.mobile-event-description{font-size:.85rem}.mobile-event-card.compact .mobile-event-description{font-size:.8rem}.mobile-event-details{gap:3px;margin-top:6px;padding-top:6px}.mobile-event-detail{font-size:.75rem}}@media (max-width:360px){.mobile-event-card{margin:6px 0;min-height:160px;padding:10px}.mobile-event-card.compact{margin:4px 0;min-height:120px;padding:6px}.mobile-event-image{height:80px;margin-bottom:6px}.mobile-event-card.compact .mobile-event-image{height:60px;margin-bottom:4px}.mobile-event-title{font-size:.95rem}.mobile-event-card.compact .mobile-event-title{font-size:.9rem}.mobile-event-description{font-size:.8rem}.mobile-event-card.compact .mobile-event-description{font-size:.75rem}.mobile-event-details{gap:2px;margin-top:4px;padding-top:4px}.mobile-event-detail{font-size:.7rem}}[data-theme=dark] .mobile-event-card{background:var(--background-paper);border-color:var(--border-color)}[data-theme=dark] .mobile-event-image{background:var(--background-paper)}[data-theme=dark] .mobile-event-image-placeholder{background:var(--primary-color);color:#fff}[data-theme=dark] .mobile-event-date{background:#ffffffe6;color:var(--text-primary)}[data-theme=dark] .mobile-event-details{border-top-color:var(--border-color)}[data-theme=exclusive] .mobile-event-card{background:linear-gradient(135deg,#181c24e6,#0a0a0ff2);border:1px solid #00eaff33;box-shadow:0 4px 16px #00eaff1a}[data-theme=exclusive] .mobile-event-card:hover{border-color:#00eaff66;box-shadow:0 8px 24px #00eaff33}[data-theme=exclusive] .mobile-event-image{background:var(--background-paper);box-shadow:0 2px 8px #00eaff1a}[data-theme=exclusive] .mobile-event-image-placeholder{background:linear-gradient(135deg,#00eaff,#00b0ff);color:var(--text-primary)}[data-theme=exclusive] .mobile-event-date{background:#00eaffe6;box-shadow:0 2px 8px #00eaff4d;color:var(--text-primary)}[data-theme=exclusive] .mobile-event-title{color:#00eaff}[data-theme=exclusive] .mobile-event-description{color:#00eaffb3}[data-theme=exclusive] .mobile-event-details{border-top-color:#00eaff33}[data-theme=exclusive] .mobile-event-detail{color:#00eaffb3}[data-theme=exclusive] .mobile-event-detail svg{color:#00eaff}.mobile-event-grid-section{border-radius:16px;border-radius:var(--mobile-large-radius,16px);margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);max-width:100%;overflow-x:hidden;padding:0 0 24px;position:relative;width:100%;z-index:1}.mobile-event-grid-section.compact{padding:0 0 16px}.mobile-event-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0;z-index:3}.mobile-event-grid-container{overflow-x:hidden;padding:0;position:relative;width:100%}.mobile-event-grid{grid-gap:12px;-webkit-overflow-scrolling:touch;box-sizing:border-box;display:grid;gap:12px;grid-auto-columns:80%;grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding:0 8px;scroll-snap-type:x mandatory;touch-action:pan-x;width:100%}.mobile-event-grid>*{scroll-snap-align:start}.mobile-event-grid::-webkit-scrollbar{display:none}.mobile-event-grid{scrollbar-width:none}.mobile-event-scroll-button{align-items:center;background:var(--background-paper);border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 4px 16px #0000001a;color:var(--primary-color);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;margin:0;opacity:.9;outline:none;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;-webkit-user-select:none;user-select:none;width:36px;z-index:10}.mobile-event-scroll-button.left{left:-8px}.mobile-event-scroll-button.right{right:-8px}.mobile-event-scroll-button:active{background:var(--primary-color);box-shadow:0 6px 20px #00000026;color:#fff;transform:translateY(-50%) scale(.95)}.mobile-empty-event-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1.1rem;gap:12px;justify-content:center;opacity:.7;padding:32px 0 24px;text-align:center;width:100%}.mobile-empty-event-placeholder svg{color:var(--text-secondary);opacity:.5}@media (max-width:1200px){.mobile-event-grid{grid-auto-columns:70%}}@media (max-width:900px){.mobile-event-grid{grid-auto-columns:65%}}@media (max-width:768px){.mobile-event-grid{grid-auto-columns:85%;padding:0 4px}.mobile-section-title{font-size:1.3rem}}@media (max-width:600px){.mobile-event-grid{gap:10px;grid-auto-columns:90%;padding:0 2px}.mobile-section-title{font-size:1.2rem}.mobile-show-more-link{font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.mobile-event-grid{gap:8px;grid-auto-columns:92%;padding:0}.mobile-section-title{font-size:1.1rem}}@media (max-width:360px){.mobile-event-grid{gap:8px;grid-auto-columns:94%}.mobile-section-title{font-size:1rem}}[data-theme=dark] .mobile-event-grid-section{background:var(--background-paper)}[data-theme=exclusive] .mobile-event-grid-section{background:linear-gradient(135deg,#181c24e6,#0a0a0ff2);border:1px solid #00eaff1a;box-shadow:0 4px 16px #00eaff0d}.mobile-community-card{background:var(--background-paper);border:1px solid var(--border-color);border-radius:14px;border-radius:var(--mobile-card-radius,14px);box-shadow:0 2px 8px #0000001a;color:inherit;display:flex;flex-direction:column;margin:12px 0;margin:var(--mobile-spacing,12px) 0;min-height:180px;overflow:hidden;padding:16px;padding:var(--mobile-padding,16px);position:relative;text-decoration:none;transition:all .2s ease}.mobile-community-card:active{box-shadow:0 1px 4px #00000026;transform:scale(.98)}.mobile-community-card.compact{margin:8px 0;min-height:140px;padding:12px;padding:var(--mobile-small-padding,12px)}.mobile-community-avatar{align-self:center;background:var(--background-paper);border:2px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0000001a;height:60px;margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);overflow:hidden;width:60px}.mobile-community-card.compact .mobile-community-avatar{height:50px;margin-bottom:8px;width:50px}.mobile-community-avatar img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.mobile-community-card:hover .mobile-community-avatar img{transform:scale(1.05)}.mobile-community-avatar-fallback{align-items:center;background:var(--primary-color);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.mobile-community-info{display:flex;flex:1 1;flex-direction:column;gap:8px;text-align:center}.mobile-community-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-community-card.compact .mobile-community-name{font-size:1rem}.mobile-community-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0;overflow:hidden}.mobile-community-card.compact .mobile-community-description{-webkit-line-clamp:1;font-size:.85rem}.mobile-community-meta{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px}.mobile-community-owner{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:6px;justify-content:center}.mobile-community-owner-avatar{border-radius:50%;height:20px;object-fit:cover;width:20px}.mobile-community-owner-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-community-owner-badge{align-items:center;background:var(--accent-color);border-radius:10px;color:#fff;display:flex;font-size:.7rem;font-weight:600;gap:3px;padding:2px 6px}.mobile-community-stats{display:flex;gap:12px;justify-content:center}.mobile-community-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:4px}.mobile-community-stat svg{color:var(--accent-color)}@media (max-width:480px){.mobile-community-card{margin:8px 0;min-height:160px;padding:12px}.mobile-community-card.compact{margin:6px 0;min-height:120px;padding:8px}.mobile-community-avatar{height:50px;margin-bottom:8px;width:50px}.mobile-community-card.compact .mobile-community-avatar{height:40px;margin-bottom:6px;width:40px}.mobile-community-name{font-size:1rem}.mobile-community-card.compact .mobile-community-name{font-size:.95rem}.mobile-community-description{font-size:.85rem}.mobile-community-card.compact .mobile-community-description{font-size:.8rem}.mobile-community-meta{gap:6px;margin-top:6px;padding-top:6px}.mobile-community-owner,.mobile-community-stat{font-size:.75rem}}@media (max-width:360px){.mobile-community-card{margin:6px 0;min-height:140px;padding:10px}.mobile-community-card.compact{margin:4px 0;min-height:100px;padding:6px}.mobile-community-avatar{height:45px;margin-bottom:6px;width:45px}.mobile-community-card.compact .mobile-community-avatar{height:35px;margin-bottom:4px;width:35px}.mobile-community-name{font-size:.95rem}.mobile-community-card.compact .mobile-community-name{font-size:.9rem}.mobile-community-description{font-size:.8rem}.mobile-community-card.compact .mobile-community-description{font-size:.75rem}.mobile-community-meta{gap:4px;margin-top:4px;padding-top:4px}.mobile-community-owner,.mobile-community-stat{font-size:.7rem}}[data-theme=dark] .mobile-community-avatar,[data-theme=dark] .mobile-community-card{background:var(--background-paper);border-color:var(--border-color)}[data-theme=dark] .mobile-community-avatar-fallback{background:var(--primary-color);color:#fff}[data-theme=dark] .mobile-community-owner-badge{background:var(--accent-color);color:#fff}[data-theme=dark] .mobile-community-meta{border-top-color:var(--border-color)}[data-theme=exclusive] .mobile-community-card{background:linear-gradient(135deg,#181c24e6,#0a0a0ff2);border:1px solid #00eaff33;box-shadow:0 4px 16px #00eaff1a}[data-theme=exclusive] .mobile-community-card:hover{border-color:#00eaff66;box-shadow:0 8px 24px #00eaff33}[data-theme=exclusive] .mobile-community-avatar{background:var(--background-paper);border-color:#00eaff4d;box-shadow:0 2px 8px #00eaff1a}[data-theme=exclusive] .mobile-community-avatar-fallback{background:linear-gradient(135deg,#00eaff,#00b0ff);color:var(--text-primary)}[data-theme=exclusive] .mobile-community-name{color:#00eaff}[data-theme=exclusive] .mobile-community-description{color:#00eaffb3}[data-theme=exclusive] .mobile-community-meta{border-top-color:#00eaff33}[data-theme=exclusive] .mobile-community-owner{color:#00eaffb3}[data-theme=exclusive] .mobile-community-owner-badge{background:#00eaff;box-shadow:0 2px 4px #00eaff4d;color:var(--text-primary)}[data-theme=exclusive] .mobile-community-stat{color:#00eaffb3}[data-theme=exclusive] .mobile-community-stat svg{color:#00eaff}.mobile-community-grid-section{border-radius:16px;border-radius:var(--mobile-large-radius,16px);margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);max-width:100%;overflow-x:hidden;padding:0 0 24px;position:relative;width:100%;z-index:1}.mobile-community-grid-section.compact{padding:0 0 16px}.mobile-community-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0;z-index:3}.mobile-community-grid{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0 8px;width:100%}.mobile-empty-community-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1.1rem;gap:12px;justify-content:center;opacity:.7;padding:32px 0 24px;text-align:center;width:100%}.mobile-empty-community-placeholder svg{color:var(--text-secondary);opacity:.5}@media (max-width:1200px){.mobile-community-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:900px){.mobile-community-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.mobile-community-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0 4px}.mobile-section-title{font-size:1.3rem}}@media (max-width:600px){.mobile-community-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:0 2px}.mobile-section-title{font-size:1.2rem}.mobile-show-more-link{font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.mobile-community-grid{gap:6px;grid-template-columns:1fr;padding:0}.mobile-section-title{font-size:1.1rem}}@media (max-width:360px){.mobile-community-grid{gap:4px;grid-template-columns:1fr}.mobile-section-title{font-size:1rem}}[data-theme=dark] .mobile-community-grid-section{background:var(--background-paper)}[data-theme=exclusive] .mobile-community-grid-section{background:linear-gradient(135deg,#181c24e6,#0a0a0ff2);border:1px solid #00eaff1a;box-shadow:0 4px 16px #00eaff0d}.mobile-genre-card{align-items:center;background:var(--background-paper);border:1px solid var(--border-color);border-radius:14px;border-radius:var(--mobile-card-radius,14px);box-shadow:0 2px 8px #0000001a;color:inherit;display:flex;margin:12px 0;margin:var(--mobile-spacing,12px) 0;min-height:60px;overflow:hidden;padding:16px;padding:var(--mobile-padding,16px);position:relative;text-decoration:none;transition:all .2s ease}.mobile-genre-card:active{box-shadow:0 1px 4px #00000026;transform:scale(.98)}.mobile-genre-card.compact{margin:8px 0;min-height:50px;padding:12px;padding:var(--mobile-small-padding,12px)}.mobile-genre-card:before{border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.mobile-genre-card:before,.mobile-genre-icon{background:#636e72;background:var(--genre-color,#636e72)}.mobile-genre-icon{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;margin-right:var(--mobile-spacing,12px);width:40px}.mobile-genre-card.compact .mobile-genre-icon{height:35px;margin-right:10px;width:35px}.mobile-genre-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.mobile-genre-name{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-genre-card.compact .mobile-genre-name{font-size:.9rem}.mobile-genre-stats{align-items:center;display:flex;gap:8px}.mobile-genre-count{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:4px}.mobile-genre-count svg{color:#636e72;color:var(--genre-color,#636e72)}.mobile-genre-arrow{color:var(--text-secondary);font-size:1.2rem;margin-left:8px;transition:transform .2s ease}.mobile-genre-card:active .mobile-genre-arrow{transform:translateX(4px)}@media (max-width:480px){.mobile-genre-card{margin:8px 0;min-height:55px;padding:12px}.mobile-genre-card.compact{margin:6px 0;min-height:45px;padding:8px}.mobile-genre-icon{height:35px;margin-right:10px;width:35px}.mobile-genre-card.compact .mobile-genre-icon{height:30px;margin-right:8px;width:30px}.mobile-genre-name{font-size:.95rem}.mobile-genre-card.compact .mobile-genre-name{font-size:.85rem}.mobile-genre-count{font-size:.75rem}}@media (max-width:360px){.mobile-genre-card{margin:6px 0;min-height:50px;padding:10px}.mobile-genre-card.compact{margin:4px 0;min-height:40px;padding:6px}.mobile-genre-icon{height:30px;margin-right:8px;width:30px}.mobile-genre-card.compact .mobile-genre-icon{height:25px;margin-right:6px;width:25px}.mobile-genre-name{font-size:.9rem}.mobile-genre-card.compact .mobile-genre-name{font-size:.8rem}.mobile-genre-count{font-size:.7rem}}[data-theme=dark] .mobile-genre-card{background:var(--background-paper);border-color:var(--border-color)}[data-theme=dark] .mobile-genre-icon{box-shadow:0 2px 8px #0003}[data-theme=exclusive] .mobile-genre-card{background:linear-gradient(135deg,#181c24e6,#0a0a0ff2);border:1px solid #00eaff33;box-shadow:0 4px 16px #00eaff1a}[data-theme=exclusive] .mobile-genre-card:hover{border-color:#00eaff66;box-shadow:0 8px 24px #00eaff33}[data-theme=exclusive] .mobile-genre-card:before{background:#00eaff}[data-theme=exclusive] .mobile-genre-icon{background:#00eaff;box-shadow:0 2px 8px #00eaff4d;color:var(--text-primary)}[data-theme=exclusive] .mobile-genre-name{color:#00eaff}[data-theme=exclusive] .mobile-genre-count{color:#00eaffb3}[data-theme=exclusive] .mobile-genre-count svg{color:#00eaff}[data-theme=exclusive] .mobile-genre-arrow{color:#00eaffb3}.mobile-genre-cloud-section{border-radius:16px;border-radius:var(--mobile-large-radius,16px);margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);max-width:100%;overflow-x:hidden;padding:0 0 24px;position:relative;width:100%;z-index:1}.mobile-genre-cloud-section.compact{padding:0 0 16px}.mobile-section-inner{display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding:16px}.mobile-genre-cloud-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0;z-index:3}.mobile-genre-cloud{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:1fr;padding:0 8px;width:100%}.mobile-empty-genre-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1.1rem;gap:12px;justify-content:center;opacity:.7;padding:32px 0 24px;text-align:center;width:100%}.mobile-empty-genre-placeholder svg{color:var(--text-secondary);opacity:.5}@media (max-width:1200px){.mobile-genre-cloud{gap:6px;grid-template-columns:1fr}}@media (max-width:900px){.mobile-genre-cloud{gap:4px;grid-template-columns:1fr}}@media (max-width:768px){.mobile-genre-cloud{gap:3px;grid-template-columns:1fr;padding:0 4px}.mobile-section-title{font-size:1.3rem}}@media (max-width:600px){.mobile-genre-cloud{gap:2px;grid-template-columns:1fr;padding:0 2px}.mobile-section-title{font-size:1.2rem}}@media (max-width:480px){.mobile-genre-cloud{gap:1px;grid-template-columns:1fr;padding:0}.mobile-section-title{font-size:1.1rem}}@media (max-width:360px){.mobile-genre-cloud{gap:1px;grid-template-columns:1fr}.mobile-section-title{font-size:1rem}}[data-theme=dark] .mobile-genre-cloud-section{background:var(--background-paper)}[data-theme=exclusive] .mobile-genre-cloud-section{background:linear-gradient(135deg,#181c24e6,#0a0a0ff2);border:1px solid #00eaff1a;box-shadow:0 4px 16px #00eaff0d}.mobile-greeting{background:var(--background-paper);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--mobile-large-radius,16px);box-shadow:0 2px 8px #0000001a;margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);overflow:hidden;position:relative;width:100%;z-index:1}.mobile-greeting.compact{margin-bottom:8px}.mobile-greeting-content{padding:20px;position:relative;z-index:2}.mobile-greeting.compact .mobile-greeting-content{padding:16px}.mobile-greeting-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.mobile-greeting.compact .mobile-greeting-header{gap:12px;margin-bottom:12px}.mobile-greeting-avatar{flex-shrink:0;position:relative}.mobile-greeting-avatar-img,.mobile-greeting-avatar-placeholder{border:3px solid var(--primary-color);border-radius:50%;box-shadow:0 4px 12px #00000026;height:60px;object-fit:cover;width:60px}.mobile-greeting.compact .mobile-greeting-avatar-img,.mobile-greeting.compact .mobile-greeting-avatar-placeholder{border-width:2px;height:48px;width:48px}.mobile-greeting-avatar-placeholder{align-items:center;background:var(--primary-color);color:#fff;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;text-transform:uppercase}.mobile-greeting.compact .mobile-greeting-avatar-placeholder{font-size:1.2rem}.mobile-greeting-text{flex:1 1;min-width:0}.mobile-greeting-time{align-items:center;display:flex;gap:6px;margin-bottom:4px}.mobile-greeting-time-icon{font-size:1rem;line-height:1}.mobile-greeting-time-text{color:var(--text-secondary);font-size:.9rem;font-weight:500;line-height:1}.mobile-greeting.compact .mobile-greeting-time-text{font-size:.85rem}.mobile-greeting-username{color:var(--text-primary);font-size:1.8rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-greeting.compact .mobile-greeting-username{font-size:1.5rem}.mobile-greeting-quote{background:var(--hover-color);border-left:4px solid var(--primary-color);border-radius:12px;border-radius:var(--mobile-border-radius,12px);padding:16px;position:relative}.mobile-greeting.compact .mobile-greeting-quote{padding:12px}.mobile-greeting-quote-content{position:relative;z-index:1}.mobile-greeting-quote-text{color:var(--text-primary);display:block;font-size:1rem;font-style:italic;line-height:1.5;margin:0}.mobile-greeting.compact .mobile-greeting-quote-text{font-size:.9rem}.mobile-greeting-bg{background:linear-gradient(135deg,#00000005,#00000003);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}@media (max-width:480px){.mobile-greeting-content{padding:16px}.mobile-greeting.compact .mobile-greeting-content{padding:12px}.mobile-greeting-header{gap:12px;margin-bottom:12px}.mobile-greeting.compact .mobile-greeting-header{gap:10px;margin-bottom:10px}.mobile-greeting-avatar-img,.mobile-greeting-avatar-placeholder{height:52px;width:52px}.mobile-greeting.compact .mobile-greeting-avatar-img,.mobile-greeting.compact .mobile-greeting-avatar-placeholder{height:40px;width:40px}.mobile-greeting-avatar-placeholder{font-size:1.3rem}.mobile-greeting.compact .mobile-greeting-avatar-placeholder{font-size:1rem}.mobile-greeting-username{font-size:1.6rem}.mobile-greeting.compact .mobile-greeting-username{font-size:1.3rem}.mobile-greeting-quote{padding:12px}.mobile-greeting.compact .mobile-greeting-quote{padding:10px}.mobile-greeting-quote-text{font-size:.9rem}.mobile-greeting.compact .mobile-greeting-quote-text{font-size:.85rem}}@media (max-width:360px){.mobile-greeting-content{padding:12px}.mobile-greeting.compact .mobile-greeting-content{padding:10px}.mobile-greeting-header{gap:10px;margin-bottom:10px}.mobile-greeting.compact .mobile-greeting-header{gap:8px;margin-bottom:8px}.mobile-greeting-avatar-img,.mobile-greeting-avatar-placeholder{height:44px;width:44px}.mobile-greeting.compact .mobile-greeting-avatar-img,.mobile-greeting.compact .mobile-greeting-avatar-placeholder{height:36px;width:36px}.mobile-greeting-avatar-placeholder{font-size:1.1rem}.mobile-greeting.compact .mobile-greeting-avatar-placeholder{font-size:.9rem}.mobile-greeting-username{font-size:1.4rem}.mobile-greeting.compact .mobile-greeting-username{font-size:1.1rem}.mobile-greeting-quote{padding:10px}.mobile-greeting.compact .mobile-greeting-quote{padding:8px}.mobile-greeting-quote-text{font-size:.85rem}.mobile-greeting.compact .mobile-greeting-quote-text{font-size:.8rem}}[data-theme=dark] .mobile-greeting{background:var(--background-paper);border-color:var(--border-color);box-shadow:0 2px 8px #0003}[data-theme=dark] .mobile-greeting-avatar-img,[data-theme=dark] .mobile-greeting-avatar-placeholder{border-color:var(--primary-color);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .mobile-greeting-quote{background:var(--hover-color);border-left-color:var(--primary-color)}[data-theme=dark] .mobile-greeting-bg{background:linear-gradient(135deg,#ffffff05,#ffffff03)}[data-theme=exclusive] .mobile-greeting{background:var(--background-paper);border-color:#00eaff33;box-shadow:0 2px 8px #00eaff1a}[data-theme=exclusive] .mobile-greeting-avatar-img,[data-theme=exclusive] .mobile-greeting-avatar-placeholder{border-color:#00eaff;box-shadow:0 4px 12px #00eaff33}[data-theme=exclusive] .mobile-greeting-username{color:#00eaff;text-shadow:0 0 8px #00eaff4d}[data-theme=exclusive] .mobile-greeting-quote{background:#00eaff0d;border-left-color:#00eaff}[data-theme=exclusive] .mobile-greeting-quote-text{color:#00eaff;text-shadow:0 0 4px #00eaff33}[data-theme=exclusive] .mobile-greeting-bg{background:linear-gradient(135deg,#00eaff05,#00eaff03)}.mobile-banner{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border-radius:16px;border-radius:var(--mobile-large-radius,16px);box-shadow:0 4px 16px #00000026;color:#fff;margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);overflow:hidden;position:relative;width:100%;z-index:1}.mobile-banner.compact{margin-bottom:8px}.mobile-banner-content{padding:24px;position:relative;z-index:2}.mobile-banner.compact .mobile-banner-content{padding:20px}.mobile-banner-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.mobile-banner.compact .mobile-banner-header{gap:12px;margin-bottom:12px}.mobile-banner-icon{flex-shrink:0;font-size:2rem;line-height:1;margin-top:4px}.mobile-banner.compact .mobile-banner-icon{font-size:1.5rem;margin-top:2px}.mobile-banner-text{flex:1 1;min-width:0}.mobile-banner-title{font-size:1.8rem;font-weight:700;line-height:1.2;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.mobile-banner.compact .mobile-banner-title{font-size:1.5rem;margin-bottom:6px}.mobile-banner-subtitle{font-size:1rem;font-weight:400;line-height:1.4;margin:0;opacity:.95;text-shadow:0 1px 2px #0000001a}.mobile-banner.compact .mobile-banner-subtitle{font-size:.9rem}.mobile-banner-decoration{height:40px;overflow:hidden;position:relative}.mobile-banner.compact .mobile-banner-decoration{height:30px}.mobile-banner-wave{border-radius:50% 50% 0 0;height:100%;transform:translateY(50%)}.mobile-banner-bg,.mobile-banner-wave{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;left:0;position:absolute;right:0}.mobile-banner-bg{top:0;z-index:0}.mobile-banner.dawn{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.mobile-banner.morning{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.mobile-banner.afternoon{background:linear-gradient(135deg,#a8edea,#fed6e3)}.mobile-banner.evening{background:linear-gradient(135deg,#d299c2,#fef9d7)}.mobile-banner.night{background:linear-gradient(135deg,#667eea,#764ba2)}@media (max-width:480px){.mobile-banner-content{padding:20px}.mobile-banner.compact .mobile-banner-content{padding:16px}.mobile-banner-header{gap:12px;margin-bottom:12px}.mobile-banner.compact .mobile-banner-header{gap:10px;margin-bottom:10px}.mobile-banner-icon{font-size:1.5rem;margin-top:2px}.mobile-banner.compact .mobile-banner-icon{font-size:1.2rem;margin-top:1px}.mobile-banner-title{font-size:1.6rem;margin-bottom:6px}.mobile-banner.compact .mobile-banner-title{font-size:1.3rem;margin-bottom:4px}.mobile-banner-subtitle{font-size:.9rem}.mobile-banner.compact .mobile-banner-subtitle{font-size:.85rem}.mobile-banner-decoration{height:30px}.mobile-banner.compact .mobile-banner-decoration{height:24px}}@media (max-width:360px){.mobile-banner-content{padding:16px}.mobile-banner.compact .mobile-banner-content{padding:12px}.mobile-banner-header{gap:10px;margin-bottom:10px}.mobile-banner.compact .mobile-banner-header{gap:8px;margin-bottom:8px}.mobile-banner-icon{font-size:1.2rem;margin-top:1px}.mobile-banner.compact .mobile-banner-icon{font-size:1rem;margin-top:0}.mobile-banner-title{font-size:1.4rem;margin-bottom:4px}.mobile-banner.compact .mobile-banner-title{font-size:1.1rem;margin-bottom:2px}.mobile-banner-subtitle{font-size:.85rem}.mobile-banner.compact .mobile-banner-subtitle{font-size:.8rem}.mobile-banner-decoration{height:24px}.mobile-banner.compact .mobile-banner-decoration{height:20px}}[data-theme=dark] .mobile-banner{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);box-shadow:0 4px 16px #0000004d}[data-theme=dark] .mobile-banner.dawn{background:linear-gradient(135deg,#ff9a9e,#fecfef)}[data-theme=dark] .mobile-banner.morning{background:linear-gradient(135deg,#ffecd2,#fcb69f)}[data-theme=dark] .mobile-banner.afternoon{background:linear-gradient(135deg,#a8edea,#fed6e3)}[data-theme=dark] .mobile-banner.evening{background:linear-gradient(135deg,#d299c2,#fef9d7)}[data-theme=dark] .mobile-banner.night{background:linear-gradient(135deg,#667eea,#764ba2)}[data-theme=exclusive] .mobile-banner{box-shadow:0 4px 16px #00eaff4d}[data-theme=exclusive] .mobile-banner,[data-theme=exclusive] .mobile-banner.afternoon,[data-theme=exclusive] .mobile-banner.dawn,[data-theme=exclusive] .mobile-banner.evening,[data-theme=exclusive] .mobile-banner.morning,[data-theme=exclusive] .mobile-banner.night{background:linear-gradient(135deg,#00eaff,#00b0ff)}[data-theme=exclusive] .mobile-banner-title{text-shadow:0 0 8px #00eaff4d}[data-theme=exclusive] .mobile-banner-subtitle{text-shadow:0 0 4px #00eaff33}[data-theme=exclusive] .mobile-banner-bg{background:linear-gradient(135deg,#00eaff1a,#00eaff0d)}.mobile-section{border-radius:16px;border-radius:var(--mobile-large-radius,16px);margin-bottom:12px;margin-bottom:var(--mobile-spacing,12px);max-width:100%;overflow-x:hidden;padding:0 0 24px;position:relative;width:100%;z-index:1}.mobile-section.compact{padding:0 0 16px}.mobile-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0;z-index:3}.mobile-section-title-wrapper{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--mobile-spacing,12px);min-width:0}.mobile-section-icon{align-items:center;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.mobile-section.compact .mobile-section-icon{height:28px;width:28px}.mobile-section-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-section.compact .mobile-section-title{font-size:1.3rem}.mobile-section-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.mobile-refresh-btn{height:36px;width:36px}.mobile-refresh-btn.spinning{animation:mobile-spin 1s linear infinite}@keyframes mobile-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-show-more-link{background:var(--hover-color);border-radius:12px;border-radius:var(--mobile-border-radius,12px);color:var(--primary-color);font-size:.9rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.mobile-show-more-link:active{background:var(--primary-hover);color:#fff;transform:scale(.98)}.mobile-section-content{width:100%}@media (max-width:480px){.mobile-section{padding:0 0 16px}.mobile-section.compact{padding:0 0 12px}.mobile-section-header{margin-bottom:12px}.mobile-section-title-wrapper{gap:10px}.mobile-section-icon{height:28px;width:28px}.mobile-section.compact .mobile-section-icon{height:24px;width:24px}.mobile-section-title{font-size:1.3rem}.mobile-section.compact .mobile-section-title{font-size:1.1rem}.mobile-section-actions{gap:6px}.mobile-refresh-btn{height:32px;width:32px}.mobile-show-more-link{font-size:.85rem;padding:6px 12px}}@media (max-width:360px){.mobile-section{padding:0 0 12px}.mobile-section.compact{padding:0 0 8px}.mobile-section-header{margin-bottom:10px}.mobile-section-title-wrapper{gap:8px}.mobile-section-icon{height:24px;width:24px}.mobile-section.compact .mobile-section-icon{height:20px;width:20px}.mobile-section-title{font-size:1.1rem}.mobile-section.compact .mobile-section-title{font-size:1rem}.mobile-section-actions{gap:4px}.mobile-refresh-btn{height:28px;width:28px}.mobile-show-more-link{font-size:.8rem;padding:4px 8px}}[data-theme=dark] .mobile-section-icon{background:var(--primary-color);box-shadow:0 2px 8px #0003;color:#fff}[data-theme=dark] .mobile-show-more-link{background:var(--hover-color);color:var(--primary-color)}[data-theme=dark] .mobile-show-more-link:active{background:var(--primary-hover);color:#fff}[data-theme=exclusive] .mobile-section-icon{background:linear-gradient(135deg,#00eaff,#00b0ff);box-shadow:0 2px 8px #00eaff4d;color:var(--text-primary)}[data-theme=exclusive] .mobile-section-title{color:#00eaff;text-shadow:0 0 8px #00eaff4d}[data-theme=exclusive] .mobile-show-more-link{background:#00eaff1a;border:1px solid #00eaff33;color:#00eaff}[data-theme=exclusive] .mobile-show-more-link:active{background:#00eaff;box-shadow:0 0 16px #00eaff4d;color:var(--text-primary)}.flow-button-container{display:flex;justify-content:center;margin:3rem 0}.flow-button{background:linear-gradient(45deg,#00b0ff,#07c);border-radius:50px;box-shadow:0 0 30px #00b0ff99;font-size:1.4rem;gap:12px;letter-spacing:1px;padding:16px 32px;text-transform:uppercase}.flow-button:hover{background:linear-gradient(45deg,#00c4ff,#08f);box-shadow:0 0 40px #00b0ffcc;transform:scale(1.05)}.flow-button:active{transform:scale(.98)}.flow-icon{color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.flow-waves{top:0;width:100%}.wave{animation:wave-animation 3s infinite;background:#fff3;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.wave1{height:100%;width:100%}.wave2{height:120%;width:120%}.wave3{height:140%;width:140%}@keyframes wave-animation{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.2)}to{opacity:.5;transform:translate(-50%,-50%) scale(1)}}.artist-profile{min-height:100vh;padding:20px;position:relative}.artist-banner{background-position:50%;background-size:cover;border-radius:12px;height:300px;overflow:hidden;position:relative;width:100%}.artist-banner:after{background:linear-gradient(0deg,#000c,#0000);bottom:0;content:"";height:100px;left:0;position:absolute;right:0}.artist-content{margin:0 auto;max-width:1200px}.artist-header{display:flex;gap:24px;margin-bottom:32px}.artist-avatar{background:#222;border:3px solid var(--primary-color);box-shadow:0 2px 12px #00b0ff1a;height:96px;margin-bottom:10px;width:96px}.artist-info{display:flex;flex:1 1;flex-direction:column;gap:16px}.artist-bio{color:var(--text-secondary);line-height:1.6;margin:0}.artist-stats{background:var(--background-paper);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:32px;margin-top:8px;padding:12px 0}.light-theme .artist-stats{background:#fff}.stat-item{flex-direction:column}.stat-item h6{color:var(--text-primary);font-weight:700;margin:0}.stat-item p{color:var(--text-secondary);margin:0}.follow-button{align-self:flex-start;margin-top:8px}.artist-tracks{margin-top:40px}.tracks-title{color:var(--text-primary);margin-bottom:24px}.tracks-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(1,1fr);margin-top:24px}@media (min-width:600px){.tracks-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.tracks-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.tracks-grid{grid-template-columns:repeat(4,1fr)}}.track-card{display:flex;flex-direction:column;height:100%}.track-cover-container{padding-top:100%;position:relative}.track-cover{left:0;position:absolute;top:0}.play-button{background:var(--primary-color)!important;bottom:8px;color:#fff!important;position:absolute;right:8px;transition:opacity .2s ease,transform .2s ease}.track-card:hover .play-button{opacity:1;transform:scale(1.1)}.track-card.playing .play-button{opacity:1}.track-info{flex:1 1;flex-direction:column;gap:4px}.track-title{margin:0}.error-container,.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.dark-theme .artist-banner:after{background:linear-gradient(0deg,#000000e6,#0000)}.dark-theme .artist-avatar{border-color:var(--background-paper);box-shadow:0 4px 20px #0006}.light-theme .artist-banner:after{background:linear-gradient(0deg,#0009,#0000)}.light-theme .artist-avatar{border-color:#fff;box-shadow:0 4px 20px #0000001a}@media (max-width:600px){.artist-content{max-width:100%;padding:0 4px}}.artist-avatar-fallback{align-items:center;background:#e0e7ef;border-radius:50%;box-shadow:0 2px 12px #00b0ff1a;color:#1a2233;display:flex;font-size:2.6rem;font-weight:800;height:96px;justify-content:center;margin-bottom:10px;-webkit-user-select:none;user-select:none;width:96px}.modern-artist-tracks{grid-gap:32px;align-items:stretch;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;margin-top:32px}.modern-artist-tracks .trackItem{animation:fadeInUp .7s cubic-bezier(.23,1.02,.32,1) both;background:#16222a;background:var(--card-bg,#16222a);border-radius:18px;box-shadow:0 6px 32px #00b0ff1a,0 1.5px 8px #0000001a;max-width:320px;min-height:340px;transition:box-shadow .3s,transform .25s,background .3s;width:100%}.modern-artist-tracks .trackItem:hover{box-shadow:0 8px 40px 0 #00b0ff2e,0 2px 12px #00000021;transform:translateY(-8px) scale(1.03)}.exclusive-theme .modern-artist-tracks .trackItem{background:linear-gradient(120deg,#0a1a2f 60%,#0fffc3 120%);border:1.5px solid #00eaff55;box-shadow:0 0 16px 2px #00eaff99,0 6px 32px #00b0ff2e}.exclusive-theme .modern-artist-tracks .trackItem:hover{background:linear-gradient(120deg,#0a1a2f 40%,#00eaff 120%);box-shadow:0 0 32px 6px #00eaffcc,0 12px 48px 0 #00ffff2e}.artist-events-section{background:#fff;background:var(--background-paper,#fff);border-radius:16px;box-shadow:0 4px 24px 0 #00b0ff12,0 2px 8px #0000000a;margin:32px 0 0;max-width:100%;padding:18px 18px 12px;position:relative}.artist-events-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.artist-events-header h3{color:#00b0ff;color:var(--primary-blue,#00b0ff);font-size:1.25rem;font-weight:800;margin:0}.artist-events-scroll-list{-ms-overflow-style:none;display:flex;flex-direction:row;gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.artist-events-scroll-list::-webkit-scrollbar{display:none}@media (max-width:900px){.artist-events-section{padding:10px 4px 8px}.artist-events-scroll-list{gap:8px}}@media (max-width:600px){.artist-events-section{border-radius:10px;padding:6px 2px}.artist-events-scroll-list{gap:4px}}.genrecloud-root{align-items:center;display:flex;flex-wrap:wrap;gap:14px 18px;justify-content:flex-start;margin:18px 0 8px}.genrecloud-tag{background:var(--background-paper);border:none;border-radius:24px;box-shadow:var(--card-shadow);color:var(--primary-color);cursor:pointer;font-size:16px;font-weight:600;outline:none;padding:8px 22px;position:relative;transition:transform .18s,box-shadow .18s,background .18s,color .18s}.genrecloud-tag:hover{background:var(--primary-color);box-shadow:0 0 16px var(--primary-color),0 2px 12px #0002;color:#fff;transform:scale(1.08) translateY(-2px)}.genrecloud-empty{color:var(--text-secondary);font-size:16px;opacity:.7;padding:18px 0}.genrecloud-color0{background:#e3f2fd;color:#1976d2}.genrecloud-color1{background:#fce4ec;color:#d81b60}.genrecloud-color2{background:#e8f5e9;color:#388e3c}.genrecloud-color3{background:#fff3e0;color:#f57c00}.genrecloud-color4{background:#ede7f6;color:#7c4dff}.genrecloud-color5{background:#f3e5f5;color:#8e24aa}.genrecloud-color6{background:#fbe9e7;color:#d84315}.genrecloud-color7{background:#e0f2f1;color:#00838f}[data-theme=exclusive] .genrecloud-tag{background:#0a0a0f;border:1.5px solid #00eaff44;box-shadow:0 0 12px #00eaff99,0 2px 12px #0002;color:#00eaff}[data-theme=exclusive] .genrecloud-tag:hover{background:linear-gradient(90deg,#00eaff,#1a1a2e);box-shadow:0 0 24px #00eaffcc,0 2px 12px #0002;color:#fff}:root{--primary-blue:#00b0ff;--primary-blue-hover:#0091ea;--primary-blue-light:#4fc3f7;--primary-blue-dark:#0277bd;--accent-purple:#7c4dff;--accent-purple-hover:#651fff;--accent-cyan:#00bcd4;--accent-cyan-hover:#0097a7;--accent-teal:#009688;--accent-teal-hover:#00695c;--accent-indigo:#3f51b5;--accent-indigo-hover:#303f9f;--gradient-primary:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-cyan) 100%);--gradient-secondary:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-indigo) 100%);--gradient-accent:linear-gradient(135deg,var(--accent-teal) 0%,var(--primary-blue) 100%);--gradient-multi:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);--background-default:#fff;--background-secondary:#f8f9fa;--text-secondary:#666;--border-color:#0000001a;--shadow-color:#0000001a;--glass-bg:#ffffff1a;--glass-border:#fff3}[data-theme=dark]{--background-default:#0a0a0a;--background-secondary:#1a1a1a;--background-paper:#2a2a2a;--text-secondary:#b0b0b0;--border-color:#ffffff1a;--shadow-color:#0000004d;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}[data-theme=exclusive]{--background-default:#0d1117;--background-secondary:#161b22;--background-paper:#21262d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--border-color:#ffffff26;--shadow-color:#0006;--glass-bg:#ffffff08;--glass-border:#ffffff14}.home-page{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--background-default) 0,var(--background-secondary) 100%);display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem;position:relative}.home-page:before{background:radial-gradient(circle at 20% 80%,#00b0ff08 0,#0000 50%),radial-gradient(circle at 80% 20%,#7c4dff08 0,#0000 50%),radial-gradient(circle at 40% 40%,#00bcd405 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.flow-button-container{margin:2rem auto;max-width:600px;position:relative;width:100%;z-index:10}.home-page .tracks-grid{display:flex!important;flex-direction:column!important}.tracks-grid{display:flex;flex-direction:column;gap:48px;margin:0 auto;max-width:1200px;width:100%}.flow-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-hover));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;gap:1rem;justify-content:center;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.flow-button:hover{box-shadow:0 4px 12px #00b0ff4d;transform:translateY(-2px)}.flow-button:active{transform:translateY(0)}.flow-icon{align-items:center;animation:pulse 2s infinite;display:flex;justify-content:center}.flow-waves{pointer-events:none}.flow-waves,.wave{bottom:0;height:100%;left:0;position:absolute;right:0}.wave{animation:wave 3s linear infinite;background:linear-gradient(90deg,#0000,#fff3,#0000)}.wave1{animation-delay:0s}.wave2{animation-delay:1s}.wave3{animation-delay:2s}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.search-page{background:#fff;background:var(--background-default);border-radius:18px;box-shadow:0 4px 24px #0000000f;max-width:700px;padding:32px 16px}.search-title{color:var(--primary-color);font-size:2.2rem;font-weight:800;margin-bottom:1.5rem;text-align:center}.search-form{display:flex;gap:10px;justify-content:center;margin-bottom:2.5rem}.search-input{background:#fff;border:1.5px solid var(--primary-color);border-radius:12px;color:#1a1a1a;flex:1 1;font-size:1.1rem;outline:none;padding:14px 18px;transition:border .2s}.search-input:focus{border:1.5px solid var(--primary-hover)}.search-btn{align-items:center;background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:0 18px;transition:background .2s}.search-btn:disabled{background:#b3b3b3;cursor:not-allowed}.recent-section,.search-results{margin-top:2.5rem}.recent-title,.results-title{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin-bottom:1.2rem}.recent-tracks,.results-list{display:flex;flex-wrap:wrap;gap:18px}.recent-track,.result-track{align-items:center;background:#fff;background:var(--background-paper);border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;flex:1 1 220px;gap:16px;min-width:220px;padding:10px 18px;position:relative;transition:box-shadow .2s,transform .2s}.recent-track:hover,.result-track:hover{box-shadow:0 6px 24px #00b0ff1a;transform:translateY(-2px) scale(1.02)}.recent-cover,.result-cover{background:#eee;border-radius:10px;height:56px;object-fit:cover;width:56px}.recent-info,.result-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.recent-title,.result-title{color:#1a1a1a;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-title-link,.recommended-title-link,.result-title-link{color:inherit;display:block;text-decoration:none;transition:color .2s ease}.recent-title-link:hover,.recent-title-link:hover .recent-title,.recommended-title-link:hover,.recommended-title-link:hover .recommended-title,.result-title-link:hover,.result-title-link:hover .result-title{color:#00cfff;color:var(--primary-color,#00cfff)}.recent-artist,.result-artist{color:#666;color:var(--text-secondary);font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-play-btn,.result-play-btn{align-items:center;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;position:absolute;right:16px;transition:background .2s,transform .2s;width:36px}.recent-play-btn:hover,.result-play-btn:hover{background:var(--primary-hover);transform:scale(1.08)}.empty-recent,.search-empty{color:#666;color:var(--text-secondary);font-style:italic;padding:18px 0;text-align:center;width:100%}.search-loading{color:var(--primary-color);font-weight:500;padding:18px 0;text-align:center}@media (max-width:600px){.search-page{border-radius:0;box-shadow:none;padding:8px 2px}.recent-tracks,.results-list{flex-direction:column;gap:10px}.recent-track,.result-track{min-width:0;padding:8px}.recent-play-btn,.result-play-btn{right:8px}}.music-banner{align-items:center;animation:fadeInBanner 1.2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background:var(--gradient-multi);border-radius:32px;box-shadow:0 20px 60px #00b0ff26;display:flex;justify-content:center;margin-bottom:3rem;min-height:380px;overflow:hidden;position:relative;width:100%}[data-theme=dark] .music-banner{background:linear-gradient(135deg,#1a1a2e,#16213e 25%,#0f3460 50%,#533483 75%,#00b0ff);box-shadow:0 20px 60px #00b0ff33}[data-theme=exclusive] .music-banner{background:linear-gradient(135deg,#0d1117,#161b22 25%,#21262d 50%,#30363d 75%,#00b0ff);box-shadow:0 20px 60px #00b0ff40}.music-banner:before{animation:float 20s ease-in-out infinite;background:url('data:image/svg+xml;utf8,<svg width="100%25" height="100%25" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba%28255,255,255,0.1%29" stroke-width="0.5"/></pattern></defs><rect width="100%25" height="100%25" fill="url%28%23grid%29"/></svg>');opacity:.3}.music-banner:after,.music-banner:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.music-banner:after{animation:particleFloat 15s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%)}@keyframes particleFloat{0%,to{opacity:.5;transform:translateY(0) rotate(0deg)}50%{opacity:.8;transform:translateY(-30px) rotate(2deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes fadeInBanner{0%{opacity:0;transform:translateY(-40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.music-banner-content{color:#fff;max-width:800px;padding:3rem 2rem;position:relative;text-align:center;width:100%;z-index:2}.music-banner-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;font-size:3.2rem;font-weight:900;letter-spacing:-1.5px;margin-bottom:1.2rem;position:relative;text-shadow:0 4px 20px #00000026}.music-banner-title:after{animation:titleUnderline 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff,#0000);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@keyframes titleUnderline{0%,to{opacity:.7;width:60px}50%{opacity:1;width:100px}}@keyframes titleGlow{0%{filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}to{filter:drop-shadow(0 0 30px rgba(255,255,255,.5))}}.music-banner-subtitle{animation:subtitleFadeIn 1.5s ease-out .5s both;font-size:1.35rem;font-weight:400;line-height:1.6;margin-bottom:2.5rem;opacity:.95;text-shadow:0 2px 10px #0000001a}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:.95;transform:translateY(0)}}.music-banner-flow-btn{align-items:center;animation:buttonFadeIn 1.5s ease-out 1s both;display:flex;justify-content:center}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.music-banner-waves{animation:waveFloat 8s ease-in-out infinite;background:url('data:image/svg+xml;utf8,<svg width="100%25" height="100%25" viewBox="0 0 1440 320" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" fill-opacity="0.15" d="M0,160L60,154.7C120,149,240,139,360,154.7C480,171,600,213,720,197.3C840,181,960,107,1080,101.3C1200,96,1320,160,1380,192L1440,224L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>');background-repeat:no-repeat;background-size:cover;bottom:0;height:100px;left:0;position:absolute;right:0;z-index:1}@keyframes waveFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:900px){.music-banner{border-radius:24px;min-height:280px}.music-banner-title{font-size:2.4rem}.music-banner-content{padding:2rem 1rem}}@media (max-width:600px){.music-banner{border-radius:16px;margin-bottom:2rem;min-height:200px}.music-banner-title{font-size:1.8rem}.music-banner-subtitle{font-size:1.1rem}}.homepage-section{background:#fff!important;border:1px solid #f0f0f0;border-radius:24px;box-shadow:0 8px 32px #00000014,inset 0 1px 0 #f0f0f0;display:block;margin-bottom:0;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease;width:100%}[data-theme=dark] .homepage-section{background:linear-gradient(135deg,#1e2232cc,#282c3c99)!important;border:1px solid #ffffff0d}[data-theme=exclusive] .homepage-section{background:linear-gradient(135deg,#181c24,#0a0a0f)!important;border:1px solid #00eaff44}.homepage-section:before{background:linear-gradient(135deg,#00b0ff,#00bcd4);background:var(--gradient-primary);content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.homepage-section:nth-child(2n):before{background:linear-gradient(135deg,#7c4dff,#3f51b5);background:var(--gradient-secondary)}.homepage-section:nth-child(3n):before{background:linear-gradient(135deg,#009688,#00b0ff);background:var(--gradient-accent)}.homepage-section:hover{box-shadow:0 16px 48px #0000001a,inset 0 1px 0 #fff3;box-shadow:0 16px 48px var(--shadow-color),inset 0 1px 0 var(--glass-border);transform:translateY(-4px)}.artist-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;color:inherit;max-width:150px;min-width:100px;overflow:hidden;padding:1rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}@media (max-width:768px){.artist-card{border-radius:12px;max-width:120px;min-width:80px;padding:.75rem}}@media (max-width:600px){.artist-card{border-radius:10px;max-width:100px;min-width:70px;padding:.5rem}}@media (max-width:480px){.artist-card{border-radius:8px;max-width:80px;min-width:60px;padding:.4rem}}@media (max-width:360px){.artist-card{border-radius:6px;max-width:70px;min-width:50px;padding:.3rem}}.artist-card:before{background:linear-gradient(135deg,#fff3,#ffffff1a);background:linear-gradient(135deg,var(--glass-border) 0,var(--glass-bg) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.artist-card:hover{background:#ffffff1a;background:var(--glass-bg);box-shadow:0 12px 32px #0000001a,inset 0 1px 0 #fff3;box-shadow:0 12px 32px var(--shadow-color),inset 0 1px 0 var(--glass-border);transform:translateY(-8px) scale(1.05)}.artist-card:hover:before{opacity:1}.artist-avatar{border:3px solid #fff3;border:3px solid var(--glass-border);border-radius:50%;height:80px;margin-bottom:12px;object-fit:cover;position:relative;transition:all .3s ease;width:80px;z-index:1}.artist-card:hover .artist-avatar{border-color:#00b0ff;border-color:var(--primary-blue);box-shadow:0 8px 24px #00b0ff4d;transform:scale(1.1)}.artist-name{font-size:.95rem;font-weight:700;z-index:1}.artist-name,.empty-state{color:#1a1a1a;color:var(--text-primary);position:relative}.empty-state{align-items:center;background:#ffffff1a;background:var(--glass-bg);border:2px dashed #fff3;border:2px dashed var(--glass-border);border-radius:20px;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:3rem 2rem}.empty-state:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);background:radial-gradient(circle,var(--glass-bg) 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.empty-state-icon{animation:iconFloat 3s ease-in-out infinite;color:#00b0ff;color:var(--primary-blue);filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));filter:drop-shadow(0 4px 12px var(--shadow-color));height:64px;margin-bottom:1rem;opacity:.7;width:64px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.empty-state-title{color:#1a1a1a;color:var(--text-primary);font-size:1.3rem;margin-bottom:.5rem;text-align:center}.empty-state-description{color:#666;color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:1.5rem;text-align:center}.show-more-link{background:linear-gradient(135deg,#00b0ff,#00bcd4);background:var(--gradient-primary);border-radius:20px;box-shadow:0 4px 12px #00b0ff33;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.show-more-link:hover{box-shadow:0 6px 20px #00b0ff4d;color:#fff;transform:translateY(-2px)}.refresh-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:50%;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.refresh-btn:hover{background:#fff3;background:var(--glass-border);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);color:#00b0ff;color:var(--primary-blue);transform:rotate(180deg) scale(1.1)}.refresh-btn.spinning{animation:spin 1s linear infinite}.homepage-section-header{align-items:center;color:#1a1a1a;color:var(--text-primary);display:flex;font-size:1.6rem;gap:12px;letter-spacing:-.5px;margin-bottom:24px;margin-left:0;position:relative}.homepage-section-header:before{animation:headerGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#00b0ff,#00bcd4);background:var(--gradient-primary);border-radius:2px;content:"";height:24px;width:4px}.homepage-section:nth-child(2n) .homepage-section-header:before{background:linear-gradient(135deg,#7c4dff,#3f51b5);background:var(--gradient-secondary)}.homepage-section:nth-child(3n) .homepage-section-header:before{background:linear-gradient(135deg,#009688,#00b0ff);background:var(--gradient-accent)}@keyframes headerGlow{0%{box-shadow:0 0 5px #00b0ff4d}to{box-shadow:0 0 15px #00b0ff99}}.homepage-section-header svg{color:#00b0ff;color:var(--primary-blue);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px var(--shadow-color))}.homepage-section:hover .homepage-section-header svg{color:#00b0ff;color:var(--primary-blue);filter:drop-shadow(0 4px 8px rgba(0,176,255,.3));transform:scale(1.1) rotate(5deg)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.homepage-section{animation:slideInUp .6s ease-out}.homepage-section:first-child{animation-delay:.1s}.homepage-section:nth-child(2){animation-delay:.2s}.homepage-section:nth-child(3){animation-delay:.3s}.homepage-section:nth-child(4){animation-delay:.4s}.homepage-section:nth-child(5){animation-delay:.5s}.homepage-section:nth-child(6){animation-delay:.6s}.homepage-section:nth-child(7){animation-delay:.7s}.homepage-section:nth-child(8){animation-delay:.8s}.loading{background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--background-default) 0,var(--background-secondary) 100%);flex-direction:column}.loading-spinner{background:none;box-sizing:border-box;filter:drop-shadow(0 0 12px #00eaff88);height:44px;max-height:44px;max-width:44px;min-height:44px;min-width:44px;width:44px}.spinner-ring{animation:spin 1s linear infinite,spinnerPulse 1.6s ease-in-out infinite;background:#0000;border:3px solid #00b0ff1a;border-image:linear-gradient(90deg,#00eaff,#7c4dff) 1;border-top-color:currentcolor;box-sizing:border-box;display:block;filter:drop-shadow(0 0 8px #00eaffcc);height:38px;width:38px}@keyframes spinnerPulse{0%,to{box-shadow:0 0 0 0 #00eaff44}50%{box-shadow:0 0 16px 4px #00eaff66}}.error{background:linear-gradient(135deg,#fff,#f8f9fa);background:linear-gradient(135deg,var(--background-default) 0,var(--background-secondary) 100%);flex-direction:column;padding:2rem}@media (prefers-color-scheme:dark){.homepage-section{background:linear-gradient(135deg,#1e2232cc,#282c3c99);border:1px solid #ffffff0d}.empty-state{border:2px dashed #ffffff1a}.artist-card,.empty-state{background:linear-gradient(135deg,#1e223299,#282c3c66)}.artist-card{border:1px solid #ffffff0d}}.homepage-section-header svg{transition:transform .3s ease,color .3s ease}.homepage-section:hover .homepage-section-header svg{color:var(--primary-color);transform:scale(1.1)}.show-more-link{overflow:hidden;position:relative}.show-more-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.show-more-link:hover:before{left:100%}*{transition:all .3s cubic-bezier(.4,0,.2,1)}.homepage-section-header{font-weight:800;letter-spacing:-.02em}.empty-state-title,.homepage-section-header{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.empty-state-title{font-weight:700;letter-spacing:-.01em}.artist-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;letter-spacing:.01em}[data-performance-mode=optimized] .home-page:before,[data-performance-mode=optimized] .music-banner:after,[data-performance-mode=optimized] .music-banner:before{display:none}[data-performance-mode=optimized] .music-banner{animation:none;background:linear-gradient(135deg,#00b0ff,#00bcd4);background:var(--gradient-primary)}[data-performance-mode=optimized] .music-banner-title{animation:none}[data-performance-mode=optimized] .music-banner-title:after{display:none}[data-performance-mode=optimized] .music-banner-flow-btn,[data-performance-mode=optimized] .music-banner-subtitle{animation:none}[data-performance-mode=optimized] .music-banner-waves{display:none}[data-performance-mode=optimized] .homepage-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;background:var(--background-paper)}[data-performance-mode=optimized] .homepage-section:before{animation:none;background:#00b0ff;background:var(--primary-blue)}[data-performance-mode=optimized] .homepage-section:hover{box-shadow:0 4px 16px #0000001a;box-shadow:0 4px 16px var(--shadow-color);transform:none}[data-performance-mode=optimized] .artist-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;background:var(--background-paper)}[data-performance-mode=optimized] .artist-card:before{display:none}[data-performance-mode=optimized] .artist-card:hover{box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}[data-performance-mode=optimized] .artist-card:hover .artist-avatar{box-shadow:0 4px 12px #00b0ff33;transform:scale(1.05)}[data-performance-mode=optimized] .empty-state{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;background:var(--background-paper)}[data-performance-mode=optimized] .empty-state:before{display:none}[data-performance-mode=optimized] .empty-state-icon{animation:none}[data-performance-mode=optimized] .show-more-link{background:#00b0ff;background:var(--primary-blue);box-shadow:0 2px 8px #00b0ff33}[data-performance-mode=optimized] .show-more-link:hover{box-shadow:0 4px 12px #00b0ff4d;transform:translateY(-1px)}[data-performance-mode=optimized] .refresh-btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;background:var(--background-paper)}[data-performance-mode=optimized] .refresh-btn:hover{box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color);transform:rotate(90deg)}[data-performance-mode=optimized] .homepage-section-header:before{animation:none;background:#00b0ff;background:var(--primary-blue)}[data-performance-mode=optimized] .homepage-section-header svg{filter:none}[data-performance-mode=optimized] .homepage-section:hover .homepage-section-header svg{filter:none;transform:scale(1.05)}[data-performance-mode=optimized] .homepage-section,[data-performance-mode=optimized] .homepage-section:first-child,[data-performance-mode=optimized] .homepage-section:nth-child(2),[data-performance-mode=optimized] .homepage-section:nth-child(3),[data-performance-mode=optimized] .homepage-section:nth-child(4),[data-performance-mode=optimized] .homepage-section:nth-child(5),[data-performance-mode=optimized] .homepage-section:nth-child(6),[data-performance-mode=optimized] .homepage-section:nth-child(7),[data-performance-mode=optimized] .homepage-section:nth-child(8){animation:none}[data-performance-mode=optimized] .artist-card:after,[data-performance-mode=optimized] .show-more-link:before{display:none}[data-performance-mode=optimized] *{transition:all .2s ease}[data-performance-mode=optimized] .loading-spinner,[data-performance-mode=optimized] .refresh-btn.spinning{animation:spin 1s linear infinite}@media (max-width:768px){.home-page:before{opacity:.5}.music-banner:after,.music-banner:before{opacity:.3}.artist-card,.empty-state,.homepage-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@media (max-width:480px){.home-page:before,.music-banner:after,.music-banner:before{display:none}.artist-card,.empty-state,.homepage-section{-webkit-backdrop-filter:none;backdrop-filter:none}}.recommended-section{background:#fff;background:var(--background-paper,#fff);border-radius:18px;box-shadow:0 4px 24px 0 #00b0ff12,0 2px 8px #0000000a;margin-top:36px;max-width:100%;padding:24px 24px 18px;position:relative}.recommended-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.recommended-title{color:#00b0ff;color:var(--primary-color,#00b0ff);font-size:2rem;font-weight:800;margin:0}.recommended-refresh-btn{align-items:center;background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);border:none;border-radius:50%;box-shadow:0 2px 8px #00b0ff1a;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-left:12px;position:relative;transition:background .2s,transform .2s;width:40px}.recommended-refresh-btn.spinning{animation:spin .8s linear infinite}.recommended-tracks{-ms-overflow-style:none;display:flex;gap:24px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.recommended-tracks::-webkit-scrollbar{display:none}.recommended-track{align-items:center;background:#fff;background:var(--background-default,#f8fbff);border-radius:14px;box-shadow:0 2px 8px #00b0ff12;cursor:pointer;display:flex;flex-direction:column;max-width:210px;min-width:210px;padding:16px 12px 14px;position:relative;transition:box-shadow .22s,transform .22s;width:210px}.recommended-track:hover{box-shadow:0 8px 32px #00b0ff21,0 2px 8px #00000014;transform:translateY(-4px) scale(1.03)}.recommended-cover{aspect-ratio:1/1;background:#eaf6ff;border-radius:12px;box-shadow:0 2px 8px #00b0ff1a;margin-bottom:12px;object-fit:cover;width:100%}.recommended-info{margin-bottom:8px;text-align:left;width:100%}.recommended-title-link{color:#1a1a1a;color:var(--text-primary,#222);display:block;font-size:1.08rem;font-weight:700;margin-bottom:2px;text-decoration:none;transition:color .18s}.recommended-title-link:hover .recommended-title{color:#00b0ff;color:var(--primary-color,#00b0ff)}.recommended-title{font-size:1.08rem;font-weight:700;margin:0 0 2px}.recommended-artist,.recommended-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommended-artist{color:#00b0ff;color:var(--primary-color,#00b0ff);font-size:.98rem;font-weight:600;opacity:.92}.recommended-play-btn{align-items:center;background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);border:none;border-radius:50%;bottom:14px;box-shadow:0 2px 8px #00b0ff1a;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:44px;justify-content:center;position:absolute;right:14px;transition:background .2s,transform .2s;width:44px;z-index:2}.recommended-play-btn.playing{background:#fff;box-shadow:0 8px 32px #00b0ff2e,0 4px 16px #0000001a;color:#00b0ff;color:var(--primary-color,#00b0ff)}.recommended-play-btn .recommended-play-btn-effect{background:radial-gradient(circle,#00b0ff22 0,#0000 80%);border-radius:50%;height:60px;left:50%;opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:1}.empty-recommended{color:#666;color:var(--text-secondary,#888);font-size:1.1rem;padding:18px 0;text-align:center;width:100%}@media (max-width:900px){.recommended-section{padding:16px 6px 12px}.recommended-tracks{gap:14px}.recommended-track{max-width:140px;min-width:140px;padding:8px 4px;width:140px}.recommended-title{font-size:.98rem}.recommended-artist{font-size:.91rem}}@media (max-width:600px){.recommended-section{border-radius:10px;padding:10px 2px 8px}.recommended-tracks{gap:8px}.recommended-track{max-width:92vw;min-width:92vw;padding:6px 2px;width:92vw}}.recommended-tracks-container{align-items:center;display:flex;position:relative;width:100%}.recommended-tracks-container .scroll-button{align-items:center;background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);border:none;border-radius:50%;box-shadow:0 2px 8px #00b0ff1a;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .18s,background .18s,color .18s,box-shadow .18s,transform .18s;width:40px;z-index:10}.recommended-tracks-container:focus-within .scroll-button,.recommended-tracks-container:hover .scroll-button{opacity:1;pointer-events:auto}.recommended-tracks-container .scroll-button.left{left:-6px}.recommended-tracks-container .scroll-button.right{right:-6px}.recommended-tracks-container .scroll-button:focus,.recommended-tracks-container .scroll-button:hover{background:#fff;box-shadow:0 8px 32px #00b0ff2e,0 4px 16px #0000001a;color:#00b0ff;color:var(--primary-color,#00b0ff);transform:translateY(-50%) scale(1.08)}.recommended-tracks-container .scroll-button:active{transform:translateY(-50%) scale(.97)}@media (max-width:600px){.recommended-tracks-container .scroll-button{font-size:.95rem;height:32px;opacity:1!important;pointer-events:auto!important;width:32px}.recommended-tracks-container .scroll-button.left{left:-4px}.recommended-tracks-container .scroll-button.right{right:-4px}}.genre-filter-bar-compact{align-items:center;display:flex;margin:0 auto 18px;max-width:900px;padding:0 0 8px;position:relative;width:100%;z-index:2}.genre-scroll-list{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.genre-scroll-list::-webkit-scrollbar{display:none}.genre-chip{background:#fff;background:var(--background-paper,#fff);border:1.5px solid #0000001a;border:1.5px solid var(--border-color,#e0e0e0);border-radius:18px;box-shadow:0 1px 4px #00b0ff0a;color:#1a1a1a;color:var(--text-primary,#222);font-size:1rem;font-weight:600;height:36px;justify-content:center;min-width:36px;outline:none;padding:0 14px;position:relative;transition:background .18s,color .18s,border .18s,box-shadow .18s,transform .18s;-webkit-user-select:none;user-select:none}.genre-chip.selected{background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);border:none;box-shadow:0 2px 8px #00b0ff21;color:#fff;transform:scale(1.08);z-index:1}.genre-chip:focus,.genre-chip:hover{background:#4fc3f7;background:var(--primary-blue-light,#4fc3f7);border:none;box-shadow:0 2px 8px #00b0ff21;color:#fff;transform:scale(1.06)}.genre-chip-label{font-size:1rem;font-weight:600;letter-spacing:.01em;padding-left:2px;padding-right:2px;white-space:nowrap}.genre-reset-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 1px 4px #00b0ff12;color:#00b0ff;color:var(--primary-blue,#00b0ff);cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;margin-left:10px;transition:background .18s,color .18s,box-shadow .18s;width:28px}.genre-reset-btn:focus,.genre-reset-btn:hover{background:#4fc3f7;background:var(--primary-blue-light,#4fc3f7);color:#fff}@media (max-width:600px){.genre-filter-bar-compact{max-width:100vw;padding:0 2vw 6px}.genre-chip{border-radius:15px;font-size:.93rem;height:30px;min-width:30px;padding:0 10px}.genre-reset-btn{font-size:1rem;height:24px;width:24px}}.events-section{background:#fff!important;border-radius:18px;box-shadow:0 4px 24px 0 #00b0ff12,0 2px 8px #0000000a;margin-bottom:36px;max-width:100%;padding:24px 24px 18px;position:relative}.events-scroll-list{-ms-overflow-style:none;display:flex;flex-direction:row;gap:18px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.events-scroll-list::-webkit-scrollbar{display:none}@media (max-width:900px){.events-section{padding:16px 6px 12px}.events-scroll-list{gap:10px}}@media (max-width:600px){.events-section{border-radius:10px;padding:10px 2px 8px}.events-scroll-list{gap:6px}}.events-section .empty-state{align-items:center;color:#666;color:var(--text-secondary,#888);display:flex;flex-direction:column;font-size:1.18rem;font-weight:600;gap:10px;justify-content:center;min-height:120px;opacity:.85;padding:32px 0 24px}.events-section .empty-state:before{content:"🎫";display:block;font-size:2.5rem;margin-bottom:8px;opacity:.7}[data-theme=dark] .events-section .empty-state{color:#b0b0b0}.personal-greeting{align-items:center;animation:greetingFadeIn-light 1.2s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--background-paper);border-radius:24px;box-shadow:0 4px 24px #0000001a;box-shadow:0 4px 24px var(--shadow-color);display:flex;gap:2rem;margin-bottom:2.5rem;max-width:700px;overflow:hidden;padding:2rem 2.5rem;position:relative;width:100%}.personal-greeting:before{background:linear-gradient(135deg,#00b0ff,#00bcd4);background:var(--gradient-primary);border-radius:50%;content:"";filter:blur(8px);height:180px;left:-60px;opacity:.12;position:absolute;top:-60px;width:180px;z-index:0}.greeting-avatar-wrap{flex-shrink:0;z-index:1}.greeting-avatar{background:#f8f9fa;background:var(--background-secondary);border:4px solid #00b0ff;border:4px solid var(--primary-blue);border-radius:50%;box-shadow:0 2px 16px #0000001a;box-shadow:0 2px 16px var(--shadow-color);height:88px;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;width:88px}.greeting-avatar:hover{box-shadow:0 8px 32px #4fc3f7;box-shadow:0 8px 32px var(--primary-blue-light);transform:scale(1.07) rotate(-2deg)}.greeting-texts{display:flex;flex-direction:column;gap:.7rem;z-index:1}.greeting-hello{color:#1a1a1a;color:var(--text-primary);font-size:1.45rem;font-weight:700;letter-spacing:.01em;line-height:1.2;text-shadow:0 2px 8px #ffffff1a;text-shadow:0 2px 8px var(--glass-bg)}.greeting-username{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#00b0ff,#7c4dff,#00b0ff);background:linear-gradient(90deg,var(--primary-blue),var(--accent-purple),var(--primary-blue));-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:#00b0ff;color:var(--primary-blue);font-weight:800;letter-spacing:.02em;position:relative;text-shadow:0 2px 8px #4fc3f7;text-shadow:0 2px 8px var(--primary-blue-light);z-index:1}.greeting-username:after{animation:shimmer-stripe-light 2.8s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(120deg,#0000,#ffffffb3 45%,#fffffff2 50%,#0000 55%,#0000);content:"";height:100%;left:-20%;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateX(-60%) skewX(-20deg);width:140%}[data-theme=dark] .greeting-username:after{animation-name:shimmer-stripe-dark;background:linear-gradient(120deg,#0000,#b388ff 45%,#fff 50%,#0000 55%,#0000)}[data-theme=exclusive] .greeting-username:after{animation-name:shimmer-stripe-exclusive;background:linear-gradient(120deg,#0000,#f093fb 45%,#fff 50%,#0000 55%,#0000)}@keyframes shimmerGlow{0%{background-position:0 50%;filter:drop-shadow(0 0 0 #4fc3f7);filter:drop-shadow(0 0 0 var(--primary-blue-light))}40%{background-position:100% 50%;filter:drop-shadow(0 0 8px #4fc3f7);filter:drop-shadow(0 0 8px var(--primary-blue-light))}60%{background-position:100% 50%;filter:drop-shadow(0 0 12px #7c4dff);filter:drop-shadow(0 0 12px var(--accent-purple))}to{background-position:0 50%;filter:drop-shadow(0 0 0 #4fc3f7);filter:drop-shadow(0 0 0 var(--primary-blue-light))}}.greeting-quote{color:#666;color:var(--text-secondary);font-size:1.08rem;font-style:italic;line-height:1.5;margin-top:.2rem;max-width:420px;opacity:.92;transition:color .3s}@media (max-width:700px){.personal-greeting{align-items:flex-start;flex-direction:column;gap:1.2rem;max-width:98vw;padding:1.2rem 1rem}.greeting-avatar{height:64px;width:64px}.greeting-hello{font-size:1.1rem}.greeting-quote{font-size:.98rem;max-width:95vw}}[data-theme=dark] .personal-greeting{animation:greetingFadeIn-dark 1.2s cubic-bezier(.4,0,.2,1);background:#f8f9fa;background:var(--background-secondary);box-shadow:0 4px 24px #00000073}[data-theme=dark] .greeting-quote{color:#b0c4d4}[data-theme=exclusive] .personal-greeting{animation:greetingFadeIn-exclusive 1.2s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--background-paper);box-shadow:0 4px 24px #222b}[data-theme=realtime] .home-page{background:linear-gradient(135deg,#e3f6fd,#b3e5fc);background:var(--realtime-bg-gradient,linear-gradient(135deg,#e3f6fd 0,#b3e5fc 100%));overflow:hidden;position:relative}.realtime-bg,[data-theme=realtime] .home-page{transition:background 1.2s cubic-bezier(.4,0,.2,1)}.realtime-bg{bottom:0;height:100vh;left:0;pointer-events:none;position:fixed;right:0;top:0;width:100vw;z-index:-2}.realtime-sun{background:radial-gradient(circle,#fffde4 0,#ffe680 60%,#ffd600 100%);border-radius:50%;box-shadow:0 0 60px 20px #ffe68088;height:90px;opacity:.95;position:absolute;transition:opacity .5s ease;width:90px;z-index:1}@keyframes sunMove{0%{left:10vw;top:60px}50%{left:80vw;top:30px}to{left:10vw;top:60px}}.realtime-moon{background:radial-gradient(circle,#fff 0,#b3c6ff 60%,#5c6bc0 100%);border-radius:50%;box-shadow:0 0 40px 10px #b3c6ff88;height:70px;opacity:.92;position:absolute;transition:opacity .5s ease;width:70px;z-index:1}@keyframes moonMove{0%{left:80vw;top:70px}50%{left:15vw;top:40px}to{left:80vw;top:70px}}.realtime-stars{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.realtime-star{animation:starTwinkle 2.5s infinite alternate;background:#fff;border-radius:50%;height:2.5px;opacity:.7;position:absolute;width:2.5px}@keyframes starTwinkle{0%{opacity:.5}50%{opacity:1}to{opacity:.3}}[data-theme=realtime] .music-banner.morning{background:linear-gradient(135deg,#4fc3f7,#ffb6ec 55%,#fffde4)}[data-theme=realtime] .music-banner.day{background:linear-gradient(135deg,#4fc3f7,#00bcd4)}[data-theme=realtime] .music-banner.evening{background:linear-gradient(135deg,#ffd89b,#19547b)}[data-theme=realtime] .music-banner.night{background:linear-gradient(135deg,#232526,#414345)}.communities-scroll-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem;margin-top:1.5rem}.community-card-homepage{align-items:stretch;animation:cardFadeIn .7s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--background-paper);border:2.5px solid #0000001a;border:2.5px solid var(--border-color);border-radius:22px;box-shadow:0 4px 24px #00000012;color:inherit;display:flex;flex-direction:row;margin-bottom:.5rem;min-height:160px;overflow:hidden;position:relative;text-decoration:none;transition:box-shadow .22s,background .22s,transform .22s}.community-card-homepage:hover{background:#f0f4fa;background:var(--background-hover,#f0f4fa);border-color:#0000001a;border-color:var(--border-color);box-shadow:0 8px 32px #00b0ff21,0 2px 8px #00000014}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:none}}.community-avatar-homepage{align-items:center;background:linear-gradient(135deg,#e3f6fd,#b3e5fc);border:3px solid #fff;border-radius:12px;box-shadow:0 2px 16px #00b0ff22;display:flex;flex-shrink:0;height:96px;justify-content:center;margin:28px 0 28px 28px;overflow:hidden;position:relative;width:96px}.community-avatar-homepage img{border-radius:12px;height:100%;object-fit:cover;width:100%}@media (max-width:900px){.community-avatar-homepage{border-radius:10px;height:64px;margin:16px 0 16px 16px;width:64px}.community-avatar-homepage img{border-radius:10px}}@media (max-width:600px){.community-avatar-homepage{border-radius:7px;height:44px;margin:8px 0 8px 8px;width:44px}.community-avatar-homepage img{border-radius:7px}}.community-info-homepage{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0;padding:28px 28px 28px 24px}.community-name-homepage{color:#0277bd;color:var(--primary-blue-dark);font-size:1.32rem;font-weight:800;letter-spacing:.01em;margin:0 0 .3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-description-homepage{color:#666;color:var(--text-secondary);font-size:1.01rem;line-height:1.5;margin-bottom:.7em;max-height:2.7em;overflow:hidden;position:relative;text-overflow:ellipsis}.community-description-homepage:after{background:linear-gradient(90deg,#0000,#fff 80%);background:linear-gradient(90deg,#0000,var(--background-paper) 80%);bottom:0;content:"";display:block;height:1.5em;pointer-events:none;position:absolute;right:0;width:60px}.community-meta-homepage{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin-top:auto}.community-owner-homepage{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-size:1.01rem;gap:.5rem}.owner-avatar-homepage{background:#fff;border:2.5px solid #ffe680;border-radius:50%;box-shadow:0 2px 8px #ffd60033;height:32px;object-fit:cover;width:32px}.artist-badge-homepage{background:linear-gradient(135deg,#7c4dff,#00b0ff);background:linear-gradient(135deg,var(--accent-purple),var(--primary-blue));border-radius:8px;box-shadow:0 1px 4px #00b0ff22;color:#fff;font-size:.75em;font-weight:600;letter-spacing:.03em;margin-left:.5em;padding:.18em .7em;text-transform:uppercase}.community-stats-homepage{align-items:center;background:#e3f6fd;border-radius:8px;box-shadow:0 1px 4px #00b0ff11;color:#0277bd;color:var(--primary-blue-dark);display:flex;font-size:.98rem;font-weight:700;gap:.7em;padding:.18em .7em}.member-count-homepage{align-items:center;display:flex;gap:.3em}@media (max-width:900px){.communities-scroll-list{gap:1.2rem}.community-card-homepage{border-radius:16px;min-height:120px}.community-avatar-homepage{height:64px;margin:16px 0 16px 16px;width:64px}.community-info-homepage{padding:16px 16px 16px 12px}}@media (max-width:600px){.communities-scroll-list{gap:.7rem;grid-template-columns:1fr}.community-card-homepage{border-radius:10px;min-height:90px}.community-avatar-homepage{height:44px;margin:8px 0 8px 8px;width:44px}.community-info-homepage{padding:8px}}.recent-play-btn .loading-spinner,.recommended-play-btn .loading-spinner,.result-play-btn .loading-spinner{align-items:center;background:none;box-shadow:none;display:flex;filter:none;height:28px;justify-content:center;left:50%;max-height:28px;max-width:28px;min-height:28px;min-width:28px;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;z-index:2}.recent-play-btn .spinner-ring,.recommended-play-btn .spinner-ring,.result-play-btn .spinner-ring{border-width:2.5px;filter:none;height:20px;width:20px}.greeting-avatar-fallback{align-items:center;background:#00b0ff;background:var(--primary-blue,#00b0ff);border:4px solid #00b0ff;border:4px solid var(--primary-blue);border-radius:50%;box-shadow:0 2px 16px #0000001a;box-shadow:0 2px 16px var(--shadow-color);color:#fff;display:flex;font-size:2.8rem;font-weight:700;height:88px;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;-webkit-user-select:none;user-select:none;width:88px}@media (max-width:700px){.greeting-avatar-fallback{font-size:2rem;height:64px;width:64px}}[data-theme=dark] .greeting-avatar-fallback{background:#015a8c;border-color:#4fc3f7;color:#fff}[data-theme=exclusive] .greeting-avatar-fallback{background:#232b3b;border-color:#7c4dff;color:#fff}.community-card-homepage:after{background:linear-gradient(90deg,#00b0ff,#7c4dff 70%,#00b0ff);border:2.5px solid #0000;border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s;z-index:2}.community-card-homepage:hover:after{border:2.5px solid #0000;opacity:1}.event-card{align-items:center;background:var(--background-paper,#fff);border-radius:16px;box-shadow:0 4px 24px 0 #00b0ff12,0 2px 8px #0000000a;cursor:pointer;margin:0 8px;max-width:250px;min-width:200px;overflow:hidden;transition:box-shadow .22s,transform .22s;width:100%}@media (max-width:1200px){.event-card{border-radius:14px;max-width:220px;min-width:180px}}@media (max-width:900px){.event-card{border-radius:12px;margin:0 6px;max-width:200px;min-width:160px}}@media (max-width:768px){.event-card{border-radius:10px;margin:0 4px;max-width:180px;min-width:140px}}@media (max-width:600px){.event-card{border-radius:8px;margin:0 3px;max-width:160px;min-width:120px}}@media (max-width:480px){.event-card{border-radius:6px;margin:0 2px;max-width:140px;min-width:100px}}@media (max-width:360px){.event-card{border-radius:4px;margin:0 1px;max-width:120px;min-width:80px}}.event-card:hover{box-shadow:0 8px 32px #00b0ff21,0 2px 8px #00000014;transform:translateY(-4px) scale(1.03)}.event-card-cover{align-items:center;aspect-ratio:1/1;background:#eaf6ff;display:flex;justify-content:center;overflow:hidden;width:100%}.event-card-cover img{border-radius:0 0 0 0;height:100%;object-fit:cover;width:100%}.event-card-info{align-items:flex-start;background:#0000;display:flex;flex-direction:column;padding:14px 14px 12px;width:100%}.event-card-date{color:#00b0ff;color:var(--primary-blue,#00b0ff);font-size:.98rem;font-weight:700;margin-bottom:4px}.event-card-artist{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:.97rem;gap:6px;margin-bottom:6px}.event-card-artist-avatar{background:#fff;border:1.5px solid #00b0ff;border:1.5px solid var(--primary-blue,#00b0ff);border-radius:50%;height:22px;object-fit:cover;width:22px}.event-card-title{color:#222;color:var(--text-primary,#222);font-size:1.13rem;font-weight:800;margin-bottom:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-card-details-btn{background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);border:none;border-radius:8px;box-shadow:0 1px 4px #00b0ff12;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:7px 0;transition:background .18s,color .18s,box-shadow .18s;width:100%}.event-card-details-btn:focus,.event-card-details-btn:hover{background:#fff;box-shadow:0 4px 16px #00b0ff21;color:#00b0ff;color:var(--primary-blue,#00b0ff)}@media (max-width:600px){.event-card{max-width:92vw;min-width:92vw;width:92vw}}@media (max-width:768px){*{-webkit-tap-highlight-color:transparent}body{-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}.content-wrapper,.main-container,.page-container{margin:0;max-width:100%;padding:var(--mobile-padding)}.sidebar{display:none!important}.content{margin-left:0!important;padding:0!important;width:100%!important}.mobile-content{min-height:100vh;padding-bottom:var(--mobile-nav-height);padding-top:var(--mobile-header-height)}.page-title,.section-title{font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.page-subtitle,.section-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.4;margin-bottom:.75rem}.card,.modal-content,.panel,.section{border-radius:var(--mobile-card-radius);box-shadow:0 2px 8px #0000001a;margin:var(--mobile-spacing) 0;padding:var(--mobile-padding)}.grid-container{gap:var(--mobile-spacing);grid-template-columns:1fr}.grid-2-cols,.grid-3-cols,.grid-4-cols{gap:var(--mobile-spacing);grid-template-columns:repeat(2,1fr)}.artist-grid,.event-grid,.playlist-grid,.track-grid{gap:14px!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;padding:0 8px!important}.artist-card,.event-card,.playlist-card,.square-card,.track-card{border-radius:var(--mobile-card-radius);box-shadow:0 2px 8px #0000001a;max-width:none!important;min-width:0!important;min-width:auto!important;transition:transform .2s ease,box-shadow .2s ease;width:100%!important}.artist-card:hover,.event-card:hover,.playlist-card:hover,.square-card:hover,.track-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.btn,.button,button:not(.icon-button){border:none;border-radius:var(--mobile-border-radius);cursor:pointer;font-size:.95rem;font-weight:600;min-height:var(--mobile-touch-target);padding:12px 20px;transition:all .2s ease}.btn-small{font-size:.85rem;min-height:36px;padding:8px 16px}.btn-large{font-size:1.1rem;min-height:52px;padding:16px 24px}.input,input,select,textarea{border:2px solid var(--border-color);border-radius:var(--mobile-border-radius);box-sizing:border-box;font-size:16px;min-height:var(--mobile-touch-target);padding:12px 16px;width:100%}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.nav-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 var(--mobile-padding);scroll-behavior:smooth}.nav-tab{border-radius:var(--mobile-border-radius);margin-right:8px;min-width:120px;padding:12px 20px;white-space:nowrap}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--mobile-card-radius);overflow-x:auto}.table{min-width:600px}.table td,.table th{font-size:.9rem;padding:12px 8px}.modal-overlay{padding:var(--mobile-padding)}.modal-dialog{border-radius:var(--mobile-large-radius);margin:0;max-height:90vh;max-width:100%;overflow-y:auto;width:100%}.list-item{background:var(--background-paper);border-radius:var(--mobile-border-radius);margin:4px 0;padding:16px}.list-item-compact{padding:12px}.image-responsive{border-radius:var(--mobile-border-radius);height:auto;max-width:100%}.avatar{border-radius:50%;min-height:40px;min-width:40px}.avatar-large{min-height:60px;min-width:60px}.mt-mobile{margin-top:var(--mobile-padding)}.mb-mobile{margin-bottom:var(--mobile-padding)}.ml-mobile{margin-left:var(--mobile-padding)}.mr-mobile,.mx-mobile{margin-right:var(--mobile-padding)}.mx-mobile{margin-left:var(--mobile-padding)}.my-mobile{margin-bottom:var(--mobile-padding);margin-top:var(--mobile-padding)}.pt-mobile{padding-top:var(--mobile-padding)}.pb-mobile{padding-bottom:var(--mobile-padding)}.pl-mobile{padding-left:var(--mobile-padding)}.pr-mobile,.px-mobile{padding-right:var(--mobile-padding)}.px-mobile{padding-left:var(--mobile-padding)}.py-mobile{padding-bottom:var(--mobile-padding);padding-top:var(--mobile-padding)}.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-grid{display:grid!important}.clickable,.interactive{min-height:var(--mobile-touch-target);min-width:var(--mobile-touch-target)}.card,.panel,.section{margin:8px 0}.text-small{font-size:.9rem}.text-large{font-size:1.1rem}.form-control,.input-group{margin-bottom:16px}.list-group-item{border-radius:var(--mobile-border-radius);margin-bottom:4px;padding:12px 16px}}@media (max-width:480px){:root{--mobile-padding:12px;--mobile-spacing:10px}.page-title,.section-title{font-size:1.5rem}.grid-2-cols{grid-template-columns:1fr}.artist-grid,.event-grid,.playlist-grid,.track-grid{gap:12px!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;padding:0 4px!important}.btn,.button,button:not(.icon-button){font-size:.9rem;padding:10px 16px}.input,input,select,textarea{font-size:16px;padding:10px 14px}.list-item{padding:12px}.nav-tab{font-size:.9rem;min-width:100px;padding:10px 16px}}@media (max-width:360px){:root{--mobile-padding:8px;--mobile-spacing:8px}.page-title,.section-title{font-size:1.3rem}.artist-grid,.event-grid,.playlist-grid,.track-grid{gap:10px!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;padding:0 2px!important}.btn,.button,button:not(.icon-button){font-size:.85rem;padding:8px 12px}.input,input,select,textarea{padding:8px 12px}.list-item{padding:10px}.nav-tab{font-size:.85rem;min-width:80px;padding:8px 12px}}.mobile-card{background:var(--background-paper);border:1px solid var(--border-color);border-radius:var(--mobile-card-radius);box-shadow:0 2px 8px #0000001a;margin:var(--mobile-spacing) 0;padding:var(--mobile-padding)}.mobile-card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--mobile-spacing);padding-bottom:var(--mobile-spacing)}.mobile-card-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.mobile-card-content{color:var(--text-secondary);line-height:1.5}.mobile-list{background:var(--background-paper);border-radius:var(--mobile-card-radius);box-shadow:0 2px 8px #0000001a;overflow:hidden}.mobile-list-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--mobile-spacing);padding:var(--mobile-padding);transition:background-color .2s ease}.mobile-list-item:last-child{border-bottom:none}.mobile-list-item:active{background-color:var(--hover-color)}.mobile-list-item-content{flex:1 1;min-width:0}.mobile-list-item-title{color:var(--text-primary);font-weight:600;margin:0 0 4px}.mobile-list-item-subtitle,.mobile-list-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-list-item-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0}.mobile-btn{align-items:center;border:none;border-radius:var(--mobile-border-radius);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-height:var(--mobile-touch-target);padding:12px 20px;transition:all .2s ease;width:100%}.mobile-btn-primary{background:var(--primary-color);color:#fff}.mobile-btn-primary:active{background:var(--primary-hover);transform:scale(.98)}.mobile-btn-secondary{background:var(--background-paper);border:1px solid var(--border-color);color:var(--text-primary)}.mobile-btn-secondary:active{background:var(--hover-color);transform:scale(.98)}.mobile-form{background:var(--background-paper);border-radius:var(--mobile-card-radius);box-shadow:0 2px 8px #0000001a;padding:var(--mobile-padding)}.mobile-form-group{margin-bottom:var(--mobile-padding)}.mobile-form-label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.mobile-form-input{background:var(--background-paper);border:2px solid var(--border-color);border-radius:var(--mobile-border-radius);color:var(--text-primary);font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mobile-form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.mobile-grid{grid-gap:var(--mobile-spacing);display:grid;gap:var(--mobile-spacing);padding:var(--mobile-padding)}.mobile-grid-2{grid-template-columns:repeat(2,1fr)}.mobile-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:480px){.mobile-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:360px){.mobile-grid-2,.mobile-grid-3{grid-template-columns:1fr}}.mobile-mt-0{margin-top:0}.mobile-mt-1{margin-top:4px}.mobile-mt-2{margin-top:8px}.mobile-mt-3{margin-top:12px}.mobile-mt-4{margin-top:16px}.mobile-mt-5{margin-top:20px}.mobile-mb-0{margin-bottom:0}.mobile-mb-1{margin-bottom:4px}.mobile-mb-2{margin-bottom:8px}.mobile-mb-3{margin-bottom:12px}.mobile-mb-4{margin-bottom:16px}.mobile-mb-5{margin-bottom:20px}.mobile-p-0{padding:0}.mobile-p-1{padding:4px}.mobile-p-2{padding:8px}.mobile-p-3{padding:12px}.mobile-p-4{padding:16px}.mobile-p-5{padding:20px}.mobile-text-center{text-align:center}.mobile-text-left{text-align:left}.mobile-text-right{text-align:right}.mobile-text-xs{font-size:.75rem}.mobile-text-sm{font-size:.875rem}.mobile-text-base{font-size:1rem}.mobile-text-lg{font-size:1.125rem}.mobile-text-xl{font-size:1.25rem}.mobile-font-light{font-weight:300}.mobile-font-normal{font-weight:400}.mobile-font-medium{font-weight:500}.mobile-font-semibold{font-weight:600}.mobile-font-bold{font-weight:700}.mobile-flex{display:flex}.mobile-flex-col{flex-direction:column}.mobile-flex-row{flex-direction:row}.mobile-items-center{align-items:center}.mobile-justify-center{justify-content:center}.mobile-justify-between{justify-content:space-between}.mobile-justify-around{justify-content:space-around}.mobile-hidden{display:none!important}.mobile-block{display:block!important}.mobile-inline{display:inline!important}.mobile-inline-block{display:inline-block!important}.mobile-overflow-hidden{overflow:hidden}.mobile-overflow-auto{overflow:auto}.mobile-overflow-scroll{overflow:scroll}.mobile-relative{position:relative}.mobile-absolute{position:absolute}.mobile-fixed{position:fixed}.mobile-sticky{position:-webkit-sticky;position:sticky}.mobile-z-0{z-index:0}.mobile-z-10{z-index:10}.mobile-z-20{z-index:20}.mobile-z-30{z-index:30}.mobile-z-40{z-index:40}.mobile-z-50{z-index:50}@media (hover:none) and (pointer:coarse){.hover-effect:hover{transform:none}.btn:hover,.button:hover,button:hover{background-color:var(--primary-color);transform:none}.icon-button{min-height:var(--mobile-touch-target);min-width:var(--mobile-touch-target);padding:10px}*{-webkit-tap-highlight-color:transparent}.card:hover,.paper:hover{box-shadow:var(--card-shadow);transform:none}}@media (max-width:768px) and (orientation:landscape){.content{padding:var(--mobile-small-padding);padding-bottom:120px}.modal-dialog{max-height:90vh;overflow-y:auto}.page-title,.section-title{font-size:1.5rem}}@supports (-webkit-touch-callout:none){.input,input,select,textarea{-webkit-appearance:none;border-radius:var(--mobile-border-radius);font-size:16px!important}}.mobile-empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:32px 16px;text-align:center}.mobile-empty-state svg{margin-bottom:16px;opacity:.6}.mobile-empty-state p{color:var(--text-secondary);font-size:1rem;margin:0 0 16px}.mobile-cta-button{align-items:center;background:var(--primary-color);border-radius:12px;border-radius:var(--mobile-border-radius,12px);box-shadow:0 2px 8px #0000001a;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.mobile-cta-button:active{background:var(--primary-hover);transform:scale(.98)}.mobile-loading{font-size:1rem;min-height:80px;padding:32px 16px}@media (max-width:480px){.mobile-empty-state{min-height:100px;padding:24px 12px}.mobile-empty-state svg{margin-bottom:12px}.mobile-empty-state p{font-size:.9rem;margin-bottom:12px}.mobile-cta-button{font-size:.85rem;padding:10px 20px}.mobile-loading{font-size:.9rem;min-height:60px;padding:24px 12px}}@media (max-width:360px){.mobile-empty-state{min-height:80px;padding:20px 8px}.mobile-empty-state svg{margin-bottom:10px}.mobile-empty-state p{font-size:.85rem;margin-bottom:10px}.mobile-cta-button{font-size:.8rem;padding:8px 16px}.mobile-loading{font-size:.85rem;min-height:50px;padding:20px 8px}}.track-list-page{margin:0 auto;max-width:1200px;padding:40px 20px}.track-list-page h1{color:var(--text-color);font-size:32px;margin-bottom:30px;text-align:center}.track-list-error,.track-list-loading{align-items:center;color:var(--text-color);display:flex;font-size:18px;justify-content:center;min-height:300px}.track-list-error{color:#f44}.track-list-page .track-grid-section{margin-bottom:0}.track-list-page .track-grid-header{display:none}.track-list-page .track-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media (max-width:1024px){.track-list-page .track-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:768px){.track-list-page{padding:20px 10px}.track-list-page h1{font-size:24px;margin-bottom:20px}.track-list-page .track-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:600px){.track-list-page{padding:16px 8px}.track-list-page h1{font-size:20px;margin-bottom:16px}.track-list-page .track-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:480px){.track-list-page{padding:12px 6px}.track-list-page h1{font-size:18px;margin-bottom:12px}.track-list-page .track-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:360px){.track-list-page{padding:8px 4px}.track-list-page h1{font-size:16px;margin-bottom:8px}.track-list-page .track-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.track-list{gap:18px}.track-item{align-items:center;background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-radius:12px;box-shadow:0 2px 8px #00000008;cursor:pointer;display:flex;min-height:80px;padding:12px 18px;transition:box-shadow .2s}.track-item:hover{background:#f0f4fa;background:var(--background-hover,#f0f4fa);box-shadow:0 4px 16px #00b0ff14}.track-item-info{align-items:center;display:flex;flex:1 1}.track-item-cover{background:#eaeaea;border-radius:10px;box-shadow:0 1px 4px #0000000a;height:64px;margin-right:18px;object-fit:cover;width:64px}.track-item-details{display:flex;flex-direction:column;justify-content:center}.track-item-details h3{color:#222;color:var(--text-color,#222);font-size:1.08rem;font-weight:600;line-height:1.2;margin:0 0 2px}.track-item-details p{color:#666;color:var(--text-secondary,#666);font-size:.98rem;line-height:1.2;margin:0}.artist-name-link,.track-title-link{color:inherit;display:block;text-decoration:none;transition:color .2s ease}.artist-name-link:hover,.artist-name-link:hover p,.track-title-link:hover,.track-title-link:hover h3{color:#00b0ff;color:var(--primary-color,#00b0ff)}.track-item-actions{display:flex;gap:10px;margin-left:auto}.control-button.outline{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:50%;color:#888;display:flex;height:36px;justify-content:center;transition:border .2s,color .2s;width:36px}.control-button.outline:hover{border:1.5px solid #00b0ff;color:#00b0ff}.control-button.active{background:#00b0ff12;border-color:#00b0ff;color:#00b0ff}.play-btn{align-items:center;background:#00b0ff;border:none;border-radius:50%;box-shadow:0 2px 8px #00b0ff1a;color:#fff;display:flex;font-size:1.2rem;height:44px;justify-content:center;transition:background .2s;width:44px}.play-btn:hover{background:#0091c2}.play-btn.playing{background:#00e676;box-shadow:0 0 0 0 #00e676,0 0 16px 4px #00e6762e;position:relative}.play-btn.playing .play-btn-effect{animation:playPulse 1.2s cubic-bezier(.4,0,.2,1) infinite;background:#00e6762e;border-radius:50%;display:block;height:54px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:54px;z-index:0}.play-btn .play-btn-effect{display:none}@keyframes playPulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.loading-spinner{height:28px;width:28px}@media (max-width:600px){.track-item{min-height:60px;padding:8px 6px}.track-item-cover{height:48px;margin-right:10px;width:48px}.track-item-details h3{font-size:.98rem}.track-item-details p{font-size:.9rem}.track-list-page .back-button{font-size:.85rem!important;padding:8px 12px!important}.track-list-page .back-button span{display:none}.track-list-page h2{font-size:1.5rem!important}}.comment-report-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.comment-report-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.comment-report-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.comment-report-modal-title{align-items:center;display:flex;gap:.75rem}.comment-report-modal-title h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.comment-report-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.comment-report-modal-close:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.comment-report-modal-content{padding:1.5rem}.comment-report-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.comment-report-preview h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.comment-report-preview-content{color:var(--text-primary);font-size:.875rem;line-height:1.5}.comment-report-preview-content p{margin:0}.comment-report-preview-content strong{color:var(--accent-color)}.comment-report-form{display:flex;flex-direction:column;gap:1.5rem}.comment-report-reasons h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.comment-report-reason-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:background-color .2s}.comment-report-reason-option:hover{background:var(--bg-secondary)}.comment-report-reason-option input[type=radio]{cursor:pointer;margin:0}.comment-report-reason-option span{color:var(--text-primary);cursor:pointer;font-size:.875rem}.comment-report-custom-reason{display:flex;flex-direction:column;gap:.5rem}.comment-report-custom-reason label{color:var(--text-primary);font-size:.875rem;font-weight:500}.comment-report-custom-reason textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;min-height:80px;padding:.75rem;resize:vertical}.comment-report-custom-reason textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-report-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;padding:.75rem}.comment-report-success{color:#059669;font-size:.875rem;padding:2rem;text-align:center}.comment-report-actions{display:flex;gap:.75rem;justify-content:flex-end}.comment-report-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.comment-report-cancel:hover:not(:disabled){background:var(--bg-primary)}.comment-report-submit{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.comment-report-submit:hover:not(:disabled){background:#dc2626}.comment-report-cancel:disabled,.comment-report-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.comment-report-modal{margin:1rem;max-width:none}.comment-report-modal-content,.comment-report-modal-header{padding:1rem}.comment-report-actions{flex-direction:column}.comment-report-actions button{width:100%}}.delete-comment-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.delete-comment-modal{animation:slideIn .3s ease-out;background:var(--background-paper);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow:hidden;width:90vw}.delete-comment-modal-header{align-items:center;display:flex;gap:1rem;padding:1.5rem 1.5rem 0;position:relative}.delete-comment-modal-icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;color:#d97706;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.delete-comment-modal-header h3{color:var(--text-primary);flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.delete-comment-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:all .2s}.delete-comment-modal-close:hover{background:var(--background-hover);color:var(--text-primary)}.delete-comment-modal-content{padding:1.5rem}.delete-comment-modal-message{color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.delete-comment-modal-preview{background:var(--background-hover);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.delete-comment-modal-preview-header{margin-bottom:.5rem}.delete-comment-modal-preview-author{color:var(--primary-color);font-size:.9rem;font-weight:600}.delete-comment-modal-preview-content{color:var(--text-primary);font-size:.9rem;font-style:italic;line-height:1.4}.delete-comment-modal-warning{align-items:center;color:#ef4444;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin:0}.delete-comment-modal-warning:before{content:"⚠️";font-size:1rem}.delete-comment-modal-actions{display:flex;gap:1rem;padding:0 1.5rem 1.5rem}.delete-comment-modal-cancel{background:var(--background-hover);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.delete-comment-modal-cancel:hover:not(:disabled){background:var(--background-hover);border-color:var(--text-secondary)}.delete-comment-modal-confirm{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.delete-comment-modal-confirm:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.delete-comment-modal-confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.delete-comment-modal-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.delete-comment-modal{margin:1rem;width:calc(100vw - 2rem)}.delete-comment-modal-header{padding:1rem 1rem 0}.delete-comment-modal-content{padding:1rem}.delete-comment-modal-actions{flex-direction:column;padding:0 1rem 1rem}.delete-comment-modal-actions button{width:100%}}.track-comments{background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;margin-top:2rem;padding:1.5rem}.comments-panel-content .track-comments{height:100%;margin-top:0;padding:0}.comments-header{border-bottom:1px solid var(--border-color);gap:.75rem;margin-bottom:1.5rem}.comments-header,.comments-panel-content .comments-header{padding-bottom:1rem}.comments-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600}.comments-list{margin-bottom:1.5rem}.comments-panel-content .comments-list{margin-bottom:0}.comment-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.75rem;padding:.75rem}.comment-avatar{height:32px;width:32px}.avatar-placeholder{background:var(--primary-color);font-size:1rem;font-weight:600}.comment-user-details{gap:.125rem}.comment-username{color:var(--text-primary);font-size:.875rem;font-weight:600}.comment-username-link{color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.comment-username-link:hover{color:var(--primary-hover)}.comment-role{border-radius:10px;font-size:.7rem;padding:.125rem .375rem}.comment-timestamp{color:var(--text-secondary);font-size:.7rem}.comment-content{color:var(--text-primary);font-size:.875rem;line-height:1.4;margin-bottom:.375rem}.comment-actions{gap:.375rem}.comment-action-btn{border-radius:4px;color:var(--text-secondary);font-size:.7rem;padding:.2rem .375rem;transition:all .2s}.comment-action-btn:hover{background:var(--background-hover);color:var(--text-primary)}.comment-menu-button{color:var(--text-secondary);transition:all .2s}.comment-reply .comment-menu-button{padding:.15rem}.comment-menu-button:hover{background:var(--background-hover);color:var(--text-primary)}.comments-panel-content .comment-form{margin-top:0}.comment-form input{background:var(--background-paper);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.875rem;padding:.75rem;transition:border-color .2s}.comment-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #00b0ff1a;outline:none}.comment-form button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s;white-space:nowrap}.comment-form button:hover:not(:disabled){background:var(--primary-hover)}.profile-container{margin:0 auto;margin-top:40px!important;max-width:1000px;padding:24px}.profile-container:before{animation:gradientShift 15s ease infinite;background:linear-gradient(45deg,rgba(var(--accent-color-rgb),.1),rgba(var(--accent-color-rgb),.05),rgba(var(--accent-color-rgb),.1));background-size:200% 200%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.profile-paper{background-color:initial!important;box-shadow:none!important;margin-top:24px!important;padding-top:24px;position:relative}.profile-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px 12px 0 0;display:block;height:200px;margin-bottom:80px;min-height:200px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.profile-banner img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.profile-banner.loading,.profile-banner:not(.has-banner){animation:gradientShift 15s ease infinite;background:linear-gradient(45deg,#00b0ff1a,#00b0ff0d,#00b0ff1a);background-size:200% 200%}.profile-banner img{opacity:0;transition:opacity .3s ease}.profile-banner img.loaded{opacity:1}.profile-banner:after{background:linear-gradient(180deg,#0000 0,#0000004d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.profile-info{background-color:var(--background-paper);border:1px solid var(--border-color);border-radius:12px;margin-top:24px;padding:24px;transition:all .3s ease}.profile-info:hover{border-color:var(--primary-color);box-shadow:var(--neon-glow)}.profile-username{font-size:32px;font-weight:700;margin-bottom:8px;text-align:center}.profile-fullname{font-size:18px;margin-bottom:16px;text-align:center}.profile-bio{line-height:1.6;padding:0 20px}.profile-bio,.profile-link{font-size:16px;margin-bottom:24px;text-align:center}.profile-link{display:inline-block;text-decoration:none;transition:all .3s ease;width:100%}.profile-link:hover{opacity:.8}.profile-avatar-container{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;margin-top:-100px;position:relative;z-index:1}.profile-avatar{border:4px solid;box-shadow:0 0 20px #00b0ff33;height:150px!important;transition:all .3s ease;width:150px!important}.profile-avatar:hover{box-shadow:0 0 25px #00b0ffcc;transform:scale(1.05) rotate(5deg)}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{align-items:center;background-color:#ccc;color:#666;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.profile-info h2{color:var(--text-color);font-size:28px;font-weight:600;margin:5px 0;text-shadow:0 0 10px rgba(var(--accent-color-rgb),.3)}.profile-info p{color:var(--text-color);font-size:16px;line-height:1.5;margin:8px 0}.profile-info .full-name{color:var(--accent-color);font-size:18px;margin-bottom:12px;text-shadow:0 0 8px rgba(var(--accent-color-rgb),.3)}.profile-info .bio{line-height:1.6;margin:12px auto;max-width:600px}.profile-info .link{margin:12px 0}.profile-info .link a{color:var(--accent-color);display:inline-block;max-width:300px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;text-shadow:0 0 8px rgba(var(--accent-color-rgb),.3);transition:all .3s ease;white-space:nowrap}.profile-info .link a:hover{text-shadow:0 0 12px rgba(var(--accent-color-rgb),.5);transform:translateY(-1px)}.follow-stats{background-color:var(--background-paper);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:32px;justify-content:center;margin-top:24px;padding:16px;transition:all .3s ease}.follow-stats:hover{border-color:var(--primary-color);box-shadow:var(--neon-glow)}.follow-stats span{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:8px 16px;transition:all .3s ease}.follow-stats span:hover{background-color:var(--hover-color);color:var(--primary-color);transform:translateY(-2px)}.follow-stats .count{font-size:24px;font-weight:700}.follow-stats .label{font-size:14px;letter-spacing:.5px;text-transform:uppercase}.profile-content{margin-top:40px;padding:0 20px;position:relative;z-index:1}.content-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin-bottom:24px;margin-left:1rem;padding:1rem}.content-section h3{color:#00b0ff;font-size:20px;font-weight:600;margin-bottom:1rem;margin-top:0;text-shadow:0 0 10px #00b0ff}.edit-profile-button{font-size:14px!important;font-weight:500!important;min-width:160px!important;padding:8px 24px!important;text-transform:none!important}.edit-profile-button:hover{box-shadow:var(--neon-glow);transform:translateY(-2px)}.artist-info,.listener-info{background:rgba(var(--accent-color-rgb),.1);border:1px solid rgba(var(--accent-color-rgb),.2);border-radius:12px;box-shadow:0 0 15px rgba(var(--accent-color-rgb),.1);display:inline-block;margin-top:15px;padding:12px 24px;transition:all .3s ease}.artist-info:hover,.listener-info:hover{background:rgba(var(--accent-color-rgb),.15);box-shadow:0 0 20px rgba(var(--accent-color-rgb),.2);transform:translateY(-2px)}.artist-info p,.listener-info p{color:var(--accent-color);font-weight:500;margin:0;text-shadow:0 0 8px rgba(var(--accent-color-rgb),.3)}.dark-theme .profile-container:before{background:linear-gradient(45deg,rgba(var(--accent-color-rgb),.15),rgba(var(--accent-color-rgb),.05),rgba(var(--accent-color-rgb),.15));background-size:200% 200%}.dark-theme .profile-banner{border-color:rgba(var(--accent-color-rgb),.2)}.dark-theme .profile-banner:not(:has(img)){animation:gradientShift 15s ease infinite;background:linear-gradient(45deg,#00b0ff26,#00b0ff14,#00b0ff26);background-size:200% 200%}.dark-theme .profile-avatar{border-color:var(--primary-main);box-shadow:0 0 20px #00b0ff4d}.dark-theme .content-section{background-color:rgba(var(--sidebar-bg-color-rgb),.8);border-color:rgba(var(--accent-color-rgb),.2)}.dark-theme .artist-info,.dark-theme .listener-info{background:rgba(var(--accent-color-rgb),.15);border-color:rgba(var(--accent-color-rgb),.3);box-shadow:0 0 20px rgba(var(--accent-color-rgb),.2)}.dark-theme .artist-info:hover,.dark-theme .listener-info:hover{background:rgba(var(--accent-color-rgb),.2);box-shadow:0 0 30px rgba(var(--accent-color-rgb),.3)}.profile-paper:before{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));content:"";height:120px;left:0;opacity:.1;position:absolute;right:0;top:0;z-index:0}.profile-paper:hover{box-shadow:var(--neon-glow);transform:translateY(-2px)}.studio-button{font-size:14px!important;font-weight:500!important;min-width:160px!important;padding:8px 24px!important;text-transform:none!important}.studio-button:hover{box-shadow:var(--neon-glow);transform:translateY(-2px)}.loading{color:#666}.error,.loading{font-size:1.2rem;height:100vh}.error{align-items:center;color:#f44;display:flex;justify-content:center}.profile-tabs{background:var(--background-paper);border-radius:8px;min-width:200px;padding:1rem 0}.light-theme .profile-tabs{background:#fff}.profile-tabs .MuiTab-root{color:#fff;font-size:1rem;padding:1rem 2rem;text-transform:none;transition:all .3s ease}.profile-tabs .MuiTab-root:hover{color:#00b0ff;text-shadow:0 0 10px #00b0ff}.profile-tabs .Mui-selected{color:#00b0ff!important;text-shadow:0 0 10px #00b0ff}.profile-tabs .MuiTabs-indicator{background-color:#00b0ff!important;box-shadow:0 0 10px #00b0ff}.profile-paper h1,.profile-paper h2,.profile-paper h3{color:#00b0ff;text-shadow:0 0 10px #00b0ff}@media (max-width:768px){.profile-container{margin-top:0!important;padding:16px}.profile-paper{margin-top:16px!important;padding:16px}.profile-banner{border-radius:8px 8px 0 0;height:120px;margin-bottom:50px}.profile-avatar-container{margin-bottom:24px;margin-top:-60px}.profile-avatar{height:120px!important;width:120px!important}.profile-username{font-size:20px;margin-bottom:6px}.profile-fullname{font-size:14px;margin-bottom:12px}.profile-bio{font-size:14px;margin-bottom:20px;padding:0 10px}.profile-info{margin-top:16px;padding:16px}.follow-stats{flex-direction:row;gap:24px;margin-top:16px;padding:12px}.follow-stats span{flex:1 1;text-align:center}.follow-stats .count{font-size:20px}.follow-stats .label{font-size:12px}.edit-profile-button,.notif-btn,.reports-button,.studio-button{font-size:13px!important;margin:4px!important;min-width:120px!important;padding:8px 16px!important}.profile-info>div:last-child{flex-direction:column;gap:8px}.profile-info>div:last-child>*{margin:0!important;width:100%}}@media (max-width:480px){.profile-container,.profile-paper{padding:12px}.profile-banner{height:100px;margin-bottom:40px}.profile-avatar-container{margin-bottom:20px;margin-top:-50px}.profile-avatar{height:100px!important;width:100px!important}.profile-username{font-size:18px}.profile-bio,.profile-fullname{font-size:13px}.profile-bio{padding:0 5px}.profile-info{padding:12px}.follow-stats{gap:16px;padding:10px}.follow-stats .count{font-size:18px}.follow-stats .label{font-size:11px}.edit-profile-button,.notif-btn,.reports-button,.studio-button{font-size:12px!important;min-width:100px!important;padding:6px 12px!important}}@media (max-width:360px){.profile-container,.profile-paper{padding:8px}.profile-banner{height:80px;margin-bottom:30px}.profile-avatar-container{margin-bottom:16px;margin-top:-40px}.profile-avatar{height:80px!important;width:80px!important}.profile-username{font-size:16px}.profile-bio,.profile-fullname{font-size:12px}.profile-info{padding:8px}.follow-stats{gap:12px;padding:8px}.follow-stats .count{font-size:16px}.follow-stats .label{font-size:10px}.edit-profile-button,.notif-btn,.reports-button,.studio-button{font-size:11px!important;min-width:80px!important;padding:4px 8px!important}}.light-theme .follow-stats,.light-theme .profile-info{background-color:#fff;border-color:#0000001a}.light-theme .profile-banner:not(:has(img)){animation:gradientShift 15s ease infinite;background:linear-gradient(45deg,#00b0ff14,#00b0ff08,#00b0ff14);background-size:200% 200%}.light-theme .profile-avatar{border-color:var(--primary-light);box-shadow:0 0 20px #00b0ff33}.light-theme .profile-username{color:var(--primary-dark)}.light-theme .profile-bio,.light-theme .profile-fullname{color:var(--text-primary)}.light-theme .follow-stats .count,.light-theme .profile-link{color:var(--primary-dark)}.light-theme .follow-stats .label{color:var(--text-primary)}.dark-theme .follow-stats,.dark-theme .profile-info{background-color:#ffffff0d;border-color:#ffffff1a}.dark-theme .profile-username{color:var(--primary-main);text-shadow:0 0 10px #00b0ff4d}.dark-theme .profile-bio,.dark-theme .profile-fullname{color:var(--text-secondary)}.dark-theme .follow-stats .count,.dark-theme .profile-link{color:var(--primary-main)}.dark-theme .follow-stats .label{color:var(--text-secondary)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3}.modal-content{background:#181c24;background:var(--background-paper,#181c24);border-radius:12px;box-shadow:0 8px 32px #00000040,0 0 0 1px #00b0ff1a;box-shadow:0 8px 32px #00000040,0 0 0 1px rgba(var(--accent-color-rgb,0,176,255),.1);color:#fff;color:var(--text-primary,#fff);left:50%;max-height:90vh;opacity:.98;overflow-y:auto;padding:32px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.modal-content:before{display:none}.modal-content h2{border-bottom:1px solid rgba(var(--accent-color-rgb),.1);color:var(--text-color);font-size:24px;font-weight:600;margin-bottom:24px;margin-top:0;padding-bottom:16px;text-shadow:0 0 10px rgba(var(--accent-color-rgb),.2)}.file-upload-info{background:rgba(var(--accent-color-rgb),.05);border:1px solid rgba(var(--accent-color-rgb),.1);box-shadow:0 0 15px rgba(var(--accent-color-rgb),.1);margin:8px 0;padding:12px}.file-upload-info p{color:var(--text-color);font-size:13px;margin:4px 0;opacity:.8}.image-preview-container{border:1px solid rgba(var(--accent-color-rgb),.1);box-shadow:0 4px 12px #0000001a;margin:12px 0;overflow:hidden;position:relative}.image-preview{display:block;height:auto;max-width:100%;object-fit:cover}.delete-image-button{background-color:#ff0000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;position:absolute;right:10px;top:10px;transition:background-color .3s ease;z-index:10}.delete-image-button:hover{background-color:#ff0000e6}.modal-content input[type=file]{background:rgba(var(--accent-color-rgb),.02);border:2px dashed rgba(var(--accent-color-rgb),.2);cursor:pointer;display:block;margin-top:8px;padding:12px;transition:all .3s ease;width:100%}.modal-content input[type=file]:hover{background:rgba(var(--accent-color-rgb),.05);border-color:var(--accent-color);box-shadow:0 0 15px rgba(var(--accent-color-rgb),.1)}.modal-content input[type=text],.modal-content textarea{-webkit-backdrop-filter:none;backdrop-filter:none;background:#23272f;background:var(--background-default,#23272f);border:1px solid #2a2e38;border:1px solid var(--border-color,#2a2e38);color:#fff;color:var(--text-primary,#fff);font-size:14px;opacity:1;padding:12px;transition:all .3s ease;width:100%}.modal-content input[type=text]:focus,.modal-content textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1),0 0 15px rgba(var(--accent-color-rgb),.1);outline:none}.modal-content textarea{min-height:120px;resize:vertical}.modal-content form div:last-child{border-top:1px solid rgba(var(--accent-color-rgb),.1);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.modal-content button{border:none;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.modal-content button:before{background:linear-gradient(45deg,rgba(var(--accent-color-rgb),.1),rgba(var(--accent-color-rgb),.05),rgba(var(--accent-color-rgb),.1));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.modal-content button:hover:before{opacity:1}.modal-content button[type=submit]{background-color:var(--accent-color);box-shadow:0 0 15px rgba(var(--accent-color-rgb),.3),0 0 30px rgba(var(--accent-color-rgb),.2);color:#fff;text-shadow:0 0 10px #ffffff4d}.modal-content button[type=submit]:hover:not(:disabled){background-color:var(--accent-color-hover);box-shadow:0 0 20px rgba(var(--accent-color-rgb),.5),0 0 40px rgba(var(--accent-color-rgb),.3);transform:translateY(-2px)}.modal-content button[type=button]{background-color:rgba(var(--accent-color-rgb),.1);box-shadow:0 0 10px rgba(var(--accent-color-rgb),.1);color:var(--accent-color)}.modal-content button[type=button]:hover:not(:disabled){background-color:rgba(var(--accent-color-rgb),.15);box-shadow:0 0 15px rgba(var(--accent-color-rgb),.2);transform:translateY(-2px)}.modal-content button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.light-theme .modal-content{background:#fff;color:#222}.light-theme .modal-content input[type=text],.light-theme .modal-content textarea{background:#f7f7fa;border:1px solid #e0e0e0;color:#222}.dark-theme .modal-content{background:#181c24;color:#fff}.dark-theme .modal-content input[type=text],.dark-theme .modal-content textarea{background:#23272f;border:1px solid #2a2e38;color:#fff}.dark-theme .file-upload-info{background:rgba(var(--accent-color-rgb),.1);border-color:rgba(var(--accent-color-rgb),.2);box-shadow:0 0 20px rgba(var(--accent-color-rgb),.15)}.dark-theme .modal-content input[type=file]{background:rgba(var(--accent-color-rgb),.05);border-color:rgba(var(--accent-color-rgb),.3)}.dark-theme .modal-content input[type=file]:hover{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color);box-shadow:0 0 20px rgba(var(--accent-color-rgb),.2)}.dark-theme .delete-image-button{background-color:#f00c}.dark-theme .delete-image-button:hover{background-color:red}.modal-content img{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:8px;max-width:100%}.image-upload-section{margin-bottom:24px}.avatar-upload-container,.banner-upload-container{background:rgba(var(--accent-color-rgb),.05);border:1px solid rgba(var(--accent-color-rgb),.1);border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px;transition:all .3s ease}.avatar-upload-container:hover,.banner-upload-container:hover{background:rgba(var(--accent-color-rgb),.08);border-color:rgba(var(--accent-color-rgb),.2);box-shadow:0 4px 20px rgba(var(--accent-color-rgb),.1)}.avatar-preview-wrapper,.banner-preview-wrapper{border-radius:12px;overflow:hidden;position:relative;width:100%}.avatar-overlay,.banner-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.avatar-preview-wrapper:hover .avatar-overlay,.banner-preview-wrapper:hover .banner-overlay{opacity:1}.modal-avatar-preview{border:3px solid var(--accent-color);height:120px!important;width:120px!important}.modal-avatar-preview,.modal-banner-preview{box-shadow:0 0 15px rgba(var(--accent-color-rgb),.2);transition:all .3s ease}.modal-banner-preview{border:2px solid var(--accent-color);border-radius:8px;height:160px;object-fit:cover;width:100%}.upload-controls{background:rgba(var(--accent-color-rgb),.03);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:8px}.upload-button{background-color:var(--accent-color);border:none;border-radius:6px;box-shadow:0 2px 8px rgba(var(--accent-color-rgb),.3);color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-align:center;text-transform:none;transition:all .3s ease}.upload-button:hover{background-color:var(--accent-color-dark);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.4);transform:translateY(-1px)}.upload-hint{color:var(--text-secondary);font-size:12px;opacity:.8;text-align:center}.modal-content input[type=file]{display:none}.modal-actions{border-top:1px solid rgba(var(--accent-color-rgb),.1);gap:16px;margin-top:24px;padding-top:16px}.modal-actions button{font-size:14px;font-weight:500;min-width:120px;padding:8px 24px;text-transform:none;transition:all .3s ease}.modal-actions button:disabled{cursor:not-allowed;opacity:.7}.beta-badge{background:#f5f5f5;border-radius:6px;box-shadow:none;color:#888;display:inline-block;font-weight:600;letter-spacing:.04em;margin-bottom:16px;padding:4px 14px;width:-webkit-fit-content;width:fit-content}.beta-badge,.telegram-contact-block{font-size:1rem;margin-left:auto;margin-right:auto;text-align:center}.telegram-contact-block{align-items:center;background:#fafbfc;border:1px solid #ececec;border-radius:8px;box-shadow:0 1px 6px 0 #0001;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;gap:10px;margin-top:32px;max-width:320px;padding:16px 0 10px}.telegram-contact-block span{color:#666;color:var(--text-secondary,#666);font-size:.97rem;margin-bottom:2px}.telegram-copy-btn{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:5px;box-shadow:none;color:#222;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:7px;margin-top:2px;outline:none;padding:6px 14px;transition:background .15s,box-shadow .15s}.telegram-copy-btn:focus,.telegram-copy-btn:hover{background:#ececec;box-shadow:0 2px 8px #0001}.telegram-copy-btn .telegram-icon{display:inline-block;height:20px;margin-right:2px;width:20px}.MuiSnackbar-root .MuiAlert-success{background:#f5f5f5;border-radius:7px;box-shadow:0 2px 8px #0001;color:#222;font-weight:500;opacity:.98;transition:opacity .3s}.section-header{gap:4px;margin-bottom:16px}.info-button,.section-header{align-items:center;display:flex}.info-button{color:#00b0ff!important;color:var(--primary-color,#00b0ff)!important;height:20px;justify-content:center;margin-left:0!important;min-height:20px;min-width:20px;padding:0 1px!important;transition:all .3s ease;width:20px}.info-button svg{height:15px;width:15px}.panel-style-option.active,.performance-option.active,.theme-option.active{background:#e3f2fd!important;border:2px solid #1976d2!important;box-shadow:0 2px 8px #1976d233!important;color:#1976d2!important;transition:background .2s,color .2s,border .2s,box-shadow .2s}.redesigned-settings{background:var(--background-paper);border-radius:22px;box-shadow:0 6px 32px 0 #0002,0 1.5px 8px 0 #00b0ff11;overflow:visible;padding:36px 32px 32px;position:relative}.settings-title{font-size:2.2rem;font-weight:800;letter-spacing:.01em;margin-bottom:18px;text-align:center}.settings-title-gradient{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text}.redesigned-theme-options{display:flex;gap:18px;justify-content:center;margin:18px 0 8px}.theme-btn-icon{border-radius:50%;box-shadow:0 2px 8px #0002;display:inline-block;height:22px;margin-right:8px;vertical-align:middle;width:22px}.theme-light-icon{background:linear-gradient(135deg,#fff 60%,#e3f2fd);border:2px solid #e3f2fd}.theme-dark-icon{background:linear-gradient(135deg,#23272f 60%,#121212);border:2px solid #23272f}.theme-exclusive-icon{background:linear-gradient(135deg,#0ff,#f0f);border:2px solid #f0f;box-shadow:0 0 12px #ff00ff88,0 0 8px #00ffff88}.theme-realtime-btn .MuiButton-startIcon{margin-right:6px}.theme-realtime-btn{border:2px solid #ffe082;box-shadow:0 2px 12px #ffe08244;color:#222}.theme-realtime-btn,.theme-realtime-btn.active{background:linear-gradient(90deg,#ffe082,#00b0ff)}.theme-realtime-btn.active{border:2px solid #00b0ff;box-shadow:0 2px 16px #00b0ff44;color:#fff}.theme-option{border-radius:12px!important;box-shadow:0 1.5px 8px #0001;font-size:1.08rem;font-weight:700;min-width:120px;overflow:hidden;padding:10px 18px!important;position:relative;transition:all .22s cubic-bezier(.4,2,.3,1)}.theme-light-btn.active{background:linear-gradient(90deg,#fff 60%,#e3f2fd);border:2px solid #1976d2!important;box-shadow:0 2px 12px #1976d233!important;color:#1976d2!important}.theme-dark-btn.active{background:linear-gradient(135deg,#23272f 60%,#121212);border:2px solid #23272f!important;box-shadow:0 2px 12px #23272f33!important;color:#fff!important}.theme-exclusive-btn.active{background:linear-gradient(135deg,#0ff,#f0f);border:2px solid #f0f!important;box-shadow:0 0 16px #ff00ff88,0 0 12px #00ffff88!important;color:#fff!important;text-shadow:0 0 8px #ff00ff88,0 0 4px #00ffff88}.theme-option:not(.active):hover{box-shadow:0 2px 16px #00b0ff22;filter:brightness(1.08) saturate(1.2);transform:translateY(-2px) scale(1.04)}.mode-badge{background:#e3f2fd;border-radius:8px;box-shadow:0 1px 6px #1976d211;color:#1976d2;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.02em;margin-left:10px;padding:2px 10px;transition:background .2s,color .2s,box-shadow .2s;vertical-align:middle}.mobile-badge{background:linear-gradient(90deg,#00b0ff,#81d4fa);color:#fff}.shine{animation:shine-glow 1.2s infinite alternate;box-shadow:0 0 8px #00b0ff55,0 0 4px #81d4fa55}@keyframes shine-glow{0%{box-shadow:0 0 8px #00b0ff55,0 0 4px #81d4fa55}to{box-shadow:0 0 16px #00b0ff99,0 0 8px #81d4fa99}}@media (max-width:768px){.beta-badge{font-size:.9rem;margin-bottom:12px;padding:6px 12px}.telegram-contact-block{font-size:.9rem;margin-left:8px;margin-right:8px;margin-top:24px;max-width:100%;padding:12px}.telegram-contact-block span{font-size:.85rem}.telegram-copy-btn{font-size:.9rem;gap:6px;padding:8px 12px}}@media (max-width:480px){.beta-badge{font-size:.85rem;padding:4px 10px}.telegram-contact-block{font-size:.85rem;margin-left:4px;margin-right:4px;margin-top:20px;padding:10px}.telegram-contact-block span{font-size:.8rem}.telegram-copy-btn{font-size:.85rem;padding:6px 10px}}@media (max-width:360px){.beta-badge{font-size:.8rem;padding:3px 8px}.telegram-copy-btn{font-size:.8rem;padding:5px 8px}}.edit-track-modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-track-modal{animation:slideDown .3s ease forwards;background:var(--background-paper);border-radius:0 0 20px 20px;box-shadow:0 4px 20px #0003;left:0;margin:0 auto;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;transform:translateY(-100%)}.edit-track-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.edit-track-modal-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.close-button{padding:.5rem;transition:all .3s ease}.close-button:hover{background:#0000001a;color:var(--text-primary)}.edit-track-form{gap:1.5rem}.edit-track-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-secondary);font-size:.9rem}.form-group input[type=text],.form-group textarea{border:1px solid var(--border-color);border-radius:8px;padding:.75rem}.form-group input[type=text]:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #00b0ff33}.cover-upload{border-radius:12px;height:200px;overflow:hidden;position:relative;width:200px}.cover-preview{height:100%;position:relative;width:100%}.cover-preview img{height:100%;object-fit:cover;width:100%}.cover-overlay{align-items:center;background:#00000080;bottom:0;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.cover-upload:hover .cover-overlay{opacity:1}.audio-upload{border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.audio-upload:hover{background:#00b0ff0d;border-color:var(--primary-color)}.audio-preview{align-items:center;color:var(--text-secondary);display:flex;gap:1rem}.hidden-input{display:none}.error-message{color:#ff4d4f;font-size:.9rem;margin-top:.5rem}.form-actions{margin-top:1rem}.cancel-button,.submit-button{font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-button{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-button:hover{background:#0000000d;color:var(--text-primary)}.submit-button{border:none;flex:1 1}.submit-button:hover{background:var(--primary-color-dark)}.submit-button:disabled{opacity:.7}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (max-width:768px){.edit-track-modal{border-radius:0;padding:1.5rem}.cover-upload{height:150px;width:150px}.form-actions{flex-direction:column}.submit-button{width:100%}}.delete-track-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-track-modal{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--background-color,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:480px;overflow:hidden;padding:0;width:90%}.delete-track-modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0;position:relative}.delete-track-modal-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-radius:50%;box-shadow:0 8px 24px #ff6b6b4d;color:#fff;display:flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.close-button{border-radius:50%;color:#666;color:var(--text-secondary,#666);position:absolute;right:16px;top:16px;transition:all .2s}.close-button:hover{background:#f5f5f5;background:var(--hover-color,#f5f5f5);color:#333;color:var(--text-primary,#333)}.delete-track-modal-content{padding:0 24px 24px;text-align:center}.delete-track-modal-content h2{color:#333;color:var(--text-primary,#333);font-size:24px;font-weight:700;margin:0 0 16px}.delete-track-modal-content p{color:#666;color:var(--text-secondary,#666);font-size:16px;line-height:1.5;margin:0 0 20px}.delete-track-modal-content strong{color:#333;color:var(--text-primary,#333);font-weight:600}.delete-track-warning{align-items:center;background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:1px solid #ffd1d1;border-radius:12px;color:#d63384;display:flex;font-size:14px;gap:12px;line-height:1.4;padding:16px}.delete-track-warning svg{color:#ff6b6b;flex-shrink:0}.delete-track-modal-actions{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:12px;padding:24px}.cancel-button{background:#fff;background:var(--background-color,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.cancel-button:hover:not(:disabled){background:#f5f5f5;background:var(--hover-color,#f5f5f5);border-color:#d0d0d0;border-color:var(--border-hover,#d0d0d0)}.delete-button{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.delete-button:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#ff7676);box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-1px)}.delete-button:disabled{transform:none}.cancel-button:disabled,.delete-button:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .delete-track-modal{background:#1a1a1a;background:var(--background-color,#1a1a1a);border-color:#333;border-color:var(--border-color,#333)}[data-theme=dark] .delete-track-modal-content h2{color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .delete-track-modal-content p{color:#ccc;color:var(--text-secondary,#ccc)}[data-theme=dark] .delete-track-modal-content strong{color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .delete-track-warning{background:linear-gradient(135deg,#2d1b1b,#3d1f1f);border-color:#4a2a2a;color:#ff8a8a}[data-theme=dark] .delete-track-modal-actions{background:#2a2a2a;background:var(--background-secondary,#2a2a2a);border-top-color:#333;border-top-color:var(--border-color,#333)}[data-theme=dark] .cancel-button{background:#1a1a1a;background:var(--background-color,#1a1a1a);border-color:#333;border-color:var(--border-color,#333);color:#ccc;color:var(--text-secondary,#ccc)}[data-theme=dark] .cancel-button:hover:not(:disabled){background:#2a2a2a;background:var(--hover-color,#2a2a2a);border-color:#444;border-color:var(--border-hover,#444)}[data-theme=exclusive] .delete-track-modal{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:1px solid #00eaff;box-shadow:0 20px 40px #00eaff33}[data-theme=exclusive] .delete-track-modal-icon{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);box-shadow:0 8px 24px #ff6b6b66}[data-theme=exclusive] .delete-track-warning{background:linear-gradient(135deg,#1a0f0f,#2a1a1a);border:1px solid #ff6b6b;color:#ff8a8a}[data-theme=exclusive] .delete-track-modal-actions{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border-top:1px solid #00eaff}[data-theme=exclusive] .cancel-button{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:1px solid #00eaff;color:#00eaff}[data-theme=exclusive] .cancel-button:hover:not(:disabled){background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-color:#0ff;color:#0ff}[data-theme=exclusive] .delete-button{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);box-shadow:0 4px 12px #ff6b6b66}[data-theme=exclusive] .delete-button:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#ff7676);box-shadow:0 6px 16px #ff6b6b80}.notification{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:16px;box-shadow:0 12px 40px #00000026,0 4px 16px #0000001a;display:flex;gap:16px;max-width:420px;min-width:320px;opacity:0;overflow:hidden;padding:20px 24px;position:fixed;position:relative;right:20px;top:20px;transform:translateX(100%);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:9999}.notification:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.notification>*{position:relative;z-index:2}.notification.show{opacity:1;transform:translateX(0)}.notification-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.notification-content{flex:1 1;min-width:0}.notification-message{color:inherit;font-size:14px;font-weight:500;line-height:1.4}.notification-success{background:linear-gradient(135deg,#10b981e6,#059669e6);border-color:#10b9814d;box-shadow:0 12px 40px #10b98133,0 4px 16px #10b9811a;color:#fff}.notification-success .notification-icon{color:#a7f3d0;filter:drop-shadow(0 0 8px rgba(167,243,208,.5))}.notification-error{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border-color:#ef44444d;box-shadow:0 12px 40px #ef444433,0 4px 16px #ef44441a;color:#fff}.notification-error .notification-icon{color:#fecaca;filter:drop-shadow(0 0 8px rgba(254,202,202,.5))}.notification-warning{background:linear-gradient(135deg,#f59e0be6,#d97706e6);border-color:#f59e0b4d;box-shadow:0 12px 40px #f59e0b33,0 4px 16px #f59e0b1a;color:#fff}.notification-warning .notification-icon{color:#fed7aa;filter:drop-shadow(0 0 8px rgba(254,215,170,.5))}.notification-info{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border-color:#3b82f64d;box-shadow:0 12px 40px #3b82f633,0 4px 16px #3b82f61a;color:#fff}.notification-info .notification-icon{color:#bfdbfe;filter:drop-shadow(0 0 8px rgba(191,219,254,.5))}[data-theme=dark] .notification{border-color:#ffffff0d;box-shadow:0 8px 32px #0000004d}[data-theme=exclusive] .notification{border:1px solid #00eaff4d;box-shadow:0 8px 32px #00eaff33}[data-theme=exclusive] .notification-success{background:linear-gradient(135deg,#00e676,#00c853);border-color:#00e6764d}[data-theme=exclusive] .notification-error{background:linear-gradient(135deg,#ff5252,#d32f2f);border-color:#ff52524d}[data-theme=exclusive] .notification-warning{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff98004d}[data-theme=exclusive] .notification-info{background:linear-gradient(135deg,#00e5ff,#00b8d4);border-color:#00e5ff4d}@media (max-width:768px){.notification{border-radius:12px;gap:12px;left:16px;max-width:none;min-width:auto;padding:16px 20px;right:16px;top:16px;transform:translateY(-100%)}.notification.show{transform:translateY(0)}.notification-message{font-size:15px}}@media (max-width:480px){.notification{border-radius:10px;gap:10px;left:12px;padding:14px 16px;right:12px;top:12px}.notification-message{font-size:14px}}@media (max-width:360px){.notification{border-radius:8px;gap:8px;left:8px;padding:12px 14px;right:8px;top:8px}.notification-message{font-size:13px}}@keyframes notificationSlideIn{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(.9)}}@keyframes notificationSlideInMobile{0%{opacity:0;transform:translateY(-100%) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notificationSlideOutMobile{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100%) scale(.9)}}.notification.show{animation:notificationSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.notification:not(.show){animation:notificationSlideOut .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.notification.show{animation:notificationSlideInMobile .4s cubic-bezier(.34,1.56,.64,1)}.notification:not(.show){animation:notificationSlideOutMobile .3s cubic-bezier(.4,0,.2,1)}}:root{--primary-color:#00b0ff;--primary-color-hover:#0091ea;--secondary-color:#f5f7fa;--background-color:#f8fafc;--background-hover:#f0f4f8;--background-active:#e3f2fd;--text-primary:#181c24;--text-secondary:#6c757d;--text-invert:#fff;--shadow-card:0 4px 24px 0 #00b0ff12,0 2px 8px #0000000a;--shadow-hover:0 8px 32px #00b0ff21,0 2px 8px #00000014;--shadow-strong:0 16px 48px #00b0ff2e,0 8px 32px #00000021;--danger-color:#f44336;--danger-color-hover:#d32f2f;--success-color:#00c853;--input-background:#fff;--input-border:#d0d0d0;--input-focus:#00b0ff33;--neon-blue:#00eaff;--neon-glow:0 0 12px #00eaff99,0 2px 12px #0002}body{background:#f8fafc;background:var(--background-color);color:#181c24;color:var(--text-primary);font-family:Gropled,Arial,sans-serif;transition:background .3s,color .3s}.studio-container{box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100vh;overflow-x:hidden;padding:2rem}.studio-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.studio-header h1{color:#181c24;color:var(--text-primary);font-size:32px;font-weight:600;margin:0;text-shadow:0 0 10px #00b0ff14}.studio-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;background:var(--background-paper);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 24px 0 #00b0ff12,0 2px 8px #0000000a;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card svg{color:#00b0ff;color:var(--primary-color);margin-bottom:.5rem}.stat-card h3{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.stat-card p{color:#181c24;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.studio-analytics-section{background:#fff;background:var(--background-paper);border-radius:16px;box-shadow:0 4px 24px 0 #00b0ff12,0 2px 8px #0000000a;box-shadow:var(--shadow-card);margin:32px 0 0;padding:24px 16px 8px;position:relative}.studio-analytics-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.studio-analytics-metrics,.studio-analytics-tabs{display:flex;gap:8px}.studio-analytics-periods{display:flex;gap:0;justify-content:center;margin-bottom:18px;position:relative;z-index:1}.studio-analytics-chart{background:#fff;background:var(--background-paper);border-radius:12px;box-shadow:0 4px 24px 0 #00b0ff12,0 2px 8px #0000000a;box-shadow:var(--shadow-card);min-height:240px;overflow:hidden;position:relative;transition:box-shadow .3s}.studio-analytics-nodata{color:#6c757d;color:var(--text-secondary);font-size:18px;opacity:.7;padding:60px 0;text-align:center}.studio-events-section{background:#fff;background:var(--background-paper);border-radius:16px;box-shadow:0 4px 24px 0 #00b0ff12,0 2px 8px #0000000a;box-shadow:var(--shadow-card);margin:32px 0 0;max-width:100%;padding:18px 18px 12px;position:relative}.studio-events-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.studio-events-header h3{color:#00b0ff;color:var(--primary-color);font-size:1.25rem;font-weight:800;margin:0}.studio-events-scroll-list{-ms-overflow-style:none;display:flex;flex-direction:row;gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.studio-events-scroll-list::-webkit-scrollbar{display:none}.studio-event-card-wrapper{align-items:center;display:flex;flex-direction:column;gap:8px}.studio-event-actions{display:flex;gap:8px;margin-top:4px}.studio-event-actions button{background:#f5faff;border:none;border-radius:6px;color:#00b0ff;color:var(--primary-color);cursor:pointer;font-size:.97rem;font-weight:600;padding:4px 12px;transition:background .18s,color .18s}.studio-event-actions button:hover{background:#00b0ff;background:var(--primary-color);color:#fff}.tracks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:1rem 0}.track-card{background:#fff;background:var(--background-paper);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.track-card:hover{border-color:#00b0ff;border-color:var(--primary-color);box-shadow:0 8px 32px #00b0ff21,0 2px 8px #00000014;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.track-card-cover{aspect-ratio:1;overflow:hidden;position:relative}.track-card-cover img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.track-card:hover .track-card-cover img{transform:scale(1.05)}.track-card-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.track-card:hover .track-card-overlay{opacity:1}.track-card-button{border:none;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.track-card-button.edit{background:#00b0ff;background:var(--primary-color);color:#fff}.track-card-button.delete{background:#ffffff1a;color:#fff}.track-card-button:hover{transform:scale(1.05)}.track-card-info{padding:1rem}.track-card-title{color:#181c24;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card-title-link{color:inherit;display:block;text-decoration:none;transition:color .2s ease}.track-card-title-link:hover,.track-card-title-link:hover .track-card-title{color:#00b0ff;color:var(--primary-color)}.track-card-stats{color:#6c757d;color:var(--text-secondary);display:flex;font-size:.9rem;gap:1rem}.stat-item{gap:.25rem}.studio-loading{color:#6c757d;color:var(--text-secondary)}.studio-error,.studio-loading{align-items:center;display:flex;font-size:18px;justify-content:center;min-height:200px}.studio-error{color:#f44336;color:var(--danger-color)}.artist-stats,.follow-stats,.modal-content,.playlists-paper,.profile-tabs,.square-card,.stat-card,.studio-analytics-section,.studio-events-section,.track-card{background:#fff!important;background:var(--background-paper)!important;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 24px 0 #00b0ff12,0 2px 8px #0000000a;box-shadow:var(--shadow-card);transition:box-shadow .25s,background .25s,border .25s}.artist-stats:hover,.follow-stats:hover,.modal-content:hover,.playlists-paper:hover,.square-card:hover,.stat-card:hover,.studio-analytics-section:hover,.studio-events-section:hover,.track-card:hover{background:#f0f4f8;background:var(--background-hover);box-shadow:0 8px 32px #00b0ff21,0 2px 8px #00000014;box-shadow:var(--shadow-hover)}.MuiTab-root,.studio-analytics-metrics button,.studio-analytics-periods button,.studio-analytics-tabs button{background:none;border:none;border-radius:8px 8px 0 0;color:#6c757d;color:var(--text-secondary);font-size:15px;font-weight:600;padding:8px 20px;transition:color .2s,background .2s}.MuiTab-root.Mui-selected,.studio-analytics-metrics button.active,.studio-analytics-periods button.active,.studio-analytics-tabs button.active{background:#e3f2fd!important;background:var(--background-active)!important;border-bottom:2.5px solid #00b0ff;border-bottom:2.5px solid var(--primary-color);box-shadow:0 2px 12px 0 #0000000a;color:#00b0ff!important;color:var(--primary-color)!important;z-index:2}.MuiTab-root:not(.Mui-selected):hover,.studio-analytics-metrics button:not(.active):hover,.studio-analytics-periods button:not(.active):hover,.studio-analytics-tabs button:not(.active):hover{background:#f0f4f8;background:var(--background-hover);color:#00b0ff;color:var(--primary-color)}.edit-profile-button,.follow-button,.studio-button,.track-card-button,.upload-button{background:linear-gradient(135deg,#00b0ff,#2196f3 100%);background:linear-gradient(135deg,var(--primary-color),#2196f3 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #2196f321;color:#fff;color:var(--text-invert);font-size:1rem;font-weight:600;transition:background .2s,box-shadow .2s,color .2s}.edit-profile-button:hover,.follow-button:hover,.studio-button:hover,.track-card-button:hover,.upload-button:hover{background:linear-gradient(135deg,#0091ea,#1976d2 100%);background:linear-gradient(135deg,var(--primary-color-hover),#1976d2 100%);box-shadow:0 8px 24px #2196f32e;color:#fff}.comment-report-modal,.delete-comment-modal,.modal,.modal-content,.report-modal{background:#fff!important;background:var(--background-paper)!important;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:18px;box-shadow:0 10px 40px #0000001a;color:#181c24;color:var(--text-primary)}input,select,textarea{background:#fff;background:var(--input-background);border:1.5px solid #d0d0d0;border:1.5px solid var(--input-border);border-radius:8px;color:#181c24;color:var(--text-primary);font-size:1rem;padding:10px 14px;transition:border .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#00b0ff;border-color:var(--primary-color);box-shadow:0 0 0 2px #00b0ff33;box-shadow:0 0 0 2px var(--input-focus);outline:none}.neon{color:#00eaff;color:var(--neon-blue);text-shadow:0 0 8px #00eaff,0 0 16px #00eaff;text-shadow:0 0 8px var(--neon-blue),0 0 16px var(--neon-blue)}.card-glow{box-shadow:0 0 24px #00b0ff,0 2px 12px #0002;box-shadow:0 0 24px var(--primary-color),0 2px 12px #0002}::-webkit-scrollbar{background:#f0f4f8;background:var(--background-hover)}::-webkit-scrollbar-thumb{background:#00b0ff;border-radius:8px}@media (max-width:768px){.artist-stats,.follow-stats,.modal-content,.playlists-paper,.profile-tabs,.square-card,.stat-card,.studio-analytics-section,.studio-events-section,.track-card{border-radius:10px;padding:12px}}.delete-event-modal{z-index:1300}.delete-event-modal-paper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:16px!important;box-shadow:0 24px 48px #0003!important;overflow:hidden}.delete-event-modal-header{align-items:center;display:flex;gap:16px;padding:0;position:relative}.delete-event-modal-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.delete-event-modal-title-text{color:var(--text-primary)!important;flex:1 1;font-weight:700!important;margin:0!important}.delete-event-modal-close{background:var(--background-paper)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;position:absolute!important;right:-8px;top:-8px;transition:all .2s ease!important}.delete-event-modal-close:hover{background:var(--hover-color)!important;color:var(--text-primary)!important;transform:scale(1.05)}.delete-event-modal-content{padding:0 24px 24px!important}.delete-event-modal-message{color:var(--text-primary)!important;font-size:16px!important;line-height:1.6!important;margin-bottom:16px!important}.delete-event-modal-warning{background:var(--warning-background);border-left:4px solid var(--warning-color);border-radius:8px;color:var(--text-secondary)!important;font-size:14px!important;line-height:1.5!important;padding:12px 16px}.delete-event-modal-actions{gap:12px;justify-content:flex-end;padding:0 24px 24px!important}.delete-event-modal-cancel{background:var(--background-paper)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;color:var(--text-primary)!important;font-weight:600!important;padding:10px 24px!important;text-transform:none!important;transition:all .2s ease!important}.delete-event-modal-cancel:hover{background:var(--hover-color)!important;border-color:var(--primary-color)!important;transform:translateY(-1px)}.delete-event-modal-confirm{background:linear-gradient(135deg,#d32f2f,#f44336)!important;border-radius:8px!important;box-shadow:0 4px 12px #d32f2f4d!important;font-weight:600!important;padding:10px 24px!important;text-transform:none!important;transition:all .2s ease!important}.delete-event-modal-confirm:hover{background:linear-gradient(135deg,#b71c1c,#d32f2f)!important;box-shadow:0 6px 16px #d32f2f66!important;transform:translateY(-1px)}.delete-event-modal-confirm:disabled{background:var(--disabled-color)!important;box-shadow:none!important;transform:none!important}.light-theme .delete-event-modal-paper{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #00000014}.light-theme .delete-event-modal-warning{background:#fff3cd;border-left-color:#ffc107;color:#856404}.light-theme .delete-event-modal-close{background:#fff!important;border:1px solid #0000001f!important}.dark-theme .delete-event-modal-paper{background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border:1px solid #ffffff1a}.dark-theme .delete-event-modal-warning{background:#ffc1071a;border-left-color:#ffc107;color:#ffc107}.dark-theme .delete-event-modal-close{background:#2a2a2a!important;border:1px solid #ffffff1a!important}@media (max-width:600px){.delete-event-modal-paper{margin:16px!important;max-height:calc(100vh - 32px)!important}.delete-event-modal-header{gap:12px}.delete-event-modal-icon{height:40px;width:40px}.delete-event-modal-title-text{font-size:20px!important}.delete-event-modal-actions,.delete-event-modal-content{padding:0 16px 16px!important}.delete-event-modal-actions{flex-direction:column}.delete-event-modal-cancel,.delete-event-modal-confirm{margin:0!important;width:100%!important}}.delete-event-modal-paper{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}.delete-event-modal .MuiBackdrop-root{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.audio-loading-indicator{align-items:center;background:#000c;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:14px;gap:10px;justify-content:center;padding:20px}.audio-loading-indicator.error{background:#dc2626e6}.loading-text{font-weight:500}.error-icon{font-size:24px}.error-message{font-weight:500}.player-container{animation:playerFadeIn .7s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--background-paper);border-top:2px solid var(--primary-color);bottom:0;box-shadow:0 -5px 20px #00b0ff26;color:var(--text-primary);display:flex;left:240px;padding:1rem 2rem;position:fixed;right:0;transition:transform .3s ease-in-out;z-index:1000}@keyframes playerFadeIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}.player-container.sidebar-collapsed{left:64px}.player-container.hidden{opacity:0;transform:translateY(100%)}.player-container.minimized{animation:playerMinimizeIn .5s cubic-bezier(.4,0,.2,1);padding:.25rem 2rem;transform:translateY(calc(100% - 30px))}@keyframes playerMinimizeIn{0%{opacity:0;transform:translateY(100%) scale(.98)}to{opacity:1;transform:none}}.player-container.minimized .player-content{display:none}.player-container.fullscreen{left:0}.player-content{gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.player-content,.track-info{align-items:center;display:flex}.track-info{flex-shrink:0;gap:1rem;max-width:300px;min-width:0;position:relative}.track-cover{background-color:var(--background-default);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 0 15px #00b0ff4d;box-sizing:border-box;flex-shrink:0;height:50px;margin:0;max-height:50px;max-width:50px;min-height:50px;min-width:50px;padding:0;width:50px}.track-details{gap:2px;justify-content:center;overflow:hidden}.player-info{display:flex;flex-direction:column;gap:2px}.track-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.track-artist{align-items:center;font-size:.8rem;gap:4px}.track-artist,.track-stats{color:var(--text-secondary);display:flex}.track-stats{font-size:.75rem;gap:12px;margin-top:2px}.stat-item{align-items:center;display:flex;gap:4px}.stat-item svg{color:var(--text-secondary);height:14px;width:14px}.track-stats .stat-item.active svg{color:var(--primary-color)}.artist-name-link{color:var(--text-secondary);display:inline;text-decoration:none;transition:color .2s ease}.artist-name,.artist-name-link:hover{color:var(--primary-color)}.artist-name{font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 3px #90e0ef4d;transition:color .2s ease;white-space:nowrap}.artist-name-link:hover .artist-name{color:var(--primary-color-dark);text-decoration:underline}.controls-and-progress{align-items:center;display:flex;flex:1 1;gap:1.5rem;min-width:0;width:100%}.controls{align-items:center;display:flex;gap:12px}.next-track-button,.prev-track-button{background:none;border:none;border-radius:50%;color:#222;color:var(--text-primary,#222);cursor:pointer;font-size:0;opacity:.7;outline:none;overflow:hidden;padding:4px;position:relative;transition:color .2s,opacity .2s;transition:background .2s,color .2s,transform .1s,box-shadow .2s}.next-track-button:hover,.prev-track-button:hover{background:#00cfff14;background:rgba(var(--primary-color-rgb,0,207,255),.08);box-shadow:0 0 12px #00eaff33;color:#00cfff;color:var(--primary-color,#00cfff);opacity:1}.play-pause-button{align-items:center;background:#00cfff;background:var(--primary-color,#00cfff);border:none;border-radius:50%;box-shadow:0 2px 8px #00cfff1a;color:#fff;cursor:pointer;display:flex;font-size:0;height:48px;justify-content:center;outline:none;transition:background .2s,color .2s;width:48px}.play-pause-button:hover{background:#09c;color:#fff}.next-track-button:active,.play-pause-button:active,.prev-track-button:active{box-shadow:0 0 16px #00eaff55,0 0 4px #fff;transform:scale(.93)}.loading-spinner{height:32px;width:32px}.spinner-ring{border:2px solid #ffffff4d;border-top-color:#fff;height:24px;width:24px}.next-track-button:after,.play-pause-button:after,.prev-track-button:after{background:#00b0ff2e;border-radius:50%;content:"";display:block;height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .3s;width:0}.next-track-button:active:after,.play-pause-button:active:after,.prev-track-button:active:after{height:120%;opacity:1;transition:0s;width:120%}.progress-container{align-items:center;border-radius:3px;cursor:pointer;display:flex;flex:1 1;justify-content:flex-start;margin:0;max-width:none;min-width:0;overflow:visible;position:relative;transition:all .2s ease}.progress-container,.progress-container:hover{background:var(--background-hover);height:6px}.progress-bar{animation:progressGlow 2.5s infinite alternate;background:var(--primary-color);border-radius:3px;box-shadow:0 0 10px #00b0ff4d,0 0 16px #00eaff33;height:100%;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1),box-shadow .3s}@keyframes progressGlow{0%{box-shadow:0 0 10px #00b0ff4d,0 0 16px #00eaff33}to{box-shadow:0 0 18px #00eaff66,0 0 32px #00eaff33}}.progress-bar:before{background:var(--primary-color);border-radius:50%;box-shadow:0 0 10px #00b0ff80;content:"";height:12px;opacity:0;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:12px}.progress-container:hover .progress-bar:before{opacity:1;transform:translateY(-50%) scale(1.2)}.progress-container:after{background:linear-gradient(90deg,#ffffff1a,#fff0);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.time-info{color:var(--text-primary);display:flex;flex-shrink:0;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:flex-end;min-width:100px}.volume-control{flex-shrink:0;padding:0 .5rem;position:relative}.volume-button,.volume-control{align-items:center;display:flex}.volume-button{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.volume-button:hover{background:var(--background-hover);color:var(--text-primary)}.volume-slider{-webkit-appearance:none;appearance:none;background:var(--background-hover);border-radius:1.5px;cursor:pointer;height:3px;outline:none;position:relative;transition:all .2s ease;width:100%}.volume-slider:hover{height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border:2px solid var(--background-paper);border-radius:50%;box-shadow:0 0 8px #00b0ff66;cursor:pointer;height:12px;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-slider::-moz-range-thumb{background:var(--primary-color);border:2px solid var(--background-paper);border-radius:50%;box-shadow:0 0 8px #00b0ff66;cursor:pointer;height:12px;-moz-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-slider:hover::-webkit-slider-thumb{box-shadow:0 0 12px #00b0ff99;transform:scale(1.1)}.volume-slider:hover::-moz-range-thumb{box-shadow:0 0 12px #00b0ff99;transform:scale(1.1)}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-color) 50%,var(--background-hover) 50%,var(--background-hover) 100%);background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-color) var(--volume-level,50%),var(--background-hover) var(--volume-level,50%),var(--background-hover) 100%);border-radius:1.5px;height:100%;position:relative}.volume-slider::-webkit-slider-runnable-track:after{background:linear-gradient(90deg,#ffffff1a,#fff0);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.volume-slider::-moz-range-track{background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-color) 50%,var(--background-hover) 50%,var(--background-hover) 100%);background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-color) var(--volume-level,50%),var(--background-hover) var(--volume-level,50%),var(--background-hover) 100%);border-radius:1.5px;height:100%}.volume-slider:focus{outline:none}.volume-slider:focus::-webkit-slider-thumb{box-shadow:0 0 15px #00b0ffb3}.volume-slider:focus::-moz-range-thumb{box-shadow:0 0 15px #00b0ffb3}.interaction-buttons{align-items:center;display:flex;flex-shrink:0;gap:1rem}.icon-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:color .2s ease,background .2s ease}.icon-button:hover{background:var(--background-hover);color:var(--text-primary)}.icon-button.active{color:var(--primary-color);filter:drop-shadow(0 0 8px rgba(0,176,255,.4))}.comments-panel{background:var(--background-paper);border:1.5px solid var(--primary-color);border-radius:16px;box-shadow:0 8px 32px #00b0ff2e;color:var(--text-primary);display:flex;flex-direction:column;height:500px;max-height:80vh;max-width:95vw;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:fixed;right:24px;top:24px;transform:translateY(-120%) scale(.98);transition:transform .35s cubic-bezier(.4,0,.2,1),background .3s,box-shadow .3s;width:400px;z-index:1200}.comments-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.comments-panel.standard{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--background-paper);box-shadow:0 8px 32px #00b0ff2e}.comments-panel.blurred{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e222cb3;background:var(--background-paper-blur,#1e222cb3);box-shadow:0 8px 32px #00b0ff38}.comments-panel.translucent{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e222c73;background:var(--background-paper-translucent,#1e222c73);box-shadow:0 8px 32px #00b0ff1f}.comments-panel-header{align-items:center;background:var(--background-paper);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:center;padding:1rem 1.2rem}.comments-panel-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;text-align:center}.comments-panel-content,.comments-panel-content .track-comments{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.comments-panel-content .track-comments{background:#0000;border-radius:0;box-shadow:none;margin:0;padding:1rem}.comments-panel-content .comments-header{border-bottom:1px solid var(--border-color);flex-shrink:0;margin-bottom:1rem;padding:0 0 1rem}.comments-panel-content .comments-list{flex:1 1;margin-bottom:1rem;overflow-y:auto}.comments-panel-content .comment-form{background:var(--background-paper);border-top:1px solid var(--border-color);flex-shrink:0;margin-top:auto;padding:1rem}@media (max-width:768px){.player-container{bottom:70px;left:0;padding:12px 16px;right:0}.player-container.sidebar-collapsed{left:0}.player-content{align-items:stretch;flex-direction:column;gap:12px}.track-info{gap:12px;justify-content:flex-start;max-width:none}.track-cover{height:40px;max-height:40px;max-width:40px;min-height:40px;min-width:40px;width:40px}.track-title{font-size:.9rem}.track-artist{font-size:.75rem}.track-stats{font-size:.7rem;gap:8px}.controls-and-progress{align-items:stretch;flex-direction:column;gap:12px;min-width:0;width:100%}.controls{gap:16px;justify-content:center}.play-pause-button{height:44px;width:44px}.next-track-button,.prev-track-button{padding:8px}.time-info{font-size:.75rem;justify-content:center;min-width:80px}.interaction-buttons{gap:16px;justify-content:center}.icon-button{padding:8px}.volume-control{justify-content:center;padding:0}.volume-button{padding:8px}.comments-panel{border-radius:12px;height:60vh;left:8px;max-height:70vh;right:8px;top:8px;width:auto}.progress-container{height:8px;margin:8px 0;max-width:100%;min-width:0}.player-quality-block{justify-content:center;margin-bottom:8px}.quality-options{gap:6px}.quality-btn{font-size:1rem;height:32px;width:32px}}@media (max-width:600px){.player-container{bottom:65px;padding:8px 12px}.track-cover{height:36px;max-height:36px;max-width:36px;min-height:36px;min-width:36px;width:36px}.track-title{font-size:.85rem}.track-artist{font-size:.7rem}.play-pause-button{height:40px;width:40px}.next-track-button,.prev-track-button{padding:6px}.time-info{font-size:.7rem;min-width:70px}.interaction-buttons{gap:12px}.icon-button{padding:6px}.quality-btn{font-size:.9rem;height:28px;width:28px}.comments-panel{border-radius:10px;height:60vh;left:4px;max-height:70vh;right:4px;top:8px;width:auto}}@media (max-width:480px){.player-container{bottom:60px;padding:6px 8px}.track-info{gap:8px}.track-cover{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.track-title{font-size:.8rem}.track-artist,.track-stats{font-size:.65rem}.track-stats{gap:6px}.play-pause-button{height:36px;width:36px}.next-track-button,.prev-track-button{padding:4px}.time-info{font-size:.65rem;min-width:60px}.interaction-buttons{gap:8px}.icon-button{padding:4px}.quality-btn{font-size:.8rem;height:24px;width:24px}.progress-container{height:6px;margin:6px 0}}.content{padding-bottom:100px}.player-toggle{align-items:center;background:var(--background-paper);border:2px solid var(--primary-color);border-bottom:none;border-radius:8px 8px 0 0;color:var(--primary-color);cursor:pointer;display:flex;font-size:.9rem;gap:5px;left:20px;padding:3px 8px;position:absolute;top:-25px;transition:all .3s ease;z-index:1001}.player-toggle:hover{background:var(--background-hover)}.player-toggle svg{transition:transform .3s ease}.player-container.minimized .player-toggle svg{transform:rotate(180deg)}.player-quality-block{align-items:center;background:none;box-shadow:none;display:flex;flex-direction:row;margin-bottom:0;max-width:none;min-width:0;padding:0}.quality-options{display:flex;gap:8px;margin-bottom:0}.quality-btn{align-items:center;background:#eaf6ff;border:none;border-radius:50%;box-shadow:0 1px 4px #0000000a;color:var(--primary-color);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;height:36px;justify-content:center;position:relative;transition:background .18s,color .18s,box-shadow .18s;width:36px}.quality-btn.selected,.quality-btn:active{background:var(--primary-color);box-shadow:0 2px 8px #4fc3f721;color:#fff}.quality-btn:hover{background:var(--primary-hover);color:#fff}.quality-btn .quality-tooltip{background:var(--background-paper);border-radius:6px;bottom:110%;box-shadow:0 2px 8px #00000014;color:var(--text-primary);display:none;font-size:.95rem;left:50%;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.quality-btn:hover .quality-tooltip{display:block}.quality-desc,.quality-label{display:none}.report-modal-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.report-modal{animation:modalSlideIn .3s ease-out;background:var(--background-paper);border-radius:12px;box-shadow:0 20px 40px #0000004d;margin:auto;max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.report-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.report-modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-button:hover:not(:disabled){background:var(--background-hover);color:var(--text-primary)}.close-button:disabled{cursor:not-allowed;opacity:.5}.report-modal-content{padding:24px}.report-target{background:var(--background-hover);border-left:4px solid var(--primary-color);border-radius:8px;color:var(--text-primary);margin-bottom:20px;padding:12px 16px}.form-group label{font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--background-default);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-group optgroup{color:var(--text-secondary);font-weight:600}.form-group option{color:var(--text-primary);font-weight:400}.error-message{background:#f443361a;border-left:4px solid #f44336;border-radius:8px;color:#f44336;margin-bottom:20px;padding:12px 16px}.form-actions{gap:12px;margin-top:24px}.cancel-button,.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-button{background:var(--background-hover);color:var(--text-primary)}.cancel-button:hover:not(:disabled){background:var(--background-hover-dark)}.submit-button{background:var(--primary-color);color:#fff}.submit-button:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.report-modal.success{border:2px solid #4caf50}.success-message{padding:40px 20px;text-align:center}.success-icon{color:#4caf50;margin-bottom:16px}.success-message p{color:var(--text-primary);font-size:16px;line-height:1.5;margin:0}.already-reported{padding:40px 20px;text-align:center}.warning-icon{color:#ff9800;margin-bottom:16px}.already-reported p{color:var(--text-primary);font-size:16px;line-height:1.5;margin:0 0 12px}.already-reported p:last-child{color:var(--text-secondary);font-size:14px;margin-bottom:0}@media (max-width:600px){.report-modal-overlay{padding:10px}.report-modal{margin:0;max-height:90vh;width:100%}.report-modal-header{padding:16px 20px}.report-modal-header h2{font-size:1.1rem}.report-modal-content{padding:20px}.form-actions{flex-direction:column;gap:8px}.cancel-button,.submit-button{padding:14px 24px;width:100%}.already-reported,.success-message{padding:30px 20px}}.dark-theme .report-modal{background:var(--background-paper);border:1px solid var(--border-color)}.dark-theme .form-group input,.dark-theme .form-group select,.dark-theme .form-group textarea{background:var(--background-default);border-color:var(--border-color)}.light-theme .report-modal{background:#fff;box-shadow:0 20px 40px #00000026}.report-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.report-button:hover{background:#ff6b351a;color:#ff6b35;transform:scale(1.05)}.report-button:active{transform:scale(.95)}.report-button--icon{padding:8px}.report-button--icon.report-button--small{padding:6px}.report-button--icon.report-button--large{padding:10px}.report-button--text{color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 12px}.report-button--text:hover{background:#ff6b351a;color:#ff6b35}.report-button--text.report-button--small{font-size:12px;padding:6px 10px}.report-button--text.report-button--large{font-size:16px;padding:10px 16px}.report-button--button{background:#ff6b351a;border:1px solid #ff6b354d;border-radius:8px;color:#ff6b35;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.report-button--button:hover{background:#ff6b3533;border-color:#ff6b35;color:#ff6b35}.report-button--button.report-button--small{font-size:12px;gap:6px;padding:6px 12px}.report-button--button.report-button--large{font-size:16px;gap:10px;padding:12px 20px}.report-button--small{font-size:12px}.report-button--medium{font-size:14px}.report-button--large{font-size:16px}.report-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.report-button:disabled:hover{background:none;color:var(--text-secondary);transform:none}.report-button:focus{box-shadow:0 0 0 2px #ff6b354d;outline:none}.dark-theme .report-button{color:var(--text-secondary)}.dark-theme .report-button:hover{background:#ff6b3526;color:#ff6b35}.dark-theme .report-button--button{background:#ff6b3526;border-color:#ff6b3566}.dark-theme .report-button--button:hover{background:#ff6b3540;border-color:#ff6b35}.light-theme .report-button{color:var(--text-secondary)}.light-theme .report-button:hover{background:#ff6b351a;color:#ff6b35}.light-theme .report-button--button{background:#ff6b351a;border-color:#ff6b354d}.light-theme .report-button--button:hover{background:#ff6b3533;border-color:#ff6b35}.mobile-mini-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-paper);border-top:1px solid var(--border-color);bottom:70px;box-shadow:0 -2px 16px #0000001a;cursor:pointer;left:0;position:fixed;right:0;transition:all .2s ease;z-index:999}.mobile-mini-player:hover{background:var(--hover-color)}.mobile-mini-player-content{align-items:center;display:flex;gap:12px;min-height:60px;padding:12px 16px}.mobile-mini-cover{border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:48px;overflow:hidden;width:48px}.mobile-mini-cover img{height:100%;object-fit:cover;width:100%}.mobile-mini-cover-placeholder{align-items:center;background:var(--primary-color);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.mobile-mini-info{flex:1 1;min-width:0;padding:0 8px}.mobile-mini-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 4px}.mobile-mini-artist,.mobile-mini-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-mini-artist{color:var(--text-secondary);font-size:.9rem;margin:0}.mobile-mini-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.mobile-mini-btn{align-items:center;background:var(--background-default);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-mini-btn:hover:not(:disabled){background:var(--hover-color);transform:scale(1.05)}.mobile-mini-btn:active:not(:disabled){transform:scale(.95)}.mobile-mini-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-mini-play-btn{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3);color:#fff;height:48px;width:48px}.mobile-mini-play-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.1)}.mobile-mini-play-btn:active:not(:disabled){transform:scale(1.05)}[data-theme=dark] .mobile-mini-player{background:var(--background-paper);border-color:var(--border-color);box-shadow:0 -2px 16px #0000004d}[data-theme=dark] .mobile-mini-player:hover{background:var(--hover-color)}[data-theme=dark] .mobile-mini-btn{background:var(--background-default);border-color:var(--border-color);box-shadow:0 2px 4px #0003;color:var(--text-primary)}[data-theme=dark] .mobile-mini-btn:hover:not(:disabled){background:var(--hover-color)}[data-theme=exclusive] .mobile-mini-player{background:var(--gradient-secondary);border-color:var(--primary-color);box-shadow:0 -2px 16px #0ff3}[data-theme=exclusive] .mobile-mini-player:hover{background:var(--gradient-primary)}[data-theme=exclusive] .mobile-mini-title{color:#00eaff;text-shadow:0 0 4px #00eaff4d}[data-theme=exclusive] .mobile-mini-btn{background:#00eaff1a;border-color:#00eaff4d;box-shadow:0 2px 4px #00eaff1a;color:#00eaff}[data-theme=exclusive] .mobile-mini-btn:hover:not(:disabled){background:#00eaff33;box-shadow:0 4px 8px #00eaff33;color:#00eaff}[data-theme=exclusive] .mobile-mini-play-btn{background:#00eaff;border-color:#00eaff;box-shadow:0 4px 12px #00eaff66;color:var(--text-primary)}[data-theme=exclusive] .mobile-mini-play-btn:hover:not(:disabled){background:#00b0ff;box-shadow:0 6px 16px #00eaff80}[data-theme=exclusive] .mobile-mini-cover-placeholder{background:#00eaff;color:var(--text-primary)}@media (max-width:480px){.mobile-mini-player-content{gap:10px;min-height:56px;padding:10px 12px}.mobile-mini-cover{height:44px;width:44px}.mobile-mini-cover-placeholder{font-size:20px}.mobile-mini-title{font-size:.9rem}.mobile-mini-artist{font-size:.8rem}.mobile-mini-btn{height:36px;width:36px}.mobile-mini-play-btn{height:44px;width:44px}.mobile-mini-controls{gap:6px}}@media (max-width:360px){.mobile-mini-player-content{gap:8px;min-height:52px;padding:8px 10px}.mobile-mini-cover{height:40px;width:40px}.mobile-mini-cover-placeholder{font-size:18px}.mobile-mini-title{font-size:.85rem}.mobile-mini-artist{font-size:.75rem}.mobile-mini-btn{height:32px;width:32px}.mobile-mini-play-btn{height:40px;width:40px}.mobile-mini-controls{gap:4px}}.mobile-full-player-overlay{align-items:center;animation:mobilePlayerFadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:calc(20px + env(safe-area-inset-top, 0px)) 20px calc(20px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;top:0;z-index:2000}@keyframes mobilePlayerFadeIn{0%{opacity:0}to{opacity:1}}.mobile-full-player{animation:mobilePlayerSlideIn .3s ease;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -10px 30px #0000001a;margin-top:auto;max-height:calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));max-width:100%;overflow-y:auto;position:relative;width:100%}@keyframes mobilePlayerSlideIn{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-full-player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 20px 0}.mobile-full-player-close,.mobile-full-player-share{align-items:center;background:var(--background-default);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-full-player-close:hover,.mobile-full-player-share:hover{background:var(--hover-color);transform:scale(1.05)}.mobile-full-player-close:active,.mobile-full-player-share:active{transform:scale(.95)}.mobile-full-player-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.mobile-full-player-cover{aspect-ratio:1/1;border-radius:0;box-shadow:none;height:auto;margin:0 0 20px;overflow:hidden;position:relative;width:100%}.mobile-full-player-cover img{height:100%;object-fit:cover;width:100%}.mobile-full-player-cover-placeholder{align-items:center;background:var(--primary-color);color:#fff;display:flex;font-size:80px;font-weight:700;height:100%;justify-content:center;width:100%}.mobile-full-player-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 20px;text-align:left}.mobile-full-player-track-title{color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1.2;margin:0 0 4px}.mobile-full-player-track-artist{color:var(--text-secondary);font-size:1rem;margin:0}.mobile-full-player-track-artist-link{color:inherit;text-decoration:none;transition:color .2s ease}.mobile-full-player-track-artist-link:hover{color:var(--primary-color)}.mobile-full-player-track-info{flex:1 1}.mobile-full-player-track-actions{display:flex;gap:8px}.mobile-track-action-btn{align-items:center;background:#007aff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:500;gap:4px;min-width:60px;padding:8px 12px;transition:all .2s ease}.mobile-track-action-btn:hover{background:#0056cc;transform:scale(1.05)}.mobile-track-action-btn:active{transform:scale(.95)}.mobile-track-action-btn.active{background:#ff3b30}.mobile-track-action-btn span{font-size:.7rem;font-weight:600}.mobile-full-player-progress{align-items:center;display:flex;gap:12px;margin-bottom:30px;padding:0 20px}.mobile-full-player-time{color:var(--text-secondary);font-size:.9rem;font-weight:500;min-width:40px;text-align:center}.mobile-full-player-progress-bar{background:var(--border-color);border-radius:2px;cursor:pointer;flex:1 1;height:6px;position:relative;transition:all .2s ease}.mobile-full-player-progress-bar:hover{height:8px}.mobile-full-player-progress-fill{background:var(--primary-color);border-radius:2px;height:100%;transition:width .1s ease}.mobile-full-player-progress-thumb{background:var(--primary-color);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:18px}.mobile-full-player-progress-bar:hover .mobile-full-player-progress-thumb{height:20px;width:20px}.mobile-full-player-controls{gap:16px;margin-bottom:20px;padding:0 20px}.mobile-full-player-btn,.mobile-full-player-controls{align-items:center;display:flex;justify-content:center}.mobile-full-player-btn{background:var(--background-default);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 4px 12px #0000001a;color:var(--text-primary);cursor:pointer;height:50px;touch-action:manipulation;transition:all .2s ease;width:50px}.mobile-full-player-btn:hover:not(:disabled){background:var(--hover-color);transform:scale(1.05)}.mobile-full-player-btn:active:not(:disabled){transform:scale(.95)}.mobile-full-player-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-full-player-play-btn{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 6px 20px rgba(var(--accent-color-rgb),.3);color:#fff;height:70px;width:70px}.mobile-full-player-play-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.1)}.mobile-full-player-play-btn:active:not(:disabled){transform:scale(1.05)}.mobile-full-player-additional{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:0 20px}.mobile-full-player-action-btn{align-items:center;background:var(--background-default);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.mobile-full-player-action-btn:hover{background:var(--hover-color);color:var(--text-primary);transform:scale(1.05)}.mobile-full-player-action-btn:active{transform:scale(.95)}.mobile-full-player-action-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3);color:#fff}.mobile-full-player-action-btn span{font-size:1rem;font-weight:500}.mobile-full-player-settings{display:flex;flex-direction:column;gap:16px;padding:0 20px 20px}.mobile-full-player-volume{align-items:center;display:flex;gap:12px}.mobile-full-player-volume svg{color:var(--text-secondary);flex-shrink:0}.mobile-full-player-volume-slider{-webkit-appearance:none;background:var(--border-color);border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.mobile-full-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:16px;width:16px}.mobile-full-player-volume-slider::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:16px;width:16px}.mobile-full-player-quality{position:relative}.mobile-full-player-quality-btn{align-items:center;background:var(--background-default);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.mobile-full-player-quality-btn:hover{background:var(--hover-color);transform:scale(1.02)}.mobile-full-player-quality-menu{background:var(--background-paper);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.mobile-full-player-quality-option{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.mobile-full-player-quality-option:hover{background:var(--hover-color)}.mobile-full-player-quality-option.active{background:var(--primary-color);color:#fff}.mobile-quality-option-content{align-items:center;display:flex;gap:12px;width:100%}.mobile-quality-option-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.mobile-quality-option-text{flex:1 1;text-align:left}.mobile-quality-option-label{font-size:.9rem;font-weight:600;margin-bottom:2px}.mobile-quality-option-desc{font-size:.8rem;line-height:1.2;opacity:.8}.mobile-full-player-comments{background:var(--background-paper);border-radius:20px;bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0;z-index:20}.mobile-full-player-comments-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.mobile-full-player-comments-header h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.mobile-full-player-comments-header button{align-items:center;background:var(--background-default);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.mobile-full-player-comments-header button:hover{background:var(--hover-color)}.mobile-full-player-comments-content{flex:1 1;overflow-y:auto;padding:20px}[data-theme=dark] .mobile-full-player-overlay{background:#000000e6}[data-theme=dark] .mobile-full-player{background:var(--background-paper);box-shadow:0 20px 40px #00000080}[data-theme=dark] .mobile-full-player-close,[data-theme=dark] .mobile-full-player-share{background:var(--background-default);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .mobile-full-player-close:hover,[data-theme=dark] .mobile-full-player-share:hover{background:var(--hover-color)}[data-theme=dark] .mobile-full-player-btn{background:var(--background-default);border-color:var(--border-color);box-shadow:0 4px 12px #0003;color:var(--text-primary)}[data-theme=dark] .mobile-full-player-btn:hover:not(:disabled){background:var(--hover-color)}[data-theme=dark] .mobile-full-player-action-btn{background:var(--background-default);border-color:var(--border-color);box-shadow:0 2px 8px #0003;color:var(--text-secondary)}[data-theme=dark] .mobile-full-player-action-btn:hover{background:var(--hover-color);color:var(--text-primary)}[data-theme=dark] .mobile-full-player-quality-btn{background:var(--background-default);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .mobile-full-player-quality-btn:hover{background:var(--hover-color)}[data-theme=dark] .mobile-full-player-quality-menu{background:var(--background-paper);border-color:var(--border-color);box-shadow:0 8px 24px #0000004d}[data-theme=dark] .mobile-full-player-quality-option{color:var(--text-primary)}[data-theme=dark] .mobile-full-player-quality-option:hover{background:var(--hover-color)}[data-theme=exclusive] .mobile-full-player-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000e6}[data-theme=exclusive] .mobile-full-player{background:var(--gradient-secondary);border:1px solid var(--primary-color);box-shadow:0 20px 40px #0ff3}[data-theme=exclusive] .mobile-full-player-title,[data-theme=exclusive] .mobile-full-player-track-title{color:#00eaff;text-shadow:0 0 8px #00eaff4d}[data-theme=exclusive] .mobile-full-player-close,[data-theme=exclusive] .mobile-full-player-share{background:#00eaff1a;border-color:#00eaff4d;color:#00eaff}[data-theme=exclusive] .mobile-full-player-close:hover,[data-theme=exclusive] .mobile-full-player-share:hover{background:#00eaff33;color:#00eaff}[data-theme=exclusive] .mobile-full-player-cover-placeholder{background:#00eaff;color:var(--text-primary)}[data-theme=exclusive] .mobile-full-player-progress-fill{background:#00eaff;box-shadow:0 0 8px #00eaff80}[data-theme=exclusive] .mobile-full-player-progress-thumb{background:#00eaff;border-color:var(--background-paper);box-shadow:0 0 8px #00eaff80}[data-theme=exclusive] .mobile-full-player-btn{background:#00eaff1a;border-color:#00eaff4d;box-shadow:0 4px 12px #00eaff1a;color:#00eaff}[data-theme=exclusive] .mobile-full-player-btn:hover:not(:disabled){background:#00eaff33;color:#00eaff}[data-theme=exclusive] .mobile-full-player-play-btn{background:#00eaff;border-color:#00eaff;box-shadow:0 6px 20px #00eaff66;color:var(--text-primary)}[data-theme=exclusive] .mobile-full-player-play-btn:hover:not(:disabled){background:#00b0ff;box-shadow:0 8px 24px #00eaff80}[data-theme=exclusive] .mobile-full-player-action-btn{background:#00eaff1a;border-color:#00eaff4d;box-shadow:0 2px 8px #00eaff1a;color:#00eaff}[data-theme=exclusive] .mobile-full-player-action-btn:hover{background:#00eaff33;color:#00eaff}[data-theme=exclusive] .mobile-full-player-action-btn.active{background:#00eaff;border-color:#00eaff;box-shadow:0 4px 12px #00eaff66;color:var(--text-primary)}[data-theme=exclusive] .mobile-full-player-quality-btn{background:#00eaff1a;border-color:#00eaff4d;color:#00eaff}[data-theme=exclusive] .mobile-full-player-quality-btn:hover{background:#00eaff33;color:#00eaff}[data-theme=exclusive] .mobile-full-player-quality-menu{background:var(--gradient-secondary);border-color:var(--primary-color);box-shadow:0 8px 24px #00eaff33}[data-theme=exclusive] .mobile-full-player-quality-option{color:var(--text-primary)}[data-theme=exclusive] .mobile-full-player-quality-option:hover{background:#00eaff1a}[data-theme=exclusive] .mobile-full-player-quality-option.active{background:#00eaff;color:var(--text-primary)}@media (max-width:480px){.mobile-full-player-overlay{padding:10px}.mobile-full-player{max-height:95vh}.mobile-full-player-cover{height:240px;margin-bottom:20px;width:240px}.mobile-full-player-cover-placeholder{font-size:60px}.mobile-full-player-track-title{font-size:1.3rem}.mobile-full-player-track-artist{font-size:1rem}.mobile-full-player-controls{gap:16px}.mobile-full-player-btn{height:44px;width:44px}.mobile-full-player-play-btn{height:60px;width:60px}.mobile-full-player-additional{gap:12px}.mobile-full-player-action-btn{height:40px;width:40px}}@media (max-width:360px){.mobile-full-player-overlay{padding:5px}.mobile-full-player-cover{height:200px;margin-bottom:16px;width:200px}.mobile-full-player-cover-placeholder{font-size:50px}.mobile-full-player-track-title{font-size:1.2rem}.mobile-full-player-track-artist{font-size:.9rem}.mobile-full-player-controls{gap:12px}.mobile-full-player-btn{height:40px;width:40px}.mobile-full-player-play-btn{height:56px;width:56px}.mobile-full-player-additional{gap:8px}.mobile-full-player-action-btn{height:36px;width:36px}}.track-list{display:flex;flex-direction:column;gap:8px}.track-item.modern{background:#fff;background:var(--background-paper,#fff);border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:14px;box-shadow:0 2px 12px #0000000f;cursor:grab;padding:10px 20px;position:relative;transition:box-shadow .2s,border-color .2s,background .2s}.track-item.modern:hover{background:#f5faff;background:var(--hover-color,#f5faff);box-shadow:0 4px 18px #0000001a}.track-item.modern.playing,.track-item.modern:hover{border-color:#00cfff;border-color:var(--primary-color,#00cfff)}.track-item.modern.playing{background:#00cfff14;background:rgba(var(--primary-color-rgb,0,207,255),.08)}.track-item.modern.dragging{background:#f0f4fa;background:var(--background-default,#f0f4fa);border-color:#00cfff;border-color:var(--primary-color,#00cfff);box-shadow:0 8px 32px #0000002e;z-index:2}.track-item-content{gap:16px}.track-item-left,.track-item-right{align-items:center;display:flex;gap:16px}.track-item-left{flex:1 1;min-width:0}.track-index{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:14px;min-width:20px;text-align:right}.track-cover-container{background:#eee;display:block}.track-cover-container.no-cover{align-items:center;background-color:#f5faff;background-color:var(--hover-color,#f5faff);display:flex;justify-content:center}.track-cover-placeholder-icon{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);display:none;font-size:32px}.track-cover-container.no-cover .track-cover-placeholder-icon{display:block}.track-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.track-title{color:#222;color:var(--text-primary,#222);font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-item.modern.playing .track-title{color:#00cfff;color:var(--primary-color,#00cfff)}.track-artist{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-title-link,.track-title-link{color:inherit;display:block;text-decoration:none;transition:color .2s ease}.playlist-title-link:hover,.playlist-title-link:hover .playlist-title,.track-title-link:hover,.track-title-link:hover .track-title{color:#00cfff;color:var(--primary-color,#00cfff)}.track-duration{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:14px}.play-button{color:#222;color:var(--text-primary,#222);opacity:0;transition:all .2s ease;visibility:hidden}.track-item.modern:hover .play-button{opacity:1;visibility:visible}.track-item.modern:hover .track-duration{display:none}.track-item.modern.playing .play-button{opacity:1;visibility:visible}.loading-spinner{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.spinner-ring{border:2px solid #0000004d;border-top-color:#00cfff;border-top:2px solid var(--primary-color,#00cfff);height:16px;width:16px}.empty-tracks{align-items:center;background-color:#fff;background-color:var(--background-paper,#fff);border:2px dashed #e0e0e0;border:2px dashed var(--border-color,#e0e0e0);border-radius:12px;color:#b0b0b0;color:var(--text-secondary,#b0b0b0);display:flex;justify-content:center;min-height:200px;text-align:center}@media (max-width:768px){.track-list{gap:6px}.track-item.modern{border-radius:12px;padding:12px 16px}.track-item-content,.track-item-left,.track-item-right{gap:12px}.track-cover-container{height:56px;width:56px}.track-cover{border-radius:8px}.track-title{font-size:1rem;font-weight:600}.track-artist{font-size:.9rem}.track-duration{font-size:.85rem}.play-button{height:40px;width:40px}.track-actions{gap:8px}.action-button{min-height:36px;min-width:36px;padding:8px}}@media (max-width:480px){.track-list{gap:4px}.track-item.modern{border-radius:10px;padding:10px 12px}.track-item-content,.track-item-left,.track-item-right{gap:8px}.track-cover-container{height:48px;width:48px}.track-cover{border-radius:6px}.track-title{font-size:.95rem}.track-artist{font-size:.85rem}.track-duration{font-size:.8rem}.play-button{height:36px;width:36px}.action-button{min-height:32px;min-width:32px;padding:6px}.track-item-right{align-items:flex-end;flex-direction:column;gap:4px}}@media (max-width:360px){.track-item.modern{padding:8px 10px}.track-item-content{gap:6px}.track-cover-container{height:44px;width:44px}.track-title{font-size:.9rem}.track-artist{font-size:.8rem}.track-duration{font-size:.75rem}.play-button{height:32px;width:32px}.action-button{min-height:28px;min-width:28px;padding:4px}}@media (hover:none) and (pointer:coarse){.track-item.modern:hover{background:#fff;background:var(--background-paper,#fff);border-color:#e0e0e0;border-color:var(--border-color,#e0e0e0);box-shadow:0 2px 12px #0000000f}.track-item.modern{cursor:pointer}.action-button,.play-button{min-height:44px;min-width:44px}}.playlist-track-list{display:flex;flex-direction:column;gap:6px;padding:0}.playlist-item{align-items:center;background:#fff;background:var(--background-paper,#fff);border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;min-height:64px;position:relative;transition:box-shadow .2s,border-color .2s,background .2s}.playlist-item.playing{background:#00cfff14;background:rgba(var(--primary-color-rgb,0,207,255),.08)}.playlist-item.dragging,.playlist-item.playing{border-color:#00cfff;border-color:var(--primary-color,#00cfff)}.playlist-item.dragging{background:#f0f4fa;background:var(--background-default,#f0f4fa);box-shadow:0 8px 32px #0000002e;z-index:2}.drag-handle{color:var(--text-secondary,#b0b0b0);height:100%;justify-content:center;margin-right:8px;min-width:32px;width:32px}.playlist-item:hover .drag-handle{opacity:1}.track-item-content{align-items:center;display:flex;justify-content:space-between;width:100%}.playlist-item .track-item-left{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.track-cover-container{align-self:flex-start;background-color:#f5faff;background-color:var(--hover-color,#f5faff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;box-shadow:0 2px 8px #00000014;flex:none;height:80px;overflow:hidden;width:80px}.track-cover{border-radius:8px;display:block;height:100%;object-fit:cover;width:100%}.playlist-play{align-items:center;background:#00cfff;background:var(--primary-color,#00cfff);border-radius:50%;box-shadow:0 2px 8px #00cfff1a;color:#fff!important;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-left:16px;margin-right:12px;opacity:1!important;transition:background .2s,color .2s;visibility:visible!important;width:40px}.playlist-play:hover{background:#09c;color:#fff!important}.playlist-item .track-item-right{align-items:center;display:flex;gap:12px;margin-left:auto}.playlist-item .track-duration{min-width:48px;text-align:right}@media (max-width:600px){.playlist-item{border-radius:8px;min-height:48px;padding:0 4px}.playlist-play{height:32px;margin-left:8px;margin-right:4px;width:32px}.drag-handle{margin-right:4px;min-width:24px;width:24px}.track-cover-container{height:48px;width:48px}}.playlist-row{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;margin-bottom:12px;min-height:96px;padding:16px 24px;position:relative;transition:box-shadow .2s,border-color .2s,background .2s}.playlist-row-inner{align-items:center;display:flex;width:100%}.drag-handle{align-items:center;color:#b0b0b0;cursor:grab;display:flex;margin-right:20px;opacity:.7;transition:opacity .2s}.playlist-row:hover .drag-handle{opacity:1}.playlist-cover{background:#eee;border-radius:10px;display:block;flex-grow:0;flex-shrink:0;height:80px;margin-right:24px;overflow:hidden;width:80px}.playlist-cover img,.track-cover{border-radius:10px!important;display:block!important;height:100%!important;object-fit:cover!important;width:100%!important}.playlist-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.playlist-title{font-size:18px;font-weight:600;margin-bottom:4px}.playlist-artist{color:#888;font-size:15px}.playlist-play-btn{height:44px;margin-left:24px;width:44px}@media (max-width:600px){.playlist-row{min-height:56px;padding:8px}.playlist-cover{height:48px;margin-right:12px;width:48px}.playlist-play-btn{height:32px;margin-left:8px;width:32px}.playlist-title{font-size:15px}.playlist-artist{font-size:12px}}.playlist-row.full-cover{align-items:flex-end;background:#222;border-radius:16px;box-shadow:0 2px 16px #0000001a;display:flex;margin-bottom:18px;min-height:120px;overflow:hidden;padding:0;position:relative}.playlist-bg-cover{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .3s;width:100%;z-index:1}.playlist-row.full-cover:hover .playlist-bg-cover{filter:blur(1px) brightness(.9);transform:scale(1.04)}.playlist-overlay{background:linear-gradient(120deg,#0000008c 60%,#00000026);inset:0;position:absolute;z-index:2}.playlist-content{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:24px 32px;position:relative;width:100%;z-index:3}.playlist-title{font-size:22px;font-weight:700;margin-bottom:6px}.playlist-artist{font-size:16px;opacity:.85}.playlist-play-btn{align-items:center;background:#00cfff;border:none;border-radius:50%;box-shadow:0 2px 8px #00cfff1a;color:#fff;cursor:pointer;display:flex;font-size:0;height:54px;justify-content:center;transition:background .2s;width:54px}.playlist-play-btn:hover{background:#09c}@media (max-width:600px){.playlist-row.full-cover{border-radius:10px;min-height:72px}.playlist-content{padding:12px}.playlist-title{font-size:15px}.playlist-artist{font-size:12px}.playlist-play-btn{height:36px;width:36px}}.playlists-container{margin:0 auto;max-width:1200px;padding:32px 16px}.playlists-paper{background:var(--background-paper);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.playlists-paper:hover{box-shadow:0 8px 30px #0000001f}.playlists-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:clamp(28px,4vw,36px);font-weight:800;letter-spacing:-.5px;margin-bottom:32px;text-align:center}.tracks-container{animation:fadeIn .5s ease-in;margin-top:24px}.MuiTabs-root{border-bottom:1px solid var(--border-color);margin-bottom:24px}.MuiTabs-flexContainer{justify-content:center}.MuiTab-root{border:1px solid #0000!important;border-bottom:none!important;border-radius:8px 8px 0 0!important;color:var(--text-secondary)!important;font-size:15px!important;font-weight:600!important;margin:0 4px!important;min-width:160px!important;padding:10px 24px!important;text-transform:none!important;transition:all .3s ease!important}.MuiTab-root:hover{background-color:var(--hover-color)!important;color:var(--primary-color)!important}.MuiTab-root.Mui-selected{background-color:var(--background-paper)!important;border-color:var(--border-color)!important;border-bottom:1px solid var(--background-paper)!important;color:var(--text-primary)!important;position:relative;top:1px}.MuiTabs-indicator{display:none!important}.light-theme .playlists-paper{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #00000014;box-shadow:0 10px 30px #0000000f}.light-theme .playlists-paper:hover{box-shadow:0 15px 40px #0000001a}.dark-theme .playlists-paper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border:1px solid #ffffff1a;box-shadow:0 10px 30px #0000004d}.dark-theme .playlists-paper:hover{border-color:rgba(var(--primary-color-rgb),.3);box-shadow:0 15px 40px #0006}.error,.loading{align-items:center;animation:fadeIn .3s ease-in;background:var(--background-paper);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);display:flex;font-size:18px;justify-content:center;min-height:300px}@media (max-width:768px){.playlists-container{padding:24px 12px}.playlists-title{font-size:24px;margin-bottom:24px}.MuiTabs-flexContainer{flex-direction:column;gap:8px}.MuiTab-root{background-color:var(--background-default)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;font-size:14px!important;margin:0!important;min-width:100%!important;padding:12px 16px!important}.MuiTab-root.Mui-selected{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.MuiTab-root:hover{background-color:var(--hover-color)!important}}@media (max-width:480px){.playlists-container{padding:16px 8px}.playlists-title{font-size:20px;margin-bottom:20px}.MuiTab-root{font-size:13px!important;padding:10px 12px!important}.MuiTab-root .MuiTab-iconWrapper{margin-right:8px!important}}@media (max-width:600px){.playlists-container{box-sizing:border-box;max-width:100%;padding:8px 2px}.playlists-paper{padding:16px!important}}.TrackItem_trackItem__bDytX{align-items:center;background-color:#1a3a4a;border-radius:8px;box-shadow:0 4px 8px #0000004d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-align:center;transition:transform .3s ease;width:250px}.TrackItem_trackItem__bDytX:hover{transform:translateY(-5px)}.TrackItem_trackImage__Q9Sxf{height:250px;object-fit:cover;width:100%}.TrackItem_trackInfo__8j5cc{box-sizing:border-box;padding:15px 10px;width:100%}.TrackItem_trackTitle__xFPRW{box-sizing:border-box;color:#fff;font-size:1em;font-weight:700;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.TrackItem_trackTitleLink__pT2WE{color:inherit;display:block;text-decoration:none;transition:color .2s ease}.TrackItem_trackTitleLink__pT2WE:hover,.TrackItem_trackTitleLink__pT2WE:hover .TrackItem_trackTitle__xFPRW{color:#00b0ff}.TrackItem_trackArtist__xoBL7{color:#b0b0b0;font-size:.9em;text-decoration:none;transition:color .2s ease}.TrackItem_trackArtist__xoBL7:hover{color:#fff}.TrackItem_trackActions__uExP1{opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.TrackItem_trackItem__bDytX:hover .TrackItem_trackActions__uExP1{opacity:1}.TrackItem_reportButton__0nwOZ{background:#000000b3!important;border-radius:50%!important;color:#fff!important;padding:6px!important}.TrackItem_reportButton__0nwOZ:hover{background:#ff6b35e6!important;color:#fff!important}.auth-bg,.auth-container,.auth-form,.auth-slogan,.auth-title,body,button,input{font-family:Gropled,Arial,sans-serif!important}.auth-bg,body{align-items:center;animation:gradientMove 15s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#4fc3f7 50%,#1976d2 75%,#0d47a1);background-size:400% 400%;display:flex;height:100vh;justify-content:center;margin:0;min-height:100vh;min-width:100vw;overflow:hidden;padding:0;position:relative;width:100vw}@media (max-width:768px){.auth-bg,body{align-items:flex-start;height:auto;justify-content:flex-start;min-height:100vh;overflow:auto;padding:16px 12px}.auth-container{border-radius:20px;margin:16px auto;max-width:100%;max-width:400px;padding:20px 16px;width:100%}.auth-form h2{font-size:1.5rem;margin-bottom:16px}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{font-size:16px;min-height:48px;padding:12px 16px}.auth-form button{font-size:16px;margin-top:8px;min-height:48px;padding:12px 0}.auth-form label{font-size:14px;margin-bottom:6px}.auth-form-link,.auth-link,.auth-link-inline{font-size:14px;margin-top:16px}.auth-terms{font-size:12px;margin-top:8px}}@media (max-width:480px){.auth-bg,body{padding:12px 8px}.auth-container{border-radius:16px;margin:12px auto;max-width:100%;padding:16px 12px}.auth-form h2{font-size:1.3rem;margin-bottom:14px}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{font-size:16px;min-height:44px;padding:10px 14px}.auth-form button{font-size:15px;min-height:44px;padding:10px 0}.auth-form label{font-size:13px;margin-bottom:4px}.auth-form-link,.auth-link,.auth-link-inline{font-size:13px;margin-top:12px}.auth-terms{font-size:11px;margin-top:6px}}@media (max-width:360px){.auth-bg,body{padding:8px 4px}.auth-container{border-radius:12px;margin:8px auto;padding:12px 10px}.auth-form h2{font-size:1.2rem;margin-bottom:12px}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{font-size:16px;min-height:40px;padding:8px 12px}.auth-form button{font-size:14px;min-height:40px;padding:8px 0}.auth-form label{font-size:12px;margin-bottom:3px}.auth-form-link,.auth-link,.auth-link-inline{font-size:12px;margin-top:10px}.auth-terms{font-size:10px;margin-top:4px}}.auth-bg:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%)}.auth-bg:after,.auth-bg:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-bg:after{animation:shimmer 8s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%)}@keyframes gradientMove{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}@keyframes backgroundShift{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.auth-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #1f268726,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;max-width:370px;padding:1.3rem 1.1rem 1.1rem;position:relative;z-index:10}.auth-container:before{animation:borderGlow 4s ease-in-out infinite;background:linear-gradient(45deg,#4fc3f7,#1976d2,#667eea,#764ba2);border-radius:26px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes borderGlow{0%,to{opacity:.3}50%{opacity:.6}}.auth-title{color:#1976d2;font-size:2.2rem;font-weight:800;letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 2px 8px #4fc3f726}.auth-slogan{align-items:center;color:#1976d2;display:flex;font-size:1.1rem;font-weight:500;height:2.2em;justify-content:center;letter-spacing:1px;margin-bottom:1.5rem;min-height:2.2em;text-align:center}@media (max-width:900px){.auth-container{max-width:98vw;padding:1.5rem .7rem 1.2rem}}@media (max-width:600px){.auth-container{max-width:99vw;padding:1rem .2rem}.auth-title{font-size:1.2rem}.auth-slogan{font-size:.9rem}}.auth-form{display:flex;flex-direction:column;gap:.45rem;width:100%}.auth-form button,.auth-form input{border-radius:1.2rem}.auth-form button{background:linear-gradient(90deg,#4fc3f7,#1976d2);border:none;box-shadow:0 2px 8px #4fc3f71f;color:#fff;font-size:1rem;font-weight:700;margin-bottom:.1rem;margin-top:.2rem;padding:10px 0;transition:background .3s}.auth-form button:hover{background:linear-gradient(90deg,#1976d2,#4fc3f7)}.auth-form h2{color:#143a5a;font-size:1.6rem;font-weight:800;letter-spacing:1px;margin-bottom:18px;text-align:center;text-shadow:none}.auth-form div,.form-group{margin-bottom:.35rem}.auth-form label{color:#000!important;display:block;font-size:15px;font-weight:600;margin-bottom:.2rem}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{background-color:#fafdff;border:1.2px solid #4fc3f7;border-radius:1.2rem;box-sizing:border-box;color:#000!important;font-size:15px;margin-bottom:.2rem;padding:10px;transition:border .2s;width:100%}.auth-form input[type=email]:focus,.auth-form input[type=password]:focus,.auth-form input[type=text]:focus{border:1.5px solid #1976d2;outline:none}.auth-form input[type=checkbox]{margin-right:10px}.auth-form button:disabled{background:#ccc;box-shadow:none;color:#fff;cursor:not-allowed;opacity:.7}.auth-form .error-message{color:#ff6b6b;font-weight:700;margin-bottom:20px;text-align:center;text-shadow:1px 1px 2px #0000001a}.auth-form-link,.auth-link,.auth-link-inline{color:#1976d2;display:block;font-size:14px;font-weight:600;margin-top:20px;text-align:center;text-decoration:none;transition:color .3s ease}.auth-form-link:hover,.auth-link-inline:hover,.auth-link:hover{color:#143a5a;text-decoration:underline}.auth-terms{color:#143a5a;font-size:13px;margin-bottom:.1rem;margin-top:.5rem;text-align:center}.username-help{background:#4fc3f7;border-radius:50%;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;height:16px;line-height:16px;margin-left:6px;position:relative;text-align:center;transition:background .2s;width:16px}.username-help:hover{background:#1976d2}.username-tooltip{animation:tooltipFadeIn .2s ease-in;background:#fff;border:1px solid #4fc3f7;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#143a5a;font-size:13px;left:0;margin-top:5px;min-width:250px;padding:12px;position:absolute;top:100%;z-index:1000}.username-tooltip:before{border-bottom:6px solid #4fc3f7;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:10px;position:absolute;top:-6px;width:0}.username-tooltip ul{margin:0;padding-left:16px}.username-tooltip li{line-height:1.3;margin-bottom:4px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-group{position:relative}.form-group label{align-items:center;display:flex;position:relative}.form-group.checkbox label{align-items:center;cursor:pointer;display:flex;gap:8px}.form-group.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #4fc3f7;border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;margin:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.form-group.checkbox input[type=checkbox]:checked{animation:checkboxCheck .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#4fc3f7,#1976d2);border-color:#1976d2;box-shadow:0 2px 8px #4fc3f74d;transform:scale(1.05)}.form-group.checkbox input[type=checkbox]:checked:after{animation:checkmarkAppear .2s ease-in-out .1s both;color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes checkboxCheck{0%{box-shadow:0 0 0 0 #4fc3f766;transform:scale(1)}50%{box-shadow:0 0 0 8px #4fc3f733;transform:scale(1.1)}to{box-shadow:0 2px 8px #4fc3f74d;transform:scale(1.05)}}@keyframes checkmarkAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.form-group.checkbox input[type=checkbox]:hover{border-color:#1976d2;box-shadow:0 2px 8px #4fc3f733;transform:scale(1.02)}.form-group.checkbox input[type=checkbox]:focus{box-shadow:0 0 0 3px #4fc3f733;outline:none}.form-group.checkbox input[type=checkbox]:disabled{background:#f5f5f5;border-color:#ddd;cursor:not-allowed;opacity:.5;transform:none}.artist-help{background:#4fc3f7;border-radius:50%;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;height:16px;line-height:16px;margin-left:6px;position:relative;text-align:center;transition:background .2s;width:16px}.artist-help:hover{background:#1976d2}.artist-tooltip{animation:tooltipFadeIn .2s ease-in;background:#fff;border:1px solid #4fc3f7;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#143a5a;font-size:13px;left:0;margin-top:5px;min-width:280px;padding:12px;position:absolute;top:100%;z-index:1000}.artist-tooltip:before{border-bottom:6px solid #4fc3f7;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:10px;position:absolute;top:-6px;width:0}.artist-tooltip p{line-height:1.4;margin:0 0 8px}.artist-tooltip ul{margin:0;padding-left:16px}.artist-tooltip li{line-height:1.3;margin-bottom:4px}.search-page{margin:0 auto;max-width:1200px;padding:20px}.search-container{display:flex;gap:20px;margin-bottom:30px}.search-main{flex:1 1}.search-header{margin-bottom:30px;text-align:center}.search-input-container{margin:0 auto;max-width:600px;position:relative}.search-input{background:var(--background-paper);border:2px solid var(--border-color);border-radius:25px;box-sizing:border-box;color:var(--text-primary);font-size:16px;padding:16px 24px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--accent-color-rgb),.1);outline:none}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.search-filters{margin-bottom:30px}.filter-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:12px;margin-bottom:20px;overflow-x:auto;padding:8px 0}.filter-tab{background:var(--background-paper);border:2px solid var(--border-color);border-radius:25px;color:var(--text-primary);cursor:pointer;font-weight:600;min-width:auto;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-tab:hover:not(.active){background:rgba(var(--accent-color-rgb),.1);border-color:var(--primary-color)}.genre-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.genre-chip{align-items:center;background:var(--background-paper);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .3s ease}.genre-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.genre-chip:hover:not(.active){background:rgba(var(--accent-color-rgb),.1);border-color:var(--primary-color)}.search-results{margin-top:30px}.results-section{margin-bottom:40px}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.results-title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.results-count{color:var(--text-secondary);font-size:.9rem}.results-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-results{color:var(--text-secondary);padding:60px 20px;text-align:center}.no-results-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-results-text{font-size:1.1rem;margin-bottom:10px}.no-results-hint{font-size:.9rem;opacity:.8}@media (max-width:768px){.search-page{padding:16px}.search-container{flex-direction:column;gap:16px;margin-bottom:20px}.search-input{font-size:16px;padding:14px 20px}.search-icon{right:14px}.filter-tabs{gap:8px;padding:4px 0}.filter-tab{font-size:.9rem;min-width:100px;padding:8px 16px}.genre-filters{gap:6px}.genre-chip{font-size:.85rem;padding:6px 12px}.results-grid{gap:16px;grid-template-columns:1fr}.results-title{font-size:1.3rem}.results-header{align-items:flex-start;flex-direction:column;gap:8px}.search-filters{margin-bottom:20px}.no-results{padding:40px 16px}.no-results-icon{font-size:3rem;margin-bottom:16px}.no-results-text{font-size:1rem}}@media (max-width:480px){.search-page{padding:12px}.search-input{padding:12px 16px}.search-icon{right:12px}.filter-tab{font-size:.85rem;min-width:80px;padding:6px 12px}.genre-chip{font-size:.8rem;padding:4px 8px}.results-grid{gap:12px}.results-title{font-size:1.2rem}.no-results{padding:30px 12px}.no-results-icon{font-size:2.5rem}.no-results-text{font-size:.95rem}.no-results-hint{font-size:.85rem}}@media (max-width:360px){.search-page{padding:8px}.search-input{padding:10px 14px}.filter-tab{font-size:.8rem;min-width:70px;padding:5px 10px}.genre-chip{font-size:.75rem;padding:3px 6px}.results-title{font-size:1.1rem}.no-results{padding:20px 8px}}@media (hover:none) and (pointer:coarse){.filter-tab:hover,.genre-chip:hover{background:var(--background-paper);border-color:var(--border-color)}.filter-tab.active:hover,.genre-chip.active:hover{background:var(--primary-color);border-color:var(--primary-color)}.search-input{-webkit-appearance:none;border-radius:25px}}@media (max-width:768px) and (orientation:landscape){.search-page{padding:12px}.no-results{padding:30px 16px}.no-results-icon{font-size:2.5rem;margin-bottom:12px}}.search-filters-sidebar{background:#fff;background:var(--background-paper,#fff);box-shadow:-2px 0 24px 0 #00b0ff1a;display:flex;flex-direction:column;height:100vh;max-width:100vw;padding:0;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);width:340px;z-index:1200}.search-filters-sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:22px 28px 10px}.sidebar-title{font-size:1.35rem;font-weight:800}.sidebar-close-btn,.sidebar-title{color:#00b0ff;color:var(--primary-color,#00b0ff)}.sidebar-close-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:2rem;padding:0 6px;transition:background .18s}.sidebar-close-btn:hover{background:#eaf6ff;background:var(--primary-blue-light,#eaf6ff)}.sidebar-section{padding:22px 28px 0}.sidebar-label{color:#555;color:var(--text-secondary,#555);font-size:1.05rem;font-weight:700;margin-bottom:10px}.sidebar-genres,.sidebar-options,.sidebar-years{display:flex;flex-wrap:wrap;gap:10px 10px}.sidebar-genre-chip{background:#f5faff;border:none;border-radius:16px;color:#00b0ff;color:var(--primary-color,#00b0ff);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:6px;padding:7px 16px;transition:background .18s,color .18s}.sidebar-genre-chip.selected{background:#00b0ff;background:var(--primary-color,#00b0ff);box-shadow:0 2px 8px #00b0ff21;color:#fff}.sidebar-genre-chip:hover{background:#eaf6ff;background:var(--primary-blue-light,#eaf6ff)}.sidebar-options button,.sidebar-years button{background:#f5faff;border:none;border-radius:14px;color:#00b0ff;color:var(--primary-color,#00b0ff);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:6px;padding:7px 16px;transition:background .18s,color .18s}.sidebar-options button.selected,.sidebar-years button.selected{background:#00b0ff;background:var(--primary-color,#00b0ff);box-shadow:0 2px 8px #00b0ff21;color:#fff}.sidebar-options button:hover,.sidebar-years button:hover{background:#eaf6ff;background:var(--primary-blue-light,#eaf6ff)}.search-filters-sidebar.compact{min-width:180px;padding:0;width:260px}.sidebar-header.compact{padding:14px 14px 6px}.sidebar-title.compact{font-size:1.05rem;font-weight:800}.sidebar-close-btn.compact{font-size:1.3rem;padding:0 2px}.sidebar-section.compact{padding:12px 14px 0}.sidebar-label.compact{font-size:.97rem;font-weight:700;margin-bottom:6px}.sidebar-genres.compact,.sidebar-options.compact{gap:6px 6px}.sidebar-genre-chip.compact{border-radius:12px;font-size:.97rem;margin-bottom:3px;padding:4px 10px}.sidebar-genre-chip.compact.selected{box-shadow:0 1px 4px #00b0ff1a}.sidebar-options.compact button{border-radius:10px;font-size:.97rem;margin-bottom:3px;padding:4px 10px}.sidebar-options.compact button.selected{box-shadow:0 1px 4px #00b0ff1a}@media (max-width:600px){.search-filters-sidebar{padding:0;width:100vw}.sidebar-header,.sidebar-section{padding-left:16px;padding-right:16px}.search-filters-sidebar.compact{min-width:0;width:100vw}.sidebar-header.compact,.sidebar-section.compact{padding-left:8px;padding-right:8px}}.filters-overlay{background:#00000021;height:100vh;left:0;position:fixed;top:0;transition:opacity .2s;width:100vw;z-index:1199}.mobile-search-page{background:var(--background-default);min-height:100vh;padding:16px 16px 100px}.mobile-search-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 4px}.mobile-search-title{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0}.mobile-refresh-btn{align-items:center;background:var(--background-paper);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-refresh-btn:hover{background:var(--hover-color);color:var(--text-primary);transform:scale(1.05)}.mobile-refresh-btn:active{transform:scale(.95)}.mobile-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.mobile-search-form{display:flex;gap:12px;margin-bottom:20px}.mobile-search-input-container{flex:1 1;position:relative}.mobile-search-icon{color:var(--text-secondary);left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.mobile-search-input{background:var(--background-paper);border:2px solid var(--border-color);border-radius:24px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);font-size:16px;height:48px;padding:12px 16px 12px 48px;transition:all .2s ease;width:100%}.mobile-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.mobile-search-submit{background:var(--primary-color);border:none;border-radius:24px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:48px;padding:0 20px;transition:all .2s ease;white-space:nowrap}.mobile-search-submit:active{background:var(--primary-hover);transform:scale(.98)}.mobile-genre-filter{margin-bottom:24px}.mobile-genre-scroll{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:12px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.mobile-genre-scroll::-webkit-scrollbar{display:none}.mobile-genre-chip{align-items:center;background:var(--background-paper);border:2px solid var(--border-color);border-radius:20px;box-shadow:0 2px 8px #0000001a;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.mobile-genre-chip:hover{background:var(--hover-color);color:var(--text-primary);transform:translateY(-1px)}.mobile-genre-chip.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3);color:#fff}.mobile-genre-icon{font-size:16px}.mobile-genre-name{text-transform:capitalize}.mobile-search-content{flex:1 1}.mobile-search-results{display:flex;flex-direction:column;gap:24px}.mobile-results-section{background:var(--background-paper);border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:20px}.mobile-results-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:12px;margin:0 0 16px}.mobile-track-list{display:flex;flex-direction:column;gap:12px}.mobile-track-item{align-items:center;background:var(--background-default);border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.mobile-track-item:active{background:var(--hover-color);transform:scale(.98)}.mobile-track-image{border-radius:8px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.mobile-track-image img{height:100%;object-fit:cover;width:100%}.mobile-track-placeholder{align-items:center;background:var(--hover-color);color:var(--text-secondary);display:flex;height:100%;justify-content:center;width:100%}.mobile-track-info{flex:1 1;min-width:0}.mobile-track-title{color:var(--text-primary);font-size:1rem;font-weight:600}.mobile-track-artist,.mobile-track-title{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-track-artist{color:var(--text-secondary);font-size:.9rem}.mobile-track-meta{color:var(--text-secondary);display:flex;font-size:.8rem;gap:12px}.mobile-track-play{align-items:center;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-track-play:active{background:var(--primary-hover);transform:scale(.95)}.mobile-artist-list{display:flex;flex-direction:column;gap:12px}.mobile-artist-item{align-items:center;background:var(--background-default);border-radius:12px;color:inherit;display:flex;gap:12px;padding:12px;text-decoration:none;transition:all .2s ease}.mobile-artist-item:active{background:var(--hover-color);transform:scale(.98)}.mobile-artist-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.mobile-artist-avatar img{height:100%;object-fit:cover;width:100%}.mobile-artist-placeholder{align-items:center;background:var(--primary-color);color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:100%;justify-content:center;width:100%}.mobile-artist-info{flex:1 1;min-width:0}.mobile-artist-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-artist-role{color:var(--text-secondary);font-size:.9rem;margin:0}.mobile-no-results{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.mobile-no-results svg{margin-bottom:16px;opacity:.6}.mobile-no-results h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 8px}.mobile-no-results p{font-size:1rem;margin:0}.mobile-search-suggestions{display:flex;flex-direction:column;gap:24px}.mobile-suggestions-section{background:var(--background-paper);border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:20px}.mobile-suggestions-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:12px;margin:0 0 16px}.mobile-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.mobile-loading svg{margin-bottom:16px}.mobile-loading p{font-size:1rem;margin:0}@media (max-width:480px){.mobile-search-page{padding:12px 12px 90px}.mobile-search-title{font-size:1.6rem}.mobile-search-form{flex-direction:column;gap:8px}.mobile-search-submit{font-size:16px;height:44px}.mobile-search-input{height:44px}.mobile-genre-chip{font-size:13px;padding:8px 12px}.mobile-results-section,.mobile-suggestions-section{padding:16px}.mobile-artist-item,.mobile-track-item{padding:10px}.mobile-artist-avatar,.mobile-track-image{height:40px;width:40px}.mobile-track-play{height:36px;width:36px}}@media (max-width:360px){.mobile-search-page{padding:8px 8px 80px}.mobile-search-title{font-size:1.4rem}.mobile-search-form{gap:6px}.mobile-search-input,.mobile-search-submit{font-size:14px;height:40px}.mobile-genre-chip{font-size:12px;padding:6px 10px}.mobile-results-section,.mobile-suggestions-section{padding:12px}.mobile-artist-item,.mobile-track-item{padding:8px}.mobile-artist-avatar,.mobile-track-image{height:36px;width:36px}.mobile-track-play{height:32px;width:32px}}[data-theme=dark] .mobile-search-page{background:var(--background-default)}[data-theme=dark] .mobile-refresh-btn{background:var(--background-paper);border-color:var(--border-color);box-shadow:0 2px 8px #0003;color:var(--text-secondary)}[data-theme=dark] .mobile-refresh-btn:hover{background:var(--hover-color);color:var(--text-primary)}[data-theme=dark] .mobile-search-input{color:var(--text-primary)}[data-theme=dark] .mobile-genre-chip,[data-theme=dark] .mobile-search-input{background:var(--background-paper);border-color:var(--border-color);box-shadow:0 2px 8px #0003}[data-theme=dark] .mobile-genre-chip{color:var(--text-secondary)}[data-theme=dark] .mobile-genre-chip:hover{background:var(--hover-color);color:var(--text-primary)}[data-theme=dark] .mobile-results-section,[data-theme=dark] .mobile-suggestions-section{background:var(--background-paper);box-shadow:0 2px 8px #0003}[data-theme=dark] .mobile-artist-item,[data-theme=dark] .mobile-track-item{background:var(--background-default)}[data-theme=dark] .mobile-track-placeholder{background:var(--hover-color);color:var(--text-secondary)}[data-theme=exclusive] .mobile-search-title{color:#00eaff;text-shadow:0 0 8px #00eaff4d}[data-theme=exclusive] .mobile-refresh-btn{background:#00eaff1a;border-color:#00eaff4d;box-shadow:0 2px 8px #00eaff1a;color:#00eaff}[data-theme=exclusive] .mobile-refresh-btn:hover{background:#00eaff33;box-shadow:0 4px 12px #00eaff33;color:#00eaff}[data-theme=exclusive] .mobile-search-input{background:var(--background-paper);border-color:#00eaff33;box-shadow:0 2px 8px #00eaff1a;color:var(--text-primary)}[data-theme=exclusive] .mobile-search-input:focus{border-color:#00eaff;box-shadow:0 0 0 3px #00eaff1a}[data-theme=exclusive] .mobile-search-submit{background:#00eaff;box-shadow:0 2px 8px #00eaff4d;color:var(--text-primary)}[data-theme=exclusive] .mobile-search-submit:active{background:#00b0ff}[data-theme=exclusive] .mobile-genre-chip{background:var(--background-paper);border-color:#00eaff33;box-shadow:0 2px 8px #00eaff1a;color:var(--text-secondary)}[data-theme=exclusive] .mobile-genre-chip:hover{background:#00eaff1a;color:#00eaff}[data-theme=exclusive] .mobile-genre-chip.active{background:#00eaff;border-color:#00eaff;box-shadow:0 4px 12px #00eaff4d;color:var(--text-primary)}[data-theme=exclusive] .mobile-results-section,[data-theme=exclusive] .mobile-suggestions-section{background:var(--background-paper);box-shadow:0 2px 8px #00eaff1a}[data-theme=exclusive] .mobile-results-title,[data-theme=exclusive] .mobile-suggestions-title{color:#00eaff;text-shadow:0 0 4px #00eaff33}[data-theme=exclusive] .mobile-track-play{background:#00eaff;box-shadow:0 2px 8px #00eaff4d;color:var(--text-primary)}[data-theme=exclusive] .mobile-track-play:active{background:#00b0ff}[data-theme=exclusive] .mobile-artist-placeholder{background:#00eaff;color:var(--text-primary)}.moderation-page{margin:0 auto;max-width:1200px;padding:24px}.report-card .MuiCardActions-root{border-top:1px solid var(--border-color);padding:16px 20px}.moderation-dialog .MuiDialog-paper{border-radius:12px}.moderation-dialog .MuiDialogTitle-root{background:var(--background-paper);border-bottom:1px solid var(--border-color);font-weight:600}.moderation-dialog .MuiDialogContent-root{padding:24px}.moderation-dialog .MuiDialogActions-root{border-top:1px solid var(--border-color);padding:16px 24px}.moderation-page .MuiTabs-root{background:var(--background-paper);border-radius:8px 8px 0 0}.moderation-page .MuiTab-root{font-weight:500;min-height:48px;text-transform:none}.moderation-page .MuiTab-root.Mui-selected{color:var(--primary-color)}.moderation-page .MuiTabs-indicator{background-color:var(--primary-color)}@media (max-width:768px){.moderation-page{padding:16px}.reports-grid{gap:16px;grid-template-columns:1fr}.report-card .MuiCardContent-root{padding:16px}.report-card .MuiCardActions-root{padding:12px 16px}}@media (max-width:600px){.moderation-page{padding:12px}.moderation-page .MuiTypography-h4{font-size:1.5rem}.moderation-page .MuiTabs-root{overflow-x:auto}.moderation-page .MuiTab-root{font-size:.875rem;min-width:auto;padding:8px 12px}}.dark-theme .moderation-dialog .MuiDialog-paper,.dark-theme .moderation-page .MuiTabs-root{background:var(--background-paper)}.light-theme .moderation-dialog .MuiDialog-paper,.light-theme .moderation-page .MuiTabs-root{background:#fff}.my-reports-page{margin:0 auto;max-width:1200px;padding:24px}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:20px}.report-card{border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.report-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.report-card .MuiCardContent-root{padding:20px}.report-card .MuiChip-root{font-weight:500}.report-card .MuiChip-root.MuiChip-colorWarning{background-color:#ff98001a;color:#f57c00}.report-card .MuiChip-root.MuiChip-colorInfo{background-color:#2196f31a;color:#1976d2}.report-card .MuiChip-root.MuiChip-colorSuccess{background-color:#4caf501a;color:#388e3c}.report-card .MuiChip-root.MuiChip-colorError{background-color:#f443361a;color:#d32f2f}@media (max-width:768px){.my-reports-page{padding:16px}.reports-grid{gap:16px;grid-template-columns:1fr}.report-card .MuiCardContent-root{padding:16px}}@media (max-width:600px){.my-reports-page{padding:12px}.my-reports-page .MuiTypography-h4{font-size:1.5rem}}.dark-theme .report-card{background:var(--background-paper);border-color:var(--border-color)}.light-theme .report-card{background:#fff;border-color:#0000001f}.genre-page-root{margin:0 auto;max-width:1200px;padding:32px 16px 24px}.genre-page-header{align-items:center;animation:genre-header-fadein .7s cubic-bezier(.4,0,.2,1);background:var(--background-paper);border-radius:18px;box-shadow:0 2px 16px #0001;display:flex;gap:24px;margin-bottom:24px;min-height:120px;overflow:hidden;padding:24px 32px 18px;position:relative;text-align:left}@keyframes genre-header-fadein{0%{opacity:0;transform:translateY(-24px) scale(.98)}to{opacity:1;transform:none}}.genre-page-icon{filter:drop-shadow(0 2px 8px #0002);flex-shrink:0;font-size:3.2rem;margin-right:8px}.genre-page-titleblock{flex:1 1 auto;min-width:0}.genre-page-title{color:var(--primary-color);font-size:2.4rem;font-weight:900;letter-spacing:-1px;margin-bottom:0;text-shadow:0 2px 8px var(--primary-color),0 0 2px #fff}.genre-page-desc{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin-top:6px}.genre-page-sort{display:flex;flex-direction:column;gap:8px;margin-left:24px}.genre-page-sort button{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:600;margin-bottom:2px;outline:none;padding:7px 18px;transition:color .2s,background .2s}.genre-page-sort button.active{background:var(--hover-background);box-shadow:0 2px 12px 0 #0000000a;color:var(--primary-color)}.genre-page-similar{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:nowrap;font-size:1rem;gap:0;margin:18px 0;overflow-x:auto;padding-bottom:6px;scrollbar-color:var(--primary-color) #222;scrollbar-width:thin}.genre-page-similar>span{flex:0 0 auto}.genre-page-similar-tag,.genre-page-similar>span{color:var(--primary-color);font-weight:600;margin-right:12px}.genre-page-similar-tag{align-items:center;animation:genre-similar-fadein .7s cubic-bezier(.4,0,.2,1) forwards;background:var(--background-paper);border:none;border-radius:20px;box-shadow:0 2px 8px #0001;cursor:pointer;display:flex;font-size:1rem;gap:8px;margin-bottom:0;min-width:90px;opacity:0;padding:8px 22px 8px 16px;position:relative;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.genre-page-similar-tag:nth-child(2){animation-delay:.05s}.genre-page-similar-tag:nth-child(3){animation-delay:.12s}.genre-page-similar-tag:nth-child(4){animation-delay:.19s}.genre-page-similar-tag:nth-child(5){animation-delay:.26s}.genre-page-similar-tag:nth-child(6){animation-delay:.33s}.genre-page-similar-tag:nth-child(7){animation-delay:.4s}.genre-page-similar-tag:hover{background:var(--primary-color);box-shadow:0 0 12px var(--primary-color);color:#fff;transform:scale(1.07) translateY(-2px)}@keyframes genre-similar-fadein{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}.genre-page-empty,.genre-page-error,.genre-page-loading{color:var(--text-secondary);font-size:18px;opacity:.7;padding:40px 0;text-align:center}.genre-page-tracks-animated{animation:genre-tracks-fadein .7s cubic-bezier(.4,0,.2,1)}@keyframes genre-tracks-fadein{0%{opacity:0;transform:translateY(32px) scale(.98)}to{opacity:1;transform:none}}[data-theme=exclusive] .genre-page-root.exclusive-glow{background:linear-gradient(120deg,#0a0a0f 60%,#1a1a2e);border-radius:18px;box-shadow:0 0 32px #00eaff99,0 0 8px #fff2}[data-theme=exclusive] .genre-page-header{background:linear-gradient(90deg,#00eaff33,#1a1a2e)!important;box-shadow:0 0 32px #00eaff99,0 2px 16px #00eaff33}[data-theme=exclusive] .genre-page-title{color:#00eaff;text-shadow:0 0 16px #00eaffcc,0 2px 8px #00eaff99}[data-theme=exclusive] .genre-page-sort button.active{background:#0a0a0f;box-shadow:0 0 12px #00eaff99;color:#00eaff}[data-theme=exclusive] .genre-page-similar-tag{background:#0a0a0f;border:1.5px solid #00eaff44;box-shadow:0 0 8px #00eaff99;color:#00eaff}[data-theme=exclusive] .genre-page-similar-tag:hover{background:linear-gradient(90deg,#00eaff,#1a1a2e);box-shadow:0 0 16px #00eaffcc;color:#fff}.upload-track-page{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px;min-height:calc(100vh - 200px);padding:2rem}.upload-header{margin-bottom:2rem;text-align:center}.upload-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0 0 .5rem}.upload-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.upload-progress{display:flex;justify-content:center;margin-bottom:2rem}.step-indicator{gap:1rem}.step,.step-indicator{align-items:center;display:flex}.step{flex-direction:column;gap:.5rem;opacity:.5;transition:all .3s ease}.step.active{opacity:1}.step-number{align-items:center;background:var(--background-paper);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;transition:all .3s ease;width:48px}.step.active .step-number{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 20px rgba(var(--accent-color-rgb),.3);color:#fff}.step span{color:var(--text-secondary);font-size:.9rem;font-weight:600}.step.active span{color:var(--primary-color)}.step-line{background:var(--border-color);height:2px;margin-top:-24px;position:relative;width:60px}.step-line:after{background:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.step.active+.step-line:after{width:100%}.upload-track-form{background:var(--background-paper);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0000001a;flex:1 1;padding:2.5rem}.form-group{margin-bottom:2rem}.file-label,.form-group label{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.form-group input[type=text],.form-group textarea{background:var(--background-default);border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--accent-color-rgb),.1);outline:none;transform:translateY(-2px)}.form-group textarea{min-height:120px;resize:vertical}.file-drop-zone{background:var(--background-default);border:2px dashed var(--border-color);overflow:hidden;padding:2rem;position:relative}.file-drop-zone:hover{background:rgba(var(--accent-color-rgb),.05);border-color:var(--primary-color);transform:translateY(-2px)}.file-drop-zone.drag-active{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color);box-shadow:0 0 30px rgba(var(--accent-color-rgb),.2)}.file-drop-zone.has-file{background:#28a7450d;border-color:var(--success-color)}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.drop-icon{color:var(--text-secondary);opacity:.7}.drop-text{color:var(--text-primary);font-size:1.1rem}.drop-text strong{color:var(--primary-color)}.drop-hint{color:var(--text-secondary);font-size:.9rem}.file-preview{gap:1rem;text-align:left}.file-info,.file-preview{align-items:center;display:flex}.file-info{flex:1 1;gap:.75rem}.file-icon{color:var(--primary-color);flex-shrink:0}.file-name{color:var(--text-primary);font-weight:600;word-break:break-word}.file-size{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.remove-cover,.remove-file{align-items:center;background:var(--error-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-cover:hover,.remove-file:hover{background:#c82333;transform:scale(1.1)}.cover-preview{flex-direction:column;gap:1rem}.cover-image{display:inline-block;position:relative}.cover-thumbnail{border:2px solid var(--border-color);border-radius:12px;height:120px;object-fit:cover;width:120px}.remove-cover{position:absolute;right:-8px;top:-8px}.cover-zone{min-height:180px}.genre-btn{align-items:center;background:var(--background-default);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.genre-btn:hover{border-color:var(--primary-color);transform:translateY(-2px)}.genre-btn.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3);color:#fff}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.next-btn,.prev-btn,.upload-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:1rem 2rem;transition:all .3s ease}.prev-btn{background:var(--background-default);border:2px solid var(--border-color);color:var(--text-primary)}.prev-btn:hover{background:var(--hover-color);transform:translateY(-2px)}.next-btn,.upload-btn{background:var(--primary-color);box-shadow:0 4px 16px rgba(var(--accent-color-rgb),.3);color:#fff}.next-btn:hover,.upload-btn:hover{background:var(--primary-hover);box-shadow:0 6px 20px rgba(var(--accent-color-rgb),.4);transform:translateY(-2px)}.next-btn:disabled,.upload-btn:disabled{background:var(--text-secondary);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.spinning{animation:spin 1s linear infinite}.error-message{background:#dc35451a;border:1px solid #dc35454d;border-radius:12px;font-weight:600;margin-bottom:1rem;padding:1rem;text-align:center}[data-theme=dark] .upload-track-form{background:var(--background-paper);border-color:var(--border-color);box-shadow:0 8px 32px #0000004d}[data-theme=dark] .file-drop-zone{background:var(--background-default);border-color:var(--border-color)}[data-theme=dark] .form-group input[type=text],[data-theme=dark] .form-group textarea{background:var(--background-default);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-group input[type=text]::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--text-secondary)}[data-theme=exclusive] .upload-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}[data-theme=exclusive] .upload-track-form{background:var(--gradient-secondary);border:1px solid var(--primary-color);box-shadow:var(--neon-glow)}[data-theme=exclusive] .file-drop-zone{background:#1a1a2e80;border-color:var(--primary-color)}[data-theme=exclusive] .file-drop-zone:hover{box-shadow:var(--neon-glow)}[data-theme=exclusive] .form-group input[type=text],[data-theme=exclusive] .form-group textarea{background:#1a1a2ecc;border-color:var(--primary-color);color:var(--text-primary)}[data-theme=exclusive] .form-group input[type=text]::placeholder,[data-theme=exclusive] .form-group textarea::placeholder{color:var(--text-secondary)}[data-theme=exclusive] .form-group input[type=text]:focus,[data-theme=exclusive] .form-group textarea:focus{border-color:var(--accent-color);box-shadow:var(--neon-pink-glow)}[data-theme=exclusive] .next-btn,[data-theme=exclusive] .upload-btn{background:var(--gradient-primary);box-shadow:var(--neon-glow)}[data-theme=exclusive] .next-btn:hover,[data-theme=exclusive] .upload-btn:hover{background:var(--gradient-accent);box-shadow:var(--neon-pink-glow)}@media (max-width:768px){.upload-track-page{gap:1.5rem;padding:1rem}.upload-header h1{font-size:2rem}.upload-track-form{padding:1.5rem}.step-indicator{gap:.5rem}.step-line{width:40px}.step span{font-size:.8rem}.file-drop-zone{padding:1.5rem}.form-actions{flex-direction:column}.next-btn,.prev-btn,.upload-btn{width:100%}.file-preview{flex-direction:column;gap:.75rem;text-align:center}.cover-thumbnail{height:100px;width:100px}}@media (max-width:480px){.upload-header h1{font-size:1.75rem}.file-drop-zone,.upload-track-form{padding:1rem}.drop-icon{height:36px;width:36px}.step-number{font-size:1rem;height:40px;width:40px}}.create-event-page{align-items:center;background:#fff;background:var(--background-paper,#fff);box-shadow:0 4px 24px 0 #00b0ff12,0 2px 8px #0000000a;display:flex;flex-direction:column;margin:36px auto 0;max-width:480px}.create-event-page h1{color:#00b0ff;color:var(--primary-blue,#00b0ff)}.event-form{width:100%}.event-form-label{color:#222;color:var(--text-primary,#222);display:flex;flex-direction:column;font-size:1.01rem;font-weight:600;gap:6px;margin-bottom:2px}.event-form-input,.event-form-select,.event-form-textarea{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:8px;color:#222;color:var(--text-primary,#222);font-size:1rem;margin-top:2px;outline:none;padding:8px 12px;transition:border .18s,box-shadow .18s}.event-form-input:focus,.event-form-select:focus,.event-form-textarea:focus{border:1.5px solid #00b0ff;border:1.5px solid var(--primary-blue,#00b0ff);box-shadow:0 2px 8px #00b0ff1a}.event-form-textarea{min-height:80px;resize:vertical}.event-form-btn{background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);border:none;border-radius:8px;box-shadow:0 1px 4px #00b0ff12;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:700;margin-top:8px;padding:10px 0;transition:background .18s,color .18s,box-shadow .18s}.event-form-btn:focus,.event-form-btn:hover{background:#fff;box-shadow:0 4px 16px #00b0ff21;color:#00b0ff;color:var(--primary-blue,#00b0ff)}.event-form-error{background:#fff0f3;color:#ff1744;margin-bottom:8px}.event-cover-preview{justify-content:center;margin:8px 0 0}@media (max-width:600px){.create-event-page{border-radius:10px;max-width:98vw;padding:18px 4vw}.event-form-btn{font-size:1rem;padding:8px 0}}[data-theme=dark] .create-event-page{background:#23272f;color:#fff}[data-theme=dark] .event-form-label{color:#fff}[data-theme=dark] .event-form-input,[data-theme=dark] .event-form-select,[data-theme=dark] .event-form-textarea{background:#181c22;border:1.5px solid #333;color:#fff}[data-theme=dark] .event-form-input:focus,[data-theme=dark] .event-form-select:focus,[data-theme=dark] .event-form-textarea:focus{border:1.5px solid #00b0ff;box-shadow:0 2px 8px #00b0ff33}[data-theme=dark] .event-form-btn{background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);color:#fff}[data-theme=dark] .event-form-btn:focus,[data-theme=dark] .event-form-btn:hover{background:#fff;color:#00b0ff}[data-theme=dark] .event-form-error{background:#2a1a1a;color:#ff1744}.create-event-page{background:var(--background-paper);border-radius:18px;box-shadow:var(--shadow-card);color:var(--text-primary);margin:32px auto;max-width:520px;padding:32px 24px 24px;transition:background .3s,color .3s}.create-event-page h1{color:var(--primary-color);font-size:2rem;font-weight:800;margin-bottom:24px;text-align:center}.event-form{gap:18px}.event-form label{color:var(--text-primary);gap:6px;margin-bottom:4px}.event-form input[type=date],.event-form input[type=file],.event-form input[type=text],.event-form select,.event-form textarea{background:var(--input-background);border:1.5px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:1rem;margin-top:2px;padding:10px 14px;transition:border .2s,box-shadow .2s}.event-form input[type=date]::placeholder,.event-form input[type=text]::placeholder,.event-form textarea::placeholder{color:#b3b3b3;color:var(--text-secondary,#b3b3b3);opacity:1}[data-theme=dark] .event-form input[type=date],[data-theme=dark] .event-form input[type=text],[data-theme=dark] .event-form select,[data-theme=dark] .event-form textarea{background:#181c24;border-color:#2a2e38;color:#fff}[data-theme=dark] .event-form input[type=date]::placeholder,[data-theme=dark] .event-form input[type=text]::placeholder,[data-theme=dark] .event-form textarea::placeholder{color:#b3b3b3;opacity:1}[data-theme=exclusive] .event-form input[type=date],[data-theme=exclusive] .event-form input[type=text],[data-theme=exclusive] .event-form select,[data-theme=exclusive] .event-form textarea{background:#181c24;border-color:#00eaff;color:#00eaff}[data-theme=exclusive] .event-form input[type=date]::placeholder,[data-theme=exclusive] .event-form input[type=text]::placeholder,[data-theme=exclusive] .event-form textarea::placeholder{color:#00eaff;opacity:.8}.event-form input:-webkit-autofill,.event-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--input-background) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}[data-theme=dark] .event-form input:-webkit-autofill,[data-theme=dark] .event-form input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1000px #181c24!important}[data-theme=exclusive] .event-form input:-webkit-autofill,[data-theme=exclusive] .event-form input:-webkit-autofill:focus{-webkit-text-fill-color:#00eaff!important;box-shadow:inset 0 0 0 1000px #181c24!important}.event-form input[type=date]:focus,.event-form input[type=text]:focus,.event-form select:focus,.event-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--input-focus);outline:none}.event-form input[type=file]{background:none;border:none;padding:8px 0}.event-cover-preview{align-items:center;display:flex;justify-content:flex-start;margin:12px 0 0}.event-cover-preview img{border:1.5px solid var(--border-color);border-radius:12px;box-shadow:0 2px 12px #00b0ff1a;height:120px;object-fit:cover;width:120px}.event-form-error{background:var(--background-hover);color:var(--danger-color);font-size:1rem;margin:8px 0;padding:8px 12px}.event-form button[type=submit]{background:linear-gradient(90deg,var(--primary-color),#2196f3 100%);border:none;border-radius:10px;box-shadow:0 2px 12px #00b0ff1a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:8px;padding:12px 0;transition:background .2s,box-shadow .2s,color .2s}.event-form button[type=submit]:hover{background:linear-gradient(90deg,var(--primary-color-hover),#1976d2 100%);box-shadow:0 8px 24px #00b0ff21}.event-form button[type=button]{background:var(--background-hover);border:none;border-radius:10px;box-shadow:0 2px 8px #00b0ff0f;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;margin-left:12px;margin-top:8px;padding:10px 0;transition:background .2s,color .2s}.event-form button[type=button]:hover{background:var(--primary-color);color:#fff}@media (max-width:600px){.create-event-page{border-radius:10px;padding:12px 2vw 18px}.event-form label{font-size:.98rem}.event-form input,.event-form select,.event-form textarea{font-size:.98rem;padding:8px}.event-cover-preview img{border-radius:8px;height:80px;width:80px}}.event-comments{align-items:stretch;background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-radius:22px;box-shadow:0 8px 32px #00b0ff1a,0 2px 8px #0000000a;display:flex;flex-direction:column;margin-top:2.5rem;max-width:none;min-width:0;padding:2.5rem 2rem 2rem;transition:background .2s,box-shadow .2s;width:100%}.comments-header{align-items:center;border-bottom:1.5px solid #e0e0e0;border-bottom:1.5px solid var(--border-color,#e0e0e0);display:flex;flex-shrink:0;gap:1.2rem;margin-bottom:2rem;padding-bottom:1.2rem}.comments-header h3{color:#00b0ff;color:var(--primary-blue,#00b0ff);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.comments-loading{color:var(--text-secondary);padding:2rem;text-align:center}.comments-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:1rem;padding:1rem}.comments-list{flex:1 1;margin-bottom:2rem;overflow-y:auto}.no-comments{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.comment-item{background:#fff;background:var(--background-paper,#fff);border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:14px;box-shadow:0 2px 12px #00b0ff12;font-size:1.08rem;margin-bottom:1.1rem;padding:1.1rem 1.2rem;transition:box-shadow .2s,border-color .2s}.comment-item:hover{border-color:#00b0ff33;box-shadow:0 6px 24px #00b0ff21}.comment-reply{border-left:3px solid var(--accent-color);margin-bottom:.5rem;margin-left:1.5rem;margin-top:.5rem;padding:.5rem}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.comment-header-right,.comment-user-info{align-items:center;display:flex;gap:.5rem}.comment-avatar{border-radius:50%;box-shadow:0 2px 8px #00b0ff1a;flex-shrink:0;height:44px;overflow:hidden;width:44px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#00b0ff;background:var(--primary-blue,#00b0ff);color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.comment-reply .comment-avatar{height:24px;width:24px}.comment-reply .avatar-placeholder{font-size:.8rem}.comment-user-details{display:flex;flex-direction:column;gap:.2rem}.comment-username,.comment-username-link{color:#00b0ff;color:var(--primary-blue,#00b0ff);font-size:1.08rem;font-weight:700;text-decoration:none;transition:color .2s}.comment-username-link:hover{color:#0077b6;text-decoration:underline}.comment-reply .comment-username,.comment-reply .comment-username-link{font-size:.8rem}.comment-role{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.85rem;font-weight:500;margin-top:2px;padding:.18rem .6rem}.comment-reply .comment-role{font-size:.65rem;padding:.1rem .3rem}.comment-role.Author{background:linear-gradient(135deg,#00b4ff,#09c);color:#fff}.comment-role.Artist{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff}.comment-role.Listener{background:linear-gradient(135deg,#93c5fd,#dbeafe);color:#1e40af}.comment-timestamp{color:#666;color:var(--text-secondary,#666);font-size:.85rem;margin-left:.5rem}.comment-reply .comment-timestamp{font-size:.65rem}.comment-content{color:#222;color:var(--text-primary,#222);font-size:1.08rem;line-height:1.5;margin-bottom:.5rem}.comment-reply .comment-content{font-size:.8rem;margin-bottom:.25rem}.comment-actions{align-items:center;display:flex;gap:.5rem}.comment-reply .comment-actions{gap:.25rem}.comment-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#00b0ff;color:var(--primary-blue,#00b0ff);cursor:pointer;display:flex;font-size:.95rem;gap:.2rem;padding:.25rem .6rem;transition:background .18s,color .18s}.comment-action-btn:hover{background:#e3f2fd;color:#0077b6}.comment-reply .comment-action-btn{font-size:.65rem;padding:.15rem .3rem}.comment-menu-container{position:relative}.comment-menu-button{background:none;border:none;border-radius:4px;box-shadow:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:1.2rem;padding:.2rem;transition:color .2s}.comment-menu-button:focus,.comment-menu-button:hover{background:none;color:#00b0ff;color:var(--primary-blue,#00b0ff);outline:none}@media (prefers-color-scheme:dark){.comment-menu-button{color:#e0e0e0}.comment-menu-button:focus,.comment-menu-button:hover{color:#4fc3f7}}.comment-menu{background:var(--background-paper);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.comment-menu-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:background-color .2s;width:100%}.comment-menu-item:hover{background:var(--background-hover)}.comment-menu-item.delete{color:#ef4444}.comment-menu-item.report{color:#f59e0b}.comment-form{border-top:1px solid var(--border-color);flex-shrink:0;margin-top:auto;padding-top:1rem}.reply-indicator{align-items:center;background:var(--background-hover);border-radius:6px;color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.75rem;padding:.5rem .75rem}.cancel-reply-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:all .2s}.cancel-reply-btn:hover{background:var(--background-hover);color:var(--text-primary)}.comment-form form{align-items:flex-end;display:flex;gap:.75rem}.comment-form input,.edit-form textarea{background:#fff;background:var(--background-paper,#fff);border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:10px;font-size:1.08rem;margin-bottom:.7rem;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.comment-form input:focus,.edit-form textarea:focus{border-color:#00b0ff;box-shadow:0 2px 8px #00b0ff1a;outline:none}.comment-form button,.edit-form-actions button{background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);border:none;border-radius:8px;box-shadow:0 1px 4px #00b0ff12;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:700;margin-right:8px;padding:10px 24px;transition:background .18s,color .18s,box-shadow .18s}.comment-form button:hover,.edit-form-actions button:hover{background:#fff;box-shadow:0 4px 16px #00b0ff21;color:#00b0ff;color:var(--primary-blue,#00b0ff)}.comment-form button:disabled{background:var(--text-secondary);cursor:not-allowed}.edit-form{background:var(--background-hover);border-radius:6px;margin-top:.75rem;padding:.75rem}.edit-form,.edit-form textarea{border:1px solid var(--border-color)}.edit-form textarea{background:var(--background-paper);border-radius:4px;color:var(--text-primary);font-size:.875rem;margin-bottom:.5rem;min-height:60px;padding:.5rem;resize:vertical;width:100%}.edit-form textarea:focus{border-color:var(--primary-color);outline:none}.edit-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.edit-form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.edit-form-actions .save-btn{background:var(--primary-color);color:#fff}.edit-form-actions .save-btn:hover{background:var(--primary-hover)}.edit-form-actions .cancel-btn{background:var(--text-secondary);color:#fff}.edit-form-actions .cancel-btn:hover{background:var(--text-secondary-hover)}@media (max-width:900px){.event-comments{border-radius:12px;padding:1.2rem .5rem}.comment-avatar{height:32px;width:32px}}@media (max-width:600px){.event-comments{border-radius:8px;padding:.5rem .1rem}.comment-avatar{height:28px;width:28px}}.event-details-page{align-items:center;background:#fff;background:var(--background-paper,#fff);border-radius:28px;box-shadow:0 8px 40px 0 #00b0ff1a,0 2px 12px #0000000f;display:flex;flex-direction:column;margin:56px auto 0;max-width:900px;padding:48px 40px 40px;transition:background .2s,color .2s}.event-back-btn{align-items:center;background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);border:none;border-radius:8px;box-shadow:0 1px 4px #00b0ff12;color:#fff;cursor:pointer;display:flex;font-size:1.08rem;font-weight:700;gap:6px;margin-bottom:18px;margin-left:-8px;outline:none;padding:10px 18px 10px 12px;transition:background .18s,color .18s,box-shadow .18s,transform .18s;width:auto}.event-back-btn:focus,.event-back-btn:hover{background:#fff;box-shadow:0 4px 16px #00b0ff21;color:#00b0ff;color:var(--primary-blue,#00b0ff);transform:translateX(-2px) scale(1.04)}.event-back-btn-text{display:inline}.fade-in{animation:fadeIn .7s cubic-bezier(.4,0,.2,1)}.event-details-card{align-items:flex-start;background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-radius:24px;box-shadow:0 8px 40px 0 #00b0ff1a,0 2px 12px #0000000f;display:flex;flex-direction:row;gap:48px;margin-bottom:28px;min-height:220px;padding:48px 36px;transition:background .2s,box-shadow .2s,border-radius .2s;width:100%}.event-details-cover-wrapper{align-items:center;box-shadow:0 4px 24px #00b0ff21;display:flex;filter:drop-shadow(0 2px 8px rgba(0,176,255,.1));flex-shrink:0;height:auto;justify-content:center;max-width:40vw;overflow:hidden;position:relative;transition:box-shadow .2s,border-radius .2s;width:420px}.event-details-cover,.event-details-cover-wrapper{aspect-ratio:1/1;background:#e0e0e0;border-radius:24px}.event-details-cover{display:block;height:100%;object-fit:cover;transition:filter .3s,opacity .3s;width:100%}.event-details-cover-overlay{display:none}.event-details-info{display:flex;flex:1 1;flex-direction:column;gap:22px;min-width:0}.event-details-info h2{color:#00b0ff;color:var(--primary-blue,#00b0ff);font-size:2.7rem;font-weight:900;letter-spacing:-.5px;line-height:1.1;margin:0 0 12px;transition:color .2s}.event-details-date{color:#666;color:var(--text-secondary,#666);font-size:1.25rem;font-weight:500;margin-bottom:2px}.event-details-type{font-size:1.18rem;font-weight:700}.event-details-genre,.event-details-type{color:#00b0ff;color:var(--primary-blue,#00b0ff);margin-bottom:2px}.event-details-genre{font-size:1.01rem;font-weight:500}.event-details-artist{color:#222;color:var(--text-primary,#222);font-size:1.13rem;font-weight:500}.event-details-description{color:#222;color:var(--text-primary,#222);font-size:1.22rem;line-height:1.6;margin-top:14px;white-space:pre-line}.event-details-page button{background:linear-gradient(135deg,#00b0ff 60%,#4fc3f7);border:none;border-radius:8px;box-shadow:0 1px 4px #00b0ff12;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:700;margin-bottom:18px;padding:10px 0;transition:background .18s,color .18s,box-shadow .18s;width:120px}.event-details-page button:focus,.event-details-page button:hover{background:#fff;box-shadow:0 4px 16px #00b0ff21;color:#00b0ff;color:var(--primary-blue,#00b0ff)}@media (prefers-color-scheme:dark){.event-details-page{background:#181c24;color:#f3f3f3}.event-details-card{background:#232837}.event-details-info h2,.event-details-type{color:#4fc3f7}.event-details-artist,.event-details-date,.event-details-description{color:#e0e0e0}.event-details-page button{background:linear-gradient(135deg,#4fc3f7 60%,#00b0ff);color:#232837}.event-details-page button:focus,.event-details-page button:hover{background:#232837;color:#4fc3f7}.event-back-btn{background:linear-gradient(135deg,#4fc3f7 60%,#00b0ff);color:#232837}.event-back-btn:focus,.event-back-btn:hover{background:#232837;color:#4fc3f7}.event-details-cover{background:#232837;box-shadow:0 2px 16px #4fc3f721}}@media (max-width:1200px){.event-details-page{max-width:98vw;padding:24px 2vw}.event-details-card{gap:24px;padding:24px 8px}.event-details-cover-wrapper{border-radius:16px;max-width:48vw;width:260px}.event-details-cover{border-radius:16px}}@media (max-width:900px){.event-details-card{gap:14px;padding:14px 4px}.event-details-cover-wrapper{border-radius:12px;max-width:60vw;width:180px}.event-details-cover{border-radius:12px}}@media (max-width:768px){.event-details-page{border-radius:0;box-shadow:none;margin:0;padding:12px 2vw 18px}.event-details-card{align-items:center;border-radius:10px;flex-direction:column;gap:16px;min-height:0;min-height:auto;padding:14px 6px}.event-details-cover-wrapper{aspect-ratio:1/1;border-radius:10px;max-width:340px;width:96vw}.event-details-cover{border-radius:10px}.event-back-btn{font-size:1.15rem;justify-content:flex-start;margin-left:0;padding:12px 0 12px 8px;width:100%}.event-back-btn-text{font-size:1.1rem}}.communities-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;margin:0;min-height:100vh;overflow:hidden;padding:0;position:relative;width:100%}[data-theme=dark] .communities-page{background:linear-gradient(135deg,#1a1a2e,#16213e)}[data-theme=exclusive] .communities-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e)}[data-theme=realtime] .communities-page{background:linear-gradient(135deg,#2c3e50,#34495e)}.communities-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 2px 20px #0000001a;box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}[data-theme=dark] .communities-header{background:#1a1a2ef2;border-bottom:1px solid #ffffff1a}[data-theme=exclusive] .communities-header{background:#0f0f23f2;border-bottom:1px solid #ffffff1a}[data-theme=realtime] .communities-header{background:#2c3e50f2;border-bottom:1px solid #ffffff1a}.communities-title{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.communities-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0;white-space:nowrap}[data-theme=dark] .communities-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#74b9ff,#0984e3);-webkit-background-clip:text;background-clip:text}[data-theme=exclusive] .communities-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a29bfe,#6c5ce7);-webkit-background-clip:text;background-clip:text}[data-theme=realtime] .communities-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00b894,#00cec9);-webkit-background-clip:text;background-clip:text}.create-community-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.create-community-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.create-community-btn:hover:before{left:100%}.create-community-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}[data-theme=dark] .create-community-btn{background:linear-gradient(135deg,#74b9ff,#0984e3);box-shadow:0 4px 15px #74b9ff4d}[data-theme=dark] .create-community-btn:hover{box-shadow:0 6px 20px #74b9ff66}[data-theme=exclusive] .create-community-btn{background:linear-gradient(135deg,#a29bfe,#6c5ce7);box-shadow:0 4px 15px #a29bfe4d}[data-theme=exclusive] .create-community-btn:hover{box-shadow:0 6px 20px #a29bfe66}[data-theme=realtime] .create-community-btn{background:linear-gradient(135deg,#00b894,#00cec9);box-shadow:0 4px 15px #00b8944d}[data-theme=realtime] .create-community-btn:hover{box-shadow:0 6px 20px #00b89466}.messenger-chat-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:100%;overflow-y:auto;padding:1rem;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;width:100%}.messenger-chat-list::-webkit-scrollbar{width:6px}.messenger-chat-list::-webkit-scrollbar-track{background:#0000}.messenger-chat-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.messenger-pinned-label{border-bottom:1px solid #667eea33;color:#667eea;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:.5rem 0;padding:.5rem 0;text-transform:uppercase}[data-theme=dark] .messenger-pinned-label{border-bottom:1px solid #74b9ff33;color:#74b9ff}[data-theme=exclusive] .messenger-pinned-label{border-bottom:1px solid #a29bfe33;color:#a29bfe}[data-theme=realtime] .messenger-pinned-label{border-bottom:1px solid #00b89433;color:#00b894}.messenger-chat-item{box-sizing:border-box;max-width:100%;width:100%}.messenger-chat-item:hover{background:#fffffff2}.messenger-chat-item:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.messenger-chat-item:hover:before{opacity:1}.messenger-chat-item:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.messenger-chat-item.pinned{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d}.messenger-chat-item.pinned:after{animation:twinkle 2s infinite;content:"⭐";font-size:.8rem;position:absolute;right:.5rem;top:.5rem}[data-theme=dark] .messenger-chat-item{background:#1a1a2ee6;border:1px solid #ffffff1a;color:#ecf0f1}[data-theme=dark] .messenger-chat-item:before{background:linear-gradient(135deg,#74b9ff0d,#0984e30d)}[data-theme=dark] .messenger-chat-item:hover{background:#1a1a2ef2;box-shadow:0 8px 25px #0000004d}[data-theme=dark] .messenger-chat-item.pinned{background:linear-gradient(135deg,#74b9ff1a,#0984e31a);border:1px solid #74b9ff4d}[data-theme=exclusive] .messenger-chat-item{background:#0f0f23e6;border:1px solid #ffffff1a;color:#ecf0f1}[data-theme=exclusive] .messenger-chat-item:before{background:linear-gradient(135deg,#a29bfe0d,#6c5ce70d)}[data-theme=exclusive] .messenger-chat-item:hover{background:#0f0f23f2;box-shadow:0 8px 25px #0000004d}[data-theme=exclusive] .messenger-chat-item.pinned{background:linear-gradient(135deg,#a29bfe1a,#6c5ce71a);border:1px solid #a29bfe4d}[data-theme=realtime] .messenger-chat-item{background:#2c3e50e6;border:1px solid #ffffff1a;color:#ecf0f1}[data-theme=realtime] .messenger-chat-item:before{background:linear-gradient(135deg,#00b8940d,#00cec90d)}[data-theme=realtime] .messenger-chat-item:hover{background:#2c3e50f2;box-shadow:0 8px 25px #0000004d}[data-theme=realtime] .messenger-chat-item.pinned{background:linear-gradient(135deg,#00b8941a,#00cec91a);border:1px solid #00b8944d}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}.messenger-chat-item img{border:3px solid #fffc;border-radius:18px;box-shadow:0 4px 15px #0000001a;flex-shrink:0;height:60px;margin-right:12px;object-fit:cover;transition:all .3s ease;width:60px}.messenger-chat-item:hover img{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.messenger-chat-item>div{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.messenger-chat-item>div>div:first-child{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .messenger-chat-item>div>div:first-child,[data-theme=exclusive] .messenger-chat-item>div>div:first-child,[data-theme=realtime] .messenger-chat-item>div>div:first-child{color:#ecf0f1}.messenger-chat-item>div>div:nth-child(2){align-items:center;color:#7f8c8d;display:flex;font-size:.9rem;gap:.5rem;line-height:1.3;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .messenger-chat-item>div>div:nth-child(2),[data-theme=exclusive] .messenger-chat-item>div>div:nth-child(2),[data-theme=realtime] .messenger-chat-item>div>div:nth-child(2){color:#bdc3c7}.messenger-chat-item>div>div:last-child{align-items:center;color:#95a5a6;display:flex;font-size:.85rem;gap:.5rem;line-height:1.3;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .messenger-chat-item>div>div:last-child,[data-theme=exclusive] .messenger-chat-item>div>div:last-child,[data-theme=realtime] .messenger-chat-item>div>div:last-child{color:#95a5a6}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #fff3;border-radius:16px;color:#7f8c8d;font-size:1.1rem;font-weight:500;margin:2rem 0;padding:3rem 1rem;text-align:center}[data-theme=dark] .empty-state{background:#1a1a2e80;border:1px solid #ffffff1a;color:#bdc3c7}[data-theme=exclusive] .empty-state{background:#0f0f2380;border:1px solid #ffffff1a;color:#bdc3c7}[data-theme=realtime] .empty-state{background:#2c3e5080;border:1px solid #ffffff1a;color:#bdc3c7}.center-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;padding:1rem;z-index:1000}.create-community-modal-modern{animation:modalSlideIn .3s ease;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem}[data-theme=dark] .create-community-modal-modern{background:#1a1a2e;color:#ecf0f1}[data-theme=exclusive] .create-community-modal-modern{background:#0f0f23;color:#ecf0f1}[data-theme=realtime] .create-community-modal-modern{background:#2c3e50;color:#ecf0f1}.community-form-modern{gap:1.5rem}.modern-row{align-items:flex-end;gap:1rem}.modern-label{color:#2c3e50;flex:1 1;gap:.5rem}[data-theme=dark] .modern-label,[data-theme=exclusive] .modern-label,[data-theme=realtime] .modern-label{color:#ecf0f1}.modern-input{border:2px solid #e0e6ed;border-radius:12px;color:#2c3e50;padding:.75rem 1rem;transition:all .3s ease}.modern-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-input[type=number]{width:100%}[data-theme=dark] .modern-input{background:#2d3748;border-color:#4a5568;color:#ecf0f1}[data-theme=dark] .modern-input:focus{background:#2d3748;border-color:#74b9ff;box-shadow:0 0 0 3px #74b9ff1a}[data-theme=exclusive] .modern-input{background:#1a1a2e;border-color:#4a5568;color:#ecf0f1}[data-theme=exclusive] .modern-input:focus{background:#1a1a2e;border-color:#a29bfe;box-shadow:0 0 0 3px #a29bfe1a}[data-theme=realtime] .modern-input{background:#34495e;border-color:#4a5568;color:#ecf0f1}[data-theme=realtime] .modern-input:focus{background:#34495e;border-color:#00b894;box-shadow:0 0 0 3px #00b8941a}.modern-actions{gap:1rem;margin-top:1rem}.modern-btn{align-items:center;border-radius:12px;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.modern-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.modern-btn.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.modern-btn:not(.primary){background:#f8f9fa;border:2px solid #e0e6ed;color:#6c757d}.modern-btn:not(.primary):hover{background:#e9ecef;border-color:#ced4da}.modern-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}[data-theme=dark] .modern-btn.primary{background:linear-gradient(135deg,#74b9ff,#0984e3);box-shadow:0 4px 15px #74b9ff4d}[data-theme=dark] .modern-btn.primary:hover{box-shadow:0 6px 20px #74b9ff66}[data-theme=dark] .modern-btn:not(.primary){background:#2d3748;border:2px solid #4a5568;color:#bdc3c7}[data-theme=dark] .modern-btn:not(.primary):hover{background:#4a5568;border-color:#718096}[data-theme=exclusive] .modern-btn.primary{background:linear-gradient(135deg,#a29bfe,#6c5ce7);box-shadow:0 4px 15px #a29bfe4d}[data-theme=exclusive] .modern-btn.primary:hover{box-shadow:0 6px 20px #a29bfe66}[data-theme=exclusive] .modern-btn:not(.primary){background:#1a1a2e;border:2px solid #4a5568;color:#bdc3c7}[data-theme=exclusive] .modern-btn:not(.primary):hover{background:#2d3748;border-color:#718096}[data-theme=realtime] .modern-btn.primary{background:linear-gradient(135deg,#00b894,#00cec9);box-shadow:0 4px 15px #00b8944d}[data-theme=realtime] .modern-btn.primary:hover{box-shadow:0 6px 20px #00b89466}[data-theme=realtime] .modern-btn:not(.primary){background:#34495e;border:2px solid #4a5568;color:#bdc3c7}[data-theme=realtime] .modern-btn:not(.primary):hover{background:#4a5568;border-color:#718096}.file-drop-zone{padding:1rem;text-align:center;transition:all .3s ease}.file-drop-zone.drag-active,.file-drop-zone:hover{background:#e3f2fd;border-color:#667eea}.file-drop-zone.drag-active{transform:scale(1.02)}.file-drop-zone img{border-radius:8px;max-height:100%;max-width:100%}[data-theme=dark] .file-drop-zone{background:#2d3748;border-color:#4a5568;color:#ecf0f1}[data-theme=dark] .file-drop-zone:hover{background:#1a202c;border-color:#74b9ff}[data-theme=exclusive] .file-drop-zone{background:#1a1a2e;border-color:#4a5568;color:#ecf0f1}[data-theme=exclusive] .file-drop-zone:hover{background:#0f0f23;border-color:#a29bfe}[data-theme=realtime] .file-drop-zone{background:#34495e;border-color:#4a5568;color:#ecf0f1}[data-theme=realtime] .file-drop-zone:hover{background:#2c3e50;border-color:#00b894}.form-error{align-items:center;background:#fee;border:1px solid #fed7d7;border-radius:8px;color:#c53030;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}[data-theme=dark] .form-error{background:#2d1b1b;border:1px solid #4a1c1c;color:#fc8181}[data-theme=exclusive] .form-error{background:#1a1a2e;border:1px solid #2d1b1b;color:#fc8181}[data-theme=realtime] .form-error{background:#2c3e50;border:1px solid #34495e;color:#fc8181}.loading{align-items:center;color:#7f8c8d;display:flex;font-size:1.1rem;font-weight:500;justify-content:center;padding:2rem}.loading-spinner{margin-right:.5rem}.spinner-ring{animation:spin 1s linear infinite;border:2px solid #e0e6ed;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}@media (max-width:768px){.communities-page{height:100vh;overflow:hidden}.communities-header{align-items:stretch;flex-direction:column;gap:.75rem;padding:1rem}.communities-title{justify-content:center}.communities-title h1{font-size:1.5rem}.create-community-btn{font-size:.9rem;justify-content:center;padding:.875rem 1rem;width:100%}.messenger-chat-list{gap:.5rem;max-width:100%;padding:.75rem;width:100%}.messenger-chat-item{border-radius:12px;max-width:100%;min-height:70px;padding:.875rem;width:100%}.messenger-chat-item img{border-radius:12px;height:50px;margin-right:10px;width:50px}.messenger-chat-item>div>div:first-child{font-size:1rem}.messenger-chat-item>div>div:nth-child(2){font-size:.85rem}.messenger-chat-item>div>div:last-child{font-size:.8rem}.modern-row{gap:1rem}.modern-actions,.modern-row{flex-direction:column}.create-community-modal-modern{margin:1rem;max-height:85vh;padding:1.5rem}.messenger-pinned-label{font-size:.85rem;margin:.25rem 0;padding:.25rem 0}.empty-state{font-size:1rem;margin:1rem 0;padding:2rem 1rem}}@media (max-width:480px){.communities-title h1{font-size:1.25rem}.messenger-chat-item{max-width:100%;min-height:65px;padding:.75rem;width:100%}.messenger-chat-item img{border-radius:10px;height:45px;margin-right:8px;width:45px}.messenger-chat-item>div>div:first-child{font-size:.95rem}.messenger-chat-item>div>div:nth-child(2){font-size:.8rem}.messenger-chat-item>div>div:last-child{font-size:.75rem}.create-community-modal-modern{border-radius:16px;margin:.5rem;padding:1.25rem}.modern-input{font-size:.95rem;padding:.625rem .875rem}.modern-btn{font-size:.95rem;padding:.625rem 1.25rem}.messenger-pinned-label{font-size:.8rem}.empty-state{font-size:.95rem;padding:1.5rem .75rem}}@media (max-width:360px){.communities-title h1{font-size:1.1rem}.messenger-chat-item{min-height:60px;padding:.625rem}.messenger-chat-item img{border-radius:8px;height:40px;margin-right:6px;width:40px}.messenger-chat-item>div>div:first-child{font-size:.9rem}.messenger-chat-item>div>div:nth-child(2){font-size:.75rem}.messenger-chat-item>div>div:last-child{font-size:.7rem}.create-community-modal-modern{margin:.25rem;padding:1rem}.modern-input{font-size:.9rem;padding:.5rem .75rem}.modern-btn{font-size:.9rem;padding:.5rem 1rem}}@media (max-width:768px) and (orientation:landscape){.communities-header{align-items:center;flex-direction:row;padding:.75rem 1rem}.communities-title h1{font-size:1.25rem}.create-community-btn{font-size:.85rem;padding:.625rem 1rem;width:auto}.messenger-chat-list{max-width:100%;padding:.5rem;width:100%}.messenger-chat-item{max-width:100%;min-height:60px;padding:.625rem;width:100%}.messenger-chat-item img{height:45px;width:45px}}@media (min-width:1200px){.communities-header{padding:2rem 3rem}.communities-title h1{font-size:2.5rem}.create-community-btn{font-size:1.1rem;padding:1rem 2rem}.messenger-chat-list{max-width:100%;padding:1.5rem}.messenger-chat-item{max-width:100%;min-height:90px;padding:1.25rem;width:100%}.messenger-chat-item img{border-radius:20px;height:70px;width:70px}.create-community-modal-modern{max-width:600px;padding:2.5rem}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.nav-item.has-unread{position:relative}.nav-item.has-unread .unread-badge{align-items:center;animation:pulse 2s infinite;background:#e74c3c;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #e74c3c4d;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}@keyframes pulse{0%{box-shadow:0 0 0 0 #e74c3cb3}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 0 0 #e74c3c00}}.chat-unread-indicator{align-items:center;animation:pulse 2s infinite;background:#e74c3c;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #e74c3c4d;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:-5px;width:20px;z-index:10}.chat-unread-indicator.large{font-size:.8rem;height:24px;right:6px;top:-8px;width:24px}.chat-item.unread{background:#e74c3c0d}.chat-item.unread .chat-name{color:#2c3e50;font-weight:700}.chat-item.unread .chat-last-message{color:#2c3e50;font-weight:600}.messenger-chat-item{align-items:center;background:#ffffffe6;border:1px solid #fff3;border-radius:16px;cursor:pointer;display:flex;gap:.75rem;min-height:80px;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}@media (max-width:320px){.communities-title h1{font-size:1rem}.messenger-chat-item{gap:.5rem;max-width:100%;min-height:55px;padding:.5rem;width:100%}.messenger-chat-item img{border-radius:6px;height:35px;margin-right:6px;width:35px}.messenger-chat-item>div>div:first-child{font-size:.85rem}.messenger-chat-item>div>div:nth-child(2){font-size:.7rem}.messenger-chat-item>div>div:last-child{font-size:.65rem}.create-community-modal-modern{margin:.25rem;padding:.875rem}.modern-input{font-size:.85rem;padding:.5rem .625rem}.modern-btn{font-size:.85rem;padding:.5rem .875rem}.messenger-pinned-label{font-size:.75rem}.empty-state{font-size:.9rem;padding:1.25rem .5rem}}@media (min-width:769px) and (max-width:1024px){.communities-header{padding:1.5rem 2rem}.communities-title h1{font-size:1.75rem}.create-community-btn{font-size:1rem;padding:.875rem 1.75rem}.messenger-chat-list{max-width:100%;padding:1.25rem;width:100%}.messenger-chat-item{max-width:100%;min-height:85px;padding:1.125rem;width:100%}.messenger-chat-item img{border-radius:16px;height:65px;width:65px}.create-community-modal-modern{max-width:550px;padding:2.25rem}}@media (min-width:1025px) and (max-width:1199px){.communities-header{padding:1.75rem 2.5rem}.communities-title h1{font-size:2rem}.create-community-btn{font-size:1rem;padding:.875rem 1.75rem}.messenger-chat-list{max-width:100%;padding:1.5rem;width:100%}.messenger-chat-item{max-width:100%;min-height:90px;padding:1.25rem;width:100%}.messenger-chat-item img{border-radius:18px;height:70px;width:70px}.create-community-modal-modern{max-width:600px;padding:2.5rem}}@media (min-width:1400px){.communities-header{padding:2.5rem 4rem}.communities-title h1{font-size:3rem}.create-community-btn{font-size:1.2rem;padding:1.25rem 2.5rem}.messenger-chat-list{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.messenger-chat-item{max-width:100%;min-height:100px;padding:1.5rem;width:100%}.messenger-chat-item img{border-radius:24px;height:80px;width:80px}.create-community-modal-modern{max-width:700px;padding:3rem}}@media (min-width:1920px){.communities-header{padding:3rem 5rem}.communities-title h1{font-size:3.5rem}.create-community-btn{font-size:1.3rem;padding:1.5rem 3rem}.messenger-chat-list{margin:0 auto;max-width:1800px;padding:2.5rem;width:100%}.messenger-chat-item{max-width:100%;min-height:110px;padding:1.75rem;width:100%}.messenger-chat-item img{border-radius:28px;height:90px;width:90px}.create-community-modal-modern{max-width:800px;padding:3.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.messenger-chat-item img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (hover:hover){.messenger-chat-item:hover{box-shadow:0 10px 30px #0003;transform:translateY(-3px)}.create-community-btn:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-3px)}}@media (hover:none){.messenger-chat-item:active{box-shadow:0 4px 15px #00000026;transform:translateY(-1px)}.create-community-btn:active{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}}@media (pointer:coarse){.messenger-chat-item{max-width:100%;min-height:70px;padding:.875rem;width:100%}.messenger-chat-item img{border-radius:12px;height:50px;width:50px}.create-community-btn,.modern-btn{min-height:44px;padding:.875rem 1.5rem}}@media (prefers-reduced-motion:reduce){.create-community-btn,.messenger-chat-item,.messenger-chat-item img,.modern-btn{transition:none}.create-community-btn:hover,.messenger-chat-item:hover{transform:none}@keyframes twinkle{0%,to{opacity:1}}@keyframes pulse{0%{box-shadow:0 2px 8px #e74c3c4d}}@keyframes modalSlideIn{0%{opacity:0}to{opacity:1}}}@media (prefers-color-scheme:dark){.communities-page:not([data-theme]){background:linear-gradient(135deg,#1a1a2e,#16213e)}.communities-header:not([data-theme]){background:#1a1a2ef2;border-bottom:1px solid #ffffff1a}.messenger-chat-item:not([data-theme]){background:#1a1a2ee6;border:1px solid #ffffff1a;color:#ecf0f1}}@media (prefers-contrast:high){.messenger-chat-item{border:2px solid #000}.messenger-chat-item:hover{border-color:#667eea}.create-community-btn{border:2px solid #fff}.modern-input{border:2px solid #000}.modern-input:focus{border-color:#667eea;outline:2px solid #667eea}}.mini-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 8px 32px #0000004d;left:50%;max-width:400px;min-width:300px;padding:8px 16px;position:fixed;top:20px;transform:translateX(-50%);transition:all .3s ease;z-index:1000}.mini-player:hover{background:#000000e6;transform:translateX(-50%) scale(1.02)}.mini-player-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.mini-track-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.mini-track-cover{border-radius:8px;box-shadow:0 2px 8px #0000004d;flex-shrink:0;height:36px;object-fit:cover;width:36px}.mini-track-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.mini-track-title{color:#fff;font-size:14px;font-weight:600}.mini-track-artist,.mini-track-title{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-track-artist{color:#ffffffb3;font-size:12px;text-decoration:none;transition:color .2s ease}.mini-track-artist:hover{color:#ffffffe6}.mini-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.mini-control-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.mini-control-btn:hover{background:#ffffff1a;color:#fff}.mini-play-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.mini-play-btn:hover{background:#fff;transform:scale(1.05)}.mini-loading-spinner{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.mini-spinner-ring{animation:spin 1s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#000;height:18px;width:18px}@media (max-width:768px){.mini-player{max-width:90vw;min-width:280px;padding:6px 12px;top:10px}.mini-play-btn,.mini-track-cover{height:32px;width:32px}.mini-track-title{font-size:13px}.mini-track-artist{font-size:11px}}@media (max-width:480px){.mini-player{min-width:260px;padding:6px 10px}.mini-controls{gap:6px}.mini-control-btn{padding:4px}}.mini-player-notice{animation:fadeInUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff3b30e6;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:11px;left:50%;margin-top:8px;padding:4px 8px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:1001}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.mini-player:hover .mini-player-notice{opacity:1;visibility:visible}.mini-player .mini-player-notice{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.community-chat{background:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;position:relative}[data-theme=dark] .community-chat,[data-theme=exclusive] .community-chat,[data-theme=realtime] .community-chat{background:#000}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #e1e8ed;box-shadow:0 2px 10px #0000001a;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .chat-header,[data-theme=exclusive] .chat-header,[data-theme=realtime] .chat-header{background:#000;border-bottom:1px solid #333;box-shadow:0 2px 10px #0000004d}.chat-header-left{align-items:center;display:flex;gap:1rem}.chat-header-back{background:none;border:none;border-radius:8px;color:#74b9ff;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s ease}.chat-header-back:hover{background:#74b9ff1a;transform:scale(1.1)}.chat-header-info-clickable{align-items:center;background:#0000;border-radius:12px;display:flex;gap:1rem;padding:.5rem;transition:all .2s ease}.chat-header-info-clickable:hover{background:#74b9ff1a;transform:scale(1.02)}[data-theme=dark] .chat-header-info-clickable:hover,[data-theme=exclusive] .chat-header-info-clickable:hover,[data-theme=realtime] .chat-header-info-clickable:hover{background:#74b9ff33}[data-theme=dark] .chat-header-back{color:#74b9ff}[data-theme=dark] .chat-header-back:hover{background:#74b9ff33}[data-theme=exclusive] .chat-header-back{color:#74b9ff}[data-theme=exclusive] .chat-header-back:hover{background:#74b9ff33}[data-theme=realtime] .chat-header-back{color:#74b9ff}[data-theme=realtime] .chat-header-back:hover{background:#74b9ff33}.chat-header-info{display:flex;flex-direction:column}.chat-header-title{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:700;margin:0}[data-theme=dark] .chat-header-title,[data-theme=exclusive] .chat-header-title,[data-theme=realtime] .chat-header-title{color:#fff}.chat-header-subtitle{color:#7f8c8d;font-size:.9rem;margin:0}[data-theme=dark] .chat-header-subtitle,[data-theme=exclusive] .chat-header-subtitle,[data-theme=realtime] .chat-header-subtitle{color:#bdc3c7}.chat-header-avatar{border:2px solid #74b9ff;border-radius:50%;height:40px;object-fit:cover;width:40px}.chat-main-content{display:flex;flex:1 1;overflow:hidden}.messages-container{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}[data-theme=dark] .messages-container,[data-theme=exclusive] .messages-container,[data-theme=realtime] .messages-container{background:#000}.message{animation:messageSlideIn .3s ease;display:flex;gap:.75rem;max-width:80%}.message.own{align-self:flex-end;flex-direction:row-reverse}.message.own .message-content{background:#74b9ff;border-radius:18px 18px 4px 18px;color:#fff}.message.own .message-content .message-time{color:#fffc}.message.other{align-self:flex-start}.message.other .message-content{background:#fff;border:1px solid #e1e8ed;border-radius:18px 18px 18px 4px;color:#2c3e50}.message.owner:not(.own) .message-content{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid gold;box-shadow:0 4px 15px #ffd7004d;color:#000}.message.owner:not(.own) .message-content .message-time{color:#000000b3}.message.owner:not(.own) .message-content .message-author{color:#000;font-weight:700}.message.owner.own .message-content{background:#74b9ff;border:none;box-shadow:none;color:#fff}.message.owner.own .message-content .message-time{color:#fffc}.message.owner.own .message-content .message-author{color:#fff;font-weight:600}[data-theme=dark] .message.other .message-content,[data-theme=exclusive] .message.other .message-content,[data-theme=realtime] .message.other .message-content{background:#1a1a1a;border:1px solid #333;color:#fff}.message-avatar{border:2px solid #74b9ff;border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.message-content{word-wrap:break-word;box-shadow:0 2px 8px #0000001a;padding:.75rem 1rem;position:relative}[data-theme=dark] .message-content,[data-theme=exclusive] .message-content,[data-theme=realtime] .message-content{box-shadow:0 2px 8px #0000004d}.message-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.message-author{color:#74b9ff;font-size:.9rem;font-weight:600}.user-badge{border-radius:8px;font-size:.7rem;font-weight:600;padding:2px 6px;white-space:nowrap}.user-badge.owner{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.user-badge.artist{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-badge.listener{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.message-time{color:#95a5a6;font-size:.75rem;margin-left:auto}.message-text{font-size:.95rem;line-height:1.4;margin:0}.message-menu-btn{background:none;border:none;border-radius:4px;color:#95a5a6;cursor:pointer;opacity:0;padding:2px;transition:all .2s ease}.message:hover .message-menu-btn{opacity:1}.message-menu-btn:hover{background:#0000001a;color:#2c3e50}[data-theme=dark] .message-menu-btn{color:#bdc3c7}[data-theme=dark] .message-menu-btn:hover{background:#ffffff1a;color:#fff}[data-theme=exclusive] .message-menu-btn{color:#bdc3c7}[data-theme=exclusive] .message-menu-btn:hover{background:#ffffff1a;color:#fff}[data-theme=realtime] .message-menu-btn{color:#bdc3c7}[data-theme=realtime] .message-menu-btn:hover{background:#ffffff1a;color:#fff}.chat-sidebar{background:#fff;border-left:1px solid #e1e8ed;flex-shrink:0;overflow-y:auto;width:300px}[data-theme=dark] .chat-sidebar,[data-theme=exclusive] .chat-sidebar,[data-theme=realtime] .chat-sidebar{background:#000;border-left:1px solid #333}.community-info-panel{padding:1.5rem}.community-info-header{border-bottom:1px solid #e1e8ed;margin-bottom:2rem;padding-bottom:1rem;text-align:center}[data-theme=dark] .community-info-header,[data-theme=exclusive] .community-info-header,[data-theme=realtime] .community-info-header{border-bottom:1px solid #333}.community-info-avatar{border:3px solid #74b9ff;border-radius:50%;height:80px;margin-bottom:1rem;object-fit:cover;width:80px}.community-info-header h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}[data-theme=dark] .community-info-header h3,[data-theme=exclusive] .community-info-header h3,[data-theme=realtime] .community-info-header h3{color:#fff}.community-info-header p{color:#7f8c8d;font-size:.9rem;margin:0}[data-theme=dark] .community-info-header p,[data-theme=exclusive] .community-info-header p,[data-theme=realtime] .community-info-header p{color:#bdc3c7}.community-info-content{display:flex;flex-direction:column;gap:1.5rem}.info-section h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 .75rem}[data-theme=dark] .info-section h4,[data-theme=exclusive] .info-section h4,[data-theme=realtime] .info-section h4{color:#fff}.info-section p{color:#7f8c8d;font-size:.9rem;margin:.25rem 0}[data-theme=dark] .info-section p,[data-theme=exclusive] .info-section p,[data-theme=realtime] .info-section p{color:#bdc3c7}.info-action-btn{align-items:center;background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.info-action-btn:hover{background:#74b9ff;border-color:#74b9ff;color:#fff}[data-theme=dark] .info-action-btn{background:#1a1a1a;border:1px solid #333;color:#fff}[data-theme=dark] .info-action-btn:hover{background:#74b9ff;border-color:#74b9ff}[data-theme=exclusive] .info-action-btn{background:#1a1a1a;border:1px solid #333;color:#fff}[data-theme=exclusive] .info-action-btn:hover{background:#74b9ff;border-color:#74b9ff}[data-theme=realtime] .info-action-btn{background:#1a1a1a;border:1px solid #333;color:#fff}[data-theme=realtime] .info-action-btn:hover{background:#74b9ff;border-color:#74b9ff}.input-container{background:#fff;border-top:1px solid #e1e8ed;bottom:0;display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;padding:1rem;position:-webkit-sticky;position:sticky;z-index:100}.media-preview{align-items:center;background:#f8f9fa;border:1px solid #e1e8ed;border-radius:12px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.75rem;position:relative}[data-theme=dark] .media-preview,[data-theme=exclusive] .media-preview,[data-theme=realtime] .media-preview{background:#1a1a1a;border:1px solid #333}.media-preview-content{align-items:center;display:flex;flex:1 1;gap:.5rem}.media-preview-image{border:1px solid #e1e8ed;border-radius:8px;height:60px;object-fit:cover;width:60px}[data-theme=dark] .media-preview-image,[data-theme=exclusive] .media-preview-image,[data-theme=realtime] .media-preview-image{border:1px solid #333}.media-preview-file{align-items:center;color:#2c3e50;display:flex;font-size:.9rem;gap:.5rem}[data-theme=dark] .media-preview-file,[data-theme=exclusive] .media-preview-file,[data-theme=realtime] .media-preview-file{color:#fff}.media-preview-remove{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.media-preview-remove:hover{background:#c0392b;transform:scale(1.1)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-theme=dark] .input-container,[data-theme=exclusive] .input-container,[data-theme=realtime] .input-container{background:#000;border-top:1px solid #333}.input-wrapper{align-items:flex-end;background:#f8f9fa;border:1px solid #e1e8ed;border-radius:24px;display:flex;gap:.75rem;min-height:48px;padding:.75rem;transition:all .2s ease}.input-wrapper:focus-within{border-color:#74b9ff;box-shadow:0 0 0 3px #74b9ff1a}[data-theme=dark] .input-wrapper{background:#1a1a1a;border:1px solid #333}[data-theme=dark] .input-wrapper:focus-within{border-color:#74b9ff;box-shadow:0 0 0 3px #74b9ff33}[data-theme=exclusive] .input-wrapper{background:#1a1a1a;border:1px solid #333}[data-theme=exclusive] .input-wrapper:focus-within{border-color:#74b9ff;box-shadow:0 0 0 3px #74b9ff33}[data-theme=realtime] .input-wrapper{background:#1a1a1a;border:1px solid #333}[data-theme=realtime] .input-wrapper:focus-within{border-color:#74b9ff;box-shadow:0 0 0 3px #74b9ff33}.message-input{background:#0000;border:none;color:#2c3e50;flex:1 1;font-family:inherit;font-size:.95rem;line-height:1.4;max-height:120px;min-height:20px;min-width:0;outline:none;padding:.5rem 0;resize:none}[data-theme=dark] .message-input{color:#fff}[data-theme=dark] .message-input::placeholder{color:#bdc3c7}[data-theme=exclusive] .message-input{color:#fff}[data-theme=exclusive] .message-input::placeholder{color:#bdc3c7}[data-theme=realtime] .message-input{color:#fff}[data-theme=realtime] .message-input::placeholder{color:#bdc3c7}.message-input::placeholder{color:#95a5a6}.input-button{align-items:center;background:none;border:none;border-radius:50%;color:#74b9ff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.input-button:hover{background:#74b9ff1a;transform:scale(1.1)}.input-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.send-button{align-items:center;background:#74b9ff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.send-button:hover{background:#0984e3;transform:scale(1.1)}.send-button:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2rem;width:100%}[data-theme=dark] .modal-content,[data-theme=exclusive] .modal-content,[data-theme=realtime] .modal-content{background:#000;border:1px solid #333}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0 0 1rem}[data-theme=dark] .modal-title,[data-theme=exclusive] .modal-title,[data-theme=realtime] .modal-title{color:#fff}.modal-text{color:#7f8c8d;line-height:1.5;margin-bottom:1.5rem}[data-theme=dark] .modal-text,[data-theme=exclusive] .modal-text,[data-theme=realtime] .modal-text{color:#bdc3c7}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.modal-button.primary{background:#74b9ff;color:#fff}.modal-button.primary:hover{background:#0984e3}.modal-button.secondary{background:#ecf0f1;color:#2c3e50}.modal-button.secondary:hover{background:#bdc3c7}.modal-button:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .modal-button.secondary{background:#333;color:#fff}[data-theme=dark] .modal-button.secondary:hover{background:#555}[data-theme=exclusive] .modal-button.secondary{background:#333;color:#fff}[data-theme=exclusive] .modal-button.secondary:hover{background:#555}[data-theme=realtime] .modal-button.secondary{background:#333;color:#fff}[data-theme=realtime] .modal-button.secondary:hover{background:#555}.message-menu{animation:menuSlideIn .2s ease;background:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:150px;position:absolute;right:0;top:100%;z-index:1000}[data-theme=dark] .message-menu,[data-theme=exclusive] .message-menu,[data-theme=realtime] .message-menu{background:#1a1a1a;border:1px solid #333;box-shadow:0 4px 20px #0006}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{align-items:center;background:none;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background .2s ease;width:100%}.menu-item:hover{background:#f8f9fa}.menu-item.danger{color:#e74c3c}.menu-item.danger:hover{background:#fee}[data-theme=dark] .menu-item{color:#fff}[data-theme=dark] .menu-item:hover{background:#333}[data-theme=dark] .menu-item.danger:hover{background:#e74c3c33}[data-theme=exclusive] .menu-item{color:#fff}[data-theme=exclusive] .menu-item:hover{background:#333}[data-theme=exclusive] .menu-item.danger:hover{background:#e74c3c33}[data-theme=realtime] .menu-item{color:#fff}[data-theme=realtime] .menu-item:hover{background:#333}[data-theme=realtime] .menu-item.danger:hover{background:#e74c3c33}.loading-messages{align-items:center;color:#7f8c8d;display:flex;justify-content:center;padding:2rem}[data-theme=dark] .loading-messages,[data-theme=exclusive] .loading-messages,[data-theme=realtime] .loading-messages{color:#bdc3c7}.empty-messages{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}[data-theme=dark] .empty-messages,[data-theme=exclusive] .empty-messages,[data-theme=realtime] .empty-messages{color:#bdc3c7}.empty-messages-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.message-media{border-radius:8px;margin-top:.5rem;overflow:hidden}.message-media-image{border-radius:8px;cursor:pointer;max-height:300px;max-width:100%;transition:transform .2s ease}.message-media-image:hover{transform:scale(1.02)}.message-media-video{border-radius:8px;max-height:300px;max-width:100%}.message-media-audio{border-radius:8px;width:100%}.message-media-file{align-items:center;background:#74b9ff1a;border:1px solid #74b9ff4d;border-radius:8px;color:#74b9ff;display:flex;gap:.5rem;padding:.75rem;text-decoration:none;transition:all .2s ease}.message-media-file:hover{background:#74b9ff33;border-color:#74b9ff80}[data-theme=dark] .message-media-file{background:#74b9ff33;border:1px solid #74b9ff66;color:#74b9ff}[data-theme=dark] .message-media-file:hover{background:#74b9ff4d;border-color:#74b9ff99}[data-theme=exclusive] .message-media-file{background:#74b9ff33;border:1px solid #74b9ff66;color:#74b9ff}[data-theme=exclusive] .message-media-file:hover{background:#74b9ff4d;border-color:#74b9ff99}[data-theme=realtime] .message-media-file{background:#74b9ff33;border:1px solid #74b9ff66;color:#74b9ff}[data-theme=realtime] .message-media-file:hover{background:#74b9ff4d;border-color:#74b9ff99}.date-divider{align-items:center;display:flex;justify-content:center;margin:1rem 0;position:relative}.date-divider:before{background:#e1e8ed;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}[data-theme=dark] .date-divider:before,[data-theme=exclusive] .date-divider:before,[data-theme=realtime] .date-divider:before{background:#333}.date-divider-text{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:16px;color:#7f8c8d;font-size:.8rem;font-weight:500;padding:.5rem 1rem;z-index:2}[data-theme=dark] .date-divider-text,[data-theme=exclusive] .date-divider-text,[data-theme=realtime] .date-divider-text{background:#1a1a1a;border:1px solid #333;color:#bdc3c7}@media (max-width:768px){.chat-sidebar{display:none}.chat-header{padding:.75rem 1rem}.chat-header-title{font-size:1.1rem}.messages-container{padding:.75rem}.message{max-width:90%}.input-container{padding:.75rem}.modal-content{margin:1rem;padding:1.5rem}}@media (max-width:480px){.chat-header-left{gap:.75rem}.chat-header-avatar{height:32px;width:32px}.message-avatar{height:28px;width:28px}.message-content{padding:.5rem .75rem}.input-wrapper{padding:.25rem}.send-button{height:32px;width:32px}.user-badge{font-size:.6rem;padding:1px 4px}}[data-theme=dark] .community-chat,[data-theme=dark] .message-text,[data-theme=exclusive] .community-chat,[data-theme=exclusive] .message-text,[data-theme=realtime] .community-chat,[data-theme=realtime] .message-text{color:#fff}.community-page{margin:0 auto;max-width:900px;padding:2rem 1rem}.community-back-button{margin-bottom:1rem}.community-back-button button{align-items:center;background:none;border:none;border-radius:8px;color:#74b9ff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.community-back-button button:hover{background:#74b9ff1a;transform:translateX(-2px)}[data-theme=dark] .community-back-button button{color:#74b9ff}[data-theme=dark] .community-back-button button:hover{background:#74b9ff33}[data-theme=exclusive] .community-back-button button{color:#74b9ff}[data-theme=exclusive] .community-back-button button:hover{background:#74b9ff33}[data-theme=realtime] .community-back-button button{color:#74b9ff}[data-theme=realtime] .community-back-button button:hover{background:#74b9ff33}.community-banner{background-position:50%;background-size:cover;border-radius:24px;box-shadow:0 4px 32px #0000001a;margin-bottom:2rem;min-height:220px;overflow:hidden;position:relative}.community-banner-overlay{background:linear-gradient(180deg,#00000040,#0000008c);inset:0;position:absolute;z-index:1}.community-banner-content{align-items:flex-end;display:flex;gap:2rem;padding:2rem;position:relative;z-index:2}.community-avatar-large{background:#fff;border:4px solid #fff;border-radius:20px;box-shadow:0 2px 16px #0002;flex-shrink:0;height:110px;overflow:hidden;width:110px}.community-avatar-large img{height:100%;object-fit:cover;width:100%}.community-main-info{color:#fff;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.community-title{font-size:2rem;font-weight:700;margin:0 0 .5rem}.community-owner-row{align-items:center;display:flex;font-size:1rem;gap:.5rem}.owner-label{color:#ffe680;gap:.2rem}.owner-label,.owner-link{align-items:center;display:flex;font-weight:600}.owner-link{color:#fff;gap:.3rem;text-decoration:none}.owner-avatar{border:2px solid #ffe680;border-radius:50%;height:28px;object-fit:cover;width:28px}.artist-badge{background:linear-gradient(90deg,#00b0ff,#7c4dff);border-radius:8px;color:#fff;font-size:.8rem;font-weight:700;margin-left:.5rem;padding:.15rem .5rem}.community-desc{color:#e0e0e0;font-size:1rem;margin:.5rem 0 .2rem}.community-members-count{align-items:center;color:#ffe680;display:flex;font-size:1rem;font-weight:600;gap:.3rem}.community-actions{display:flex;flex-direction:column;gap:.5rem}.join-btn,.leave-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:.7rem 1.5rem;transition:background .2s,color .2s}.join-btn{background:linear-gradient(90deg,#00b0ff,#7c4dff);color:#fff}.leave-btn{background:#fff;border:2px solid #d32f2f;color:#d32f2f}.join-btn:disabled,.leave-btn:disabled{cursor:not-allowed;opacity:.6}.community-tabs{display:flex;gap:1rem;margin-bottom:2rem;margin-top:1.5rem}.community-tab{background:none;border:none;border-radius:10px 10px 0 0;color:#888;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.7rem 1.5rem;transition:background .2s,color .2s}.community-tab.active{background:#fff;box-shadow:0 -2px 12px #00b0ff22;color:#00b0ff}.community-tab:disabled{cursor:not-allowed;opacity:.5}.community-tab-content{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 2px 16px #0001;min-height:180px;padding:2rem 1.5rem}.community-chat-placeholder,.community-events-placeholder,.community-settings-placeholder{color:#888;font-size:1.2rem;padding:2rem 0;text-align:center}.community-members-list{display:flex;flex-direction:column;gap:1rem}.community-member-row{align-items:center;background:#f8f9fa;border-radius:10px;box-shadow:0 1px 4px #0001;display:flex;gap:1rem;padding:.7rem 1rem}.member-avatar{height:36px;width:36px}.rank-badge{background:#e3f6fd;border-radius:8px;color:#00b0ff;font-size:.9rem;font-weight:700;margin-left:auto;padding:.2rem .7rem}.rank-badge.rank-owner{background:linear-gradient(90deg,gold,orange);color:#fff}.form-error{background:#fff0f0;border:1px solid #d32f2f33;border-radius:10px;color:#d32f2f;margin:2rem auto;max-width:400px;padding:1rem 1.5rem;text-align:center}.loading{color:#888;padding:2rem 0}@media (max-width:700px){.community-banner-content{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.community-tab-content{padding:1rem .5rem}}.community-events{background:#f8f9fa;border-radius:16px;box-shadow:0 2px 12px #0001;min-height:220px;padding:1.5rem 1rem}.events-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.create-event-btn{align-items:center;background:linear-gradient(90deg,#00b0ff,#7c4dff);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.6rem 1.3rem;transition:background .2s}.create-event-btn:hover{background:linear-gradient(90deg,#7c4dff,#00b0ff)}.events-list{gap:1.2rem}.event-card,.events-list{display:flex;flex-direction:column}.event-card{background:#fff;border-left:5px solid #00b0ff;border-radius:12px;box-shadow:0 1px 8px #0001;gap:.5rem;padding:1.2rem 1rem;position:relative}.event-date{color:#00b0ff;font-size:1.05rem;font-weight:700}.event-title{color:#222;font-size:1.2rem;font-weight:700}.event-location{align-items:center;color:#7c4dff;display:flex;font-size:1rem;gap:.3rem}.event-desc{color:#555;font-size:1rem;margin-top:.2rem}.events-empty,.events-loading{color:#888;font-size:1.1rem;padding:2rem 0;text-align:center}.event-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.event-modal{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0002;max-width:420px;padding:2rem 1.5rem;width:95vw}.event-form{gap:1rem;margin-top:1rem}.event-form,.event-form label{display:flex;flex-direction:column}.event-form label{color:#222;font-weight:600;gap:.3rem}.event-form input,.event-form textarea{border:1.5px solid #b3e5fc;border-radius:8px;font-size:1rem;margin-top:.2rem;padding:.6rem 1rem}.event-form input:focus,.event-form textarea:focus{border-color:#00b0ff;outline:none}.submit-event-btn{background:linear-gradient(90deg,#00b0ff,#7c4dff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.5rem;padding:.7rem 1.5rem;transition:background .2s}.submit-event-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-event-btn{background:#f0f0f0;border:none;border-radius:8px;color:#888;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.7rem 1.5rem;transition:background .2s}.event-form-error{background:#fff0f0;border:1px solid #d32f2f33;border-radius:8px;color:#d32f2f;margin-top:.5rem;padding:.5rem 1rem;text-align:center}@media (max-width:700px){.community-events{padding:.7rem .2rem}.event-card{padding:.7rem .5rem}.event-modal{padding:1rem .5rem}}.community-members{background:#f8f9fa;border-radius:16px;box-shadow:0 2px 12px #0001;min-height:220px;padding:1.5rem 1rem}.members-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.members-search{border:1.5px solid #b3e5fc;border-radius:8px;font-size:1rem;min-width:180px;padding:.6rem 1rem}.members-list{display:flex;flex-direction:column;gap:1rem}.member-row{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0001;display:flex;gap:1rem;padding:.7rem 1rem;position:relative}.owner-row{border-left:5px solid gold}.member-avatar{border-radius:50%;box-shadow:0 1px 6px #0001;height:38px;object-fit:cover;width:38px}.member-name{color:#0077bd;font-size:1.05rem;font-weight:700}.member-rank-badge{background:#e3f6fd;border-radius:8px;color:#00b0ff;font-size:.95rem;font-weight:700;margin-left:.5rem;padding:.2rem .7rem}.rank-owner{animation:badge-glow 2s infinite alternate;background:linear-gradient(90deg,gold,orange);color:#fff}@keyframes badge-glow{0%{box-shadow:0 0 0 #ffd70000}to{box-shadow:0 0 12px #ffd70088}}.member-artist-badge{background:linear-gradient(90deg,#00b0ff,#7c4dff);color:#fff}.member-artist-badge,.member-muted-badge{border-radius:8px;font-size:.85rem;font-weight:600;margin-left:.5rem;padding:.1rem .5rem}.member-muted-badge{background:#ffe0e0;color:#d32f2f}.member-actions{align-items:center;display:flex;gap:.5rem;margin-left:auto}.member-actions select{background:#f8f9fa;border:1.5px solid #b3e5fc;border-radius:8px;color:#0077bd;font-size:.95rem;font-weight:600;padding:.2rem .7rem}.mute-btn,.remove-btn,.unmute-btn{background:#f0f0f0;border:none;border-radius:8px;color:#888;cursor:pointer;font-size:1rem;padding:.3rem .7rem;transition:background .2s}.mute-btn:hover,.remove-btn:hover,.unmute-btn:hover{background:#ffe0e0;color:#d32f2f}.members-error{background:#fff0f0;border:1px solid #d32f2f33;border-radius:8px;color:#d32f2f;margin-top:.7rem;padding:.5rem 1rem;text-align:center}@media (max-width:700px){.community-members{padding:.7rem .2rem}.member-row{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.7rem .5rem}.member-actions{margin-left:0}}.community-settings{background:#f8f9fa;border-radius:16px;box-shadow:0 2px 12px #0001;margin:0 auto;max-width:540px;padding:2rem 1.5rem}.settings-form label{display:block;font-weight:600;margin-bottom:1.2rem}.settings-form input,.settings-form select,.settings-form textarea{background:#fff;border:1.5px solid #b3e5fc;border-radius:8px;font-size:1rem;margin-bottom:.5rem;margin-top:.3rem;padding:.6rem 1rem;width:100%}.save-btn{background:linear-gradient(90deg,#00b0ff,#7c4dff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-right:1rem;padding:.7rem 1.5rem;transition:background .2s}.save-btn:disabled{cursor:not-allowed;opacity:.6}.delete-btn{background:#fff;border:2px solid #d32f2f;border-radius:8px;color:#d32f2f;cursor:pointer;font-size:1rem;font-weight:700;padding:.7rem 1.5rem;transition:background .2s,color .2s}.delete-btn:disabled{cursor:not-allowed;opacity:.6}.settings-error{background:#fff0f0;border:1px solid #d32f2f33;border-radius:8px;color:#d32f2f;margin-bottom:1rem;padding:.5rem 1rem;text-align:center}.delete-modal-overlay{align-items:center;background:#00000040;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0002;padding:2rem 2.5rem;text-align:center}.confirm-delete-btn{background:#d32f2f;border:none;border-radius:8px;color:#fff;margin-right:1rem}.cancel-delete-btn,.confirm-delete-btn{cursor:pointer;font-size:1rem;font-weight:700;padding:.7rem 1.5rem}.cancel-delete-btn{background:#f8f9fa;border:1.5px solid #b3e5fc;border-radius:8px;color:#888}.center-modal{align-items:center;background:#00000040;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.create-community-modal-modern{align-items:center;animation:modal-fade-in .2s;background:#fff;border-radius:20px;box-shadow:0 8px 40px #0002;display:flex;flex-direction:column;max-width:480px;min-width:340px;padding:2.5rem 2.5rem 2rem;text-align:center;width:100%}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}.community-form-modern{display:flex;flex-direction:column;gap:18px;width:100%}.modern-label{align-items:flex-start;color:#222;display:flex;flex-direction:column;font-weight:600;gap:4px;margin-bottom:4px}.modern-input{background:#f8f9fa;border:1.5px solid #b3e5fc;border-radius:10px;font-size:1rem;margin-bottom:0;margin-top:2px;padding:.7rem 1rem;transition:border .2s;width:100%}.modern-input:focus{border-color:#7c4dff;outline:none}.modern-row{display:flex;gap:12px;width:100%}.modern-actions{display:flex;gap:16px;justify-content:center;margin-top:10px}.modern-btn{background:#f4f7fa;border:none;border-radius:10px;box-shadow:0 1px 6px #0001;color:#7c4dff;cursor:pointer;font-size:1.05rem;font-weight:700;padding:.7rem 1.7rem;transition:background .18s,color .18s,box-shadow .18s}.modern-btn.primary{background:linear-gradient(90deg,#00b0ff,#7c4dff);box-shadow:0 2px 12px #7c4dff22;color:#fff}.modern-btn:hover{background:#e3f6fd;color:#00b0ff}.modern-btn.primary:hover{background:linear-gradient(90deg,#7c4dff,#00b0ff);color:#fff}.file-drop-zone{align-items:center;background:#f4f7fa;border:2px dashed #b3e5fc;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:16px;min-height:96px;transition:border .2s,background .2s}.file-drop-zone.drag-active{background:#e3f6fd;border-color:#7c4dff}.terms-privacy-root{background:#fff;background:var(--tp-bg,#fff);color:#222;color:var(--tp-text,#222);display:flex;min-height:80vh;transition:background .2s,color .2s}[data-theme=dark] .terms-privacy-root{--tp-bg:#181a1b;--tp-text:#f3f3f3;--tp-sidebar:#23272a;--tp-link:#4fc3f7;--tp-link-hover:#00eaff;--tp-border:#333}[data-theme=light] .terms-privacy-root{--tp-bg:#fff;--tp-text:#222;--tp-sidebar:#f5f7fa;--tp-link:#06c;--tp-link-hover:#036;--tp-border:#e0e0e0}.terms-privacy-sidebar{background:#f5f7fa;background:var(--tp-sidebar,#f5f7fa);border-right:1px solid #e0e0e0;border-right:1px solid var(--tp-border,#e0e0e0);box-sizing:border-box;height:100vh;max-width:260px;min-width:220px;padding:2rem 1.2rem 2rem 2rem;position:-webkit-sticky;position:sticky;top:0}.terms-privacy-sidebar h3{color:#06c;color:var(--tp-link,#06c);font-size:1.1rem;margin-bottom:1rem;margin-top:0}.terms-privacy-sidebar ul{list-style:none;margin:0;padding:0}.toc-link{background:none;border:none;color:#06c;color:var(--tp-link,#06c);cursor:pointer;font-size:1rem;padding:.3em 0;text-align:left;transition:color .2s}.toc-link.active,.toc-link:hover{color:#036;color:var(--tp-link-hover,#036);text-decoration:underline}.terms-privacy-content{flex:1 1;margin:0 auto;max-width:900px;padding:2.5rem 2rem 2rem 2.5rem}.terms-privacy-content h1{font-size:2.2rem;margin-bottom:.5rem;margin-top:0}.terms-date{color:#06c;color:var(--tp-link,#06c);font-size:.95rem;margin-bottom:2rem}.terms-privacy-content section{margin-bottom:2.2rem}.terms-privacy-content h2{color:#06c;color:var(--tp-link,#06c);font-size:1.25rem;margin-bottom:.5rem}.terms-privacy-content ul{margin:0 0 .7em 1.2em;padding:0}.terms-privacy-content li{margin-bottom:.4em}.terms-privacy-content a{color:#06c;color:var(--tp-link,#06c);text-decoration:underline}.terms-privacy-content a:hover{color:#036;color:var(--tp-link-hover,#036)}@media (max-width:900px){.terms-privacy-root{flex-direction:column}.terms-privacy-sidebar{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--tp-border,#e0e0e0);border-right:none;height:auto;max-width:none;min-width:0;padding:1.2rem 1rem 1rem;position:static;width:100%}.terms-privacy-content{padding:1.5rem 1rem}}html{scroll-behavior:smooth}:root{--primary-color:#06c;--primary-hover:#0052a3;--accent-color:#00b0ff;--accent-color-rgb:0,176,255;--accent-color-hover:#0091ea;--accent-color-dark:#07c;--background-default:#f8f9fa;--background-paper:#fff;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--border-color:#e0e0e0;--hover-color:#0000000d;--error-color:#dc3545;--success-color:#28a745;--warning-color:#ffc107;--card-shadow:0 2px 8px #0000001a;--neon-glow:0 0 10px #0066cc4d}[data-theme=dark]{--primary-color:#00b0ff;--primary-hover:#0091ea;--accent-color:#00b0ff;--accent-color-rgb:0,176,255;--accent-color-hover:#0091ea;--accent-color-dark:#07c;--background-default:#121212;--background-paper:#1e1e1e;--text-primary:#fff;--text-secondary:#b3b3b3;--border-color:#333;--hover-color:#ffffff0d;--error-color:#f44;--success-color:#00c853;--warning-color:#ffd600;--card-shadow:0 2px 8px #0000004d;--neon-glow:0 0 15px #00b0ff80}[data-theme=exclusive]{--primary-color:#0ff;--primary-hover:#0cc;--accent-color:#f0f;--accent-color-rgb:255,0,255;--accent-color-hover:#c0c;--accent-color-dark:#909;--background-default:#0a0a0f;--background-paper:#1a1a2e;--text-primary:#fff;--text-secondary:#b8b8ff;--border-color:#2a2a4a;--hover-color:#00ffff1a;--error-color:#f06;--success-color:#0f8;--warning-color:#fa0;--card-shadow:0 4px 20px #0ff3;--neon-glow:0 0 20px #0ff9;--neon-pink-glow:0 0 20px #f0f9;--gradient-primary:linear-gradient(135deg,#0ff,#f0f);--gradient-secondary:linear-gradient(135deg,#1a1a2e,#16213e);--gradient-accent:linear-gradient(45deg,#0ff,#f0f,#0ff)}#root,.App,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--background-default);color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;min-width:0;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;width:100%}[data-theme=exclusive],[data-theme=exclusive] body,body.animated-bg{animation:animatedBgMove 16s ease-in-out infinite;background:linear-gradient(120deg,#0a0a0f,#1a1a2e 40%,#00eaff);background-size:200% 200%}@keyframes animatedBgMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.home-animated-bg{animation:animatedBgMove 18s ease-in-out infinite;background:linear-gradient(135deg,#00eaff,#f0f 100%,#1a1a2e 0);background-size:300% 300%}.App{background-color:#f8f9fa;background-color:var(--background-default);color:#1a1a1a;color:var(--text-primary);display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}.main-content{display:flex;flex:1 1}.content{background-color:#f8f9fa;background-color:var(--background-default);flex:1 1;margin-left:240px;padding:24px 24px 100px;transition:margin-left .3s ease}.content.auth-fullscreen,.main-content.auth-fullscreen{align-items:center;background:none!important;display:flex;height:100vh!important;justify-content:center;margin-left:0!important;min-height:100vh!important;min-width:100vw!important;padding:0!important;width:100vw!important}.form-container{background:var(--card-background);border-radius:8px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--card-shadow);color:#1a1a1a;color:var(--text-primary);margin:40px auto;max-width:400px;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#1a1a1a;color:var(--text-primary);display:block;margin-bottom:8px}.form-group input{background:var(--input-background);border:1px solid var(--input-border);border-radius:4px;color:var(--input-text);font-size:16px;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#06c;border-color:var(--primary-color);box-shadow:0 0 0 2px #00b0ff33;outline:none}button{background:var(--button-background);border:none;border-radius:4px;color:var(--button-text);cursor:pointer;font-size:16px;padding:12px;transition:all .3s ease;width:100%}button:hover{background:var(--button-hover);transform:translateY(-2px)}button:disabled{background:var(--button-disabled);cursor:not-allowed;transform:none}.error-message{color:#dc3545;color:var(--error-color);font-size:14px;margin-top:8px}@media (max-width:1200px){.content{margin-left:240px;padding:20px}}@media (max-width:768px){.content{margin-left:64px;padding:16px 16px 140px}.mobile-content{margin-left:0;padding-bottom:80px;padding-top:60px}.form-container{border-radius:16px;margin:16px;padding:16px}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.btn,.button,button{border-radius:12px;font-size:.95rem;min-height:44px}.card,.paper{border-radius:16px;margin:8px 0}.input,input,select,textarea{border-radius:12px;font-size:16px;min-height:44px}}@media (max-width:480px){.content{margin-left:64px;padding:12px 12px 160px}.mobile-content{padding-bottom:75px;padding-top:56px}.form-container{margin:12px;padding:12px}h1{font-size:1.5rem!important}h1,h2{line-height:1.3}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important;line-height:1.3}.btn,.button,button{font-size:.9rem;padding:12px 16px}.input,input,select,textarea{font-size:16px;padding:12px}}@media (max-width:360px){.content{padding:8px 8px 180px}.mobile-content{padding-bottom:70px;padding-top:52px}.form-container{margin:8px;padding:12px}h1{font-size:1.3rem!important}h2{font-size:1.2rem!important}.btn,.button,button{font-size:.85rem;padding:10px 14px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in}.paper{background-color:#fff;background-color:var(--background-paper);border:1px solid #e0e0e0;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;box-shadow:var(--card-shadow);transition:all .3s ease}.paper:hover{box-shadow:0 0 10px #0066cc4d;box-shadow:var(--neon-glow)}.button{background-color:#06c;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .3s ease}.button:hover{background-color:#0052a3;background-color:var(--primary-hover);box-shadow:0 0 10px #0066cc4d;box-shadow:var(--neon-glow)}.input{background-color:#fff;background-color:var(--background-paper);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;color:#1a1a1a;color:var(--text-primary);padding:8px 12px;transition:all .3s ease}.input:focus{border-color:#06c;border-color:var(--primary-color);box-shadow:0 0 10px #0066cc4d;box-shadow:var(--neon-glow);outline:none}.loading{color:#4a4a4a;color:var(--text-secondary)}.error,.loading{padding:20px;text-align:center}.error{color:#dc3545;color:var(--error-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff;background:var(--background-paper)}::-webkit-scrollbar-thumb{background:#06c;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0052a3;background:var(--primary-hover);box-shadow:0 0 10px #0066cc4d;box-shadow:var(--neon-glow)}[data-theme=exclusive],[data-theme=exclusive] .App{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#0a0a0f,#1a1a2e,#16213e,#0a0a0f);background-size:400% 400%}[data-theme=exclusive] .paper{background:var(--gradient-secondary);border:1px solid #06c;border:1px solid var(--primary-color);box-shadow:0 0 10px #0066cc4d;box-shadow:var(--neon-glow);overflow:hidden;position:relative}[data-theme=exclusive] .paper:before{animation:neonSweep 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0ff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}[data-theme=exclusive] .button{background:var(--gradient-primary);border:1px solid #06c;border:1px solid var(--primary-color);box-shadow:0 0 10px #0066cc4d;box-shadow:var(--neon-glow);overflow:hidden;position:relative}[data-theme=exclusive] .button:hover{background:var(--gradient-accent);box-shadow:var(--neon-pink-glow);transform:translateY(-2px) scale(1.02)}[data-theme=exclusive] .input{background:#1a1a2ecc;border:1px solid #06c;border:1px solid var(--primary-color);box-shadow:inset 0 0 10px #00ffff1a}[data-theme=exclusive] .input:focus{border-color:#00b0ff;border-color:var(--accent-color);box-shadow:var(--neon-pink-glow),inset 0 0 10px #ff00ff1a}[data-theme=exclusive] ::-webkit-scrollbar-thumb{background:var(--gradient-primary);box-shadow:0 0 10px #0066cc4d;box-shadow:var(--neon-glow)}[data-theme=exclusive] ::-webkit-scrollbar-thumb:hover{background:var(--gradient-accent);box-shadow:var(--neon-pink-glow)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes neonSweep{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes neonPulse{0%,to{box-shadow:0 0 10px #0066cc4d;box-shadow:var(--neon-glow)}50%{box-shadow:var(--neon-pink-glow)}}[data-theme=exclusive] .paper:hover{animation:neonPulse 2s ease-in-out infinite}.themed-input,.themed-textarea{background:#fff;background:var(--input-background,var(--background-paper));border:1.5px solid #e0e0e0;border:1.5px solid var(--input-border,var(--border-color));border-radius:8px;color:#1a1a1a;color:var(--text-primary);font-size:1rem;padding:10px 14px;transition:border .2s,box-shadow .2s}.themed-input:focus,.themed-textarea:focus{border-color:#06c;border-color:var(--primary-color);box-shadow:0 0 0 2px #0066cc22;box-shadow:0 0 0 2px var(--primary-color)22;outline:none}.themed-textarea{min-height:80px;resize:vertical}.themed-input::placeholder,.themed-textarea::placeholder{color:#4a4a4a;color:var(--text-secondary);opacity:1}.themed-button{background:#06c;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 28px;transition:background .2s,color .2s}.themed-button:disabled{background:#bbb;color:#fff;cursor:not-allowed;opacity:.7}.themed-button:hover:not(:disabled){background:#0052a3;background:var(--primary-hover,#0091ea)}[data-theme=dark] .themed-input,[data-theme=dark] .themed-textarea{background:#181c24;border-color:#2a2e38;color:#fff}[data-theme=dark] .themed-input::placeholder,[data-theme=dark] .themed-textarea::placeholder{color:#b3b3b3}[data-theme=dark] .themed-button{background:#06c;background:var(--primary-color);color:#fff}[data-theme=exclusive] .themed-input,[data-theme=exclusive] .themed-textarea{background:#1a1a2e;border-color:#00eaff;color:#00eaff}[data-theme=exclusive] .themed-input::placeholder,[data-theme=exclusive] .themed-textarea::placeholder{color:#00eaff;opacity:.8}[data-theme=exclusive] .themed-button{background:#0ff;background:var(--gradient-primary,#0ff);color:#fff}.themed-preview{background:#fff;background:var(--background-paper,#fff);border-radius:8px;color:#1a1a1a;color:var(--text-primary,#222);font-size:1rem;padding:8px 12px;transition:background .2s,color .2s}[data-theme=dark] .themed-preview{background:#181c24;color:#fff}[data-theme=exclusive] .themed-preview{background:#1a1a2e;color:#00eaff}:root{--mobile-padding:16px;--mobile-small-padding:12px;--mobile-tiny-padding:8px;--mobile-touch-target:44px;--mobile-border-radius:12px;--mobile-large-radius:16px;--mobile-card-radius:14px;--mobile-spacing:12px;--mobile-header-height:60px;--mobile-nav-height:70px}@media (max-width:768px){.content-wrapper,.main-container,.page-container{margin:0;padding:16px;padding:var(--mobile-padding)}.sidebar{display:none!important}.content{margin-left:0!important;width:100%!important}.page-title,.section-title{font-size:1.75rem;line-height:1.3;margin-bottom:1rem}.page-subtitle,.section-subtitle{font-size:1rem;line-height:1.4;margin-bottom:.75rem}.card,.modal-content,.panel,.section{border-radius:16px;border-radius:var(--mobile-large-radius);margin:8px 0;padding:16px;padding:var(--mobile-padding)}.grid-container{gap:12px;grid-template-columns:1fr}.grid-2-cols,.grid-3-cols,.grid-4-cols{gap:12px;grid-template-columns:repeat(2,1fr)}.artist-grid,.event-grid,.playlist-grid,.track-grid{gap:14px!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;padding:0 8px!important}.artist-card,.event-card,.playlist-card,.square-card,.track-card{max-width:none!important;min-width:0!important;min-width:auto!important;width:100%!important}.flex-row-mobile{flex-direction:column;gap:12px}.flex-center-mobile{align-items:center;justify-content:center}.btn,.button,button:not(.icon-button){border-radius:12px;border-radius:var(--mobile-border-radius);font-size:.95rem;font-weight:600;min-height:44px;min-height:var(--mobile-touch-target);padding:12px 20px}.btn-small{font-size:.85rem;min-height:36px;padding:8px 16px}.btn-large{font-size:1.1rem;min-height:52px;padding:16px 24px}.input,input,select,textarea{border:2px solid var(--border-color);border-radius:12px;border-radius:var(--mobile-border-radius);font-size:16px;min-height:44px;min-height:var(--mobile-touch-target);padding:12px 16px}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.nav-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;scroll-behavior:smooth}.nav-tab{min-width:120px;padding:12px 20px;white-space:nowrap}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:600px}.table td,.table th{font-size:.9rem;padding:12px 8px}.modal-overlay{padding:16px;padding:var(--mobile-padding)}.modal-dialog{border-radius:16px;border-radius:var(--mobile-large-radius);margin:0;max-width:100%;width:100%}.list-item{border-radius:12px;border-radius:var(--mobile-border-radius);margin:4px 0;padding:16px}.list-item-compact{padding:12px}.image-responsive{border-radius:12px;border-radius:var(--mobile-border-radius);height:auto;max-width:100%}.avatar{border-radius:50%;min-height:40px;min-width:40px}.avatar-large{min-height:60px;min-width:60px}.mt-mobile{margin-top:16px;margin-top:var(--mobile-padding)}.mb-mobile{margin-bottom:16px;margin-bottom:var(--mobile-padding)}.ml-mobile{margin-left:16px;margin-left:var(--mobile-padding)}.mr-mobile,.mx-mobile{margin-right:16px;margin-right:var(--mobile-padding)}.mx-mobile{margin-left:16px;margin-left:var(--mobile-padding)}.my-mobile{margin-bottom:16px;margin-bottom:var(--mobile-padding);margin-top:16px;margin-top:var(--mobile-padding)}.pt-mobile{padding-top:16px;padding-top:var(--mobile-padding)}.pb-mobile{padding-bottom:16px;padding-bottom:var(--mobile-padding)}.pl-mobile{padding-left:16px;padding-left:var(--mobile-padding)}.pr-mobile,.px-mobile{padding-right:16px;padding-right:var(--mobile-padding)}.px-mobile{padding-left:16px;padding-left:var(--mobile-padding)}.py-mobile{padding-bottom:16px;padding-bottom:var(--mobile-padding);padding-top:16px;padding-top:var(--mobile-padding)}.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-grid{display:grid!important}.mobile-content{padding-bottom:80px;padding-top:60px}.clickable,.interactive{min-height:44px;min-height:var(--mobile-touch-target);min-width:44px;min-width:var(--mobile-touch-target)}.card,.panel,.section{margin:8px 0}.text-small{font-size:.9rem}.text-large{font-size:1.1rem}.form-control,.input-group{margin-bottom:16px}.modal-dialog{margin:16px;max-height:calc(100vh - 32px);overflow-y:auto}.list-group-item{border-radius:12px;border-radius:var(--mobile-border-radius);margin-bottom:4px;padding:12px 16px}}@media (max-width:480px){:root{--mobile-padding:12px}.page-title,.section-title{font-size:1.5rem}.grid-2-cols{grid-template-columns:1fr}.artist-grid,.event-grid,.playlist-grid,.track-grid{gap:12px!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;padding:0 4px!important}.btn,.button,button:not(.icon-button){font-size:.9rem;padding:10px 16px}.input,input,select,textarea{font-size:16px;padding:10px 14px}.list-item{padding:12px}.nav-tab{font-size:.9rem;min-width:100px;padding:10px 16px}}@media (max-width:360px){:root{--mobile-padding:8px}.page-title,.section-title{font-size:1.3rem}.artist-grid,.event-grid,.playlist-grid,.track-grid{gap:10px!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;padding:0 2px!important}.btn,.button,button:not(.icon-button){font-size:.85rem;padding:8px 12px}.input,input,select,textarea{padding:8px 12px}.list-item{padding:10px}.nav-tab{font-size:.85rem;min-width:80px;padding:8px 12px}}.dashboard-mobile{.dashboard-grid{gap:16px;grid-template-columns:1fr}.dashboard-card{border-radius:16px;padding:16px}}.profile-mobile{.profile-header{flex-direction:column;gap:16px;text-align:center}.profile-stats{gap:24px;justify-content:center}.profile-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}}.search-mobile{.search-filters{background:var(--background-paper);border-radius:16px;margin-bottom:16px;padding:16px;position:static;width:100%}.search-results{width:100%}}.track-mobile{.track-header{flex-direction:column;gap:16px;text-align:center}.track-cover{margin:0 auto;max-width:300px;width:100%}.track-actions{flex-wrap:wrap;gap:8px;justify-content:center}}.communities-mobile{.communities-grid{gap:12px;grid-template-columns:1fr}.community-card{border-radius:16px;padding:16px}}.events-mobile{.events-grid{gap:12px;grid-template-columns:1fr}.event-card{border-radius:16px;padding:16px}.event-details{flex-direction:column;gap:16px}}.studio-mobile{.upload-area{min-height:200px;padding:24px 16px}.upload-progress{margin:16px 0}.upload-actions{flex-direction:column;gap:12px}}.settings-mobile{.settings-sidebar{border-bottom:1px solid var(--border-color);border-right:none;margin-bottom:16px;position:static;width:100%}.settings-content{padding:0;width:100%}.settings-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding:8px 0}}@media (hover:none) and (pointer:coarse){.hover-effect:hover{transform:none}.btn:hover,.button:hover,button:hover{background-color:var(--primary-color);transform:none}.icon-button{min-height:44px;min-height:var(--mobile-touch-target);min-width:44px;min-width:var(--mobile-touch-target);padding:10px}*{-webkit-tap-highlight-color:transparent}.card:hover,.paper:hover{box-shadow:var(--card-shadow);transform:none}}@media (max-width:768px) and (orientation:landscape){.content{padding:12px;padding:var(--mobile-small-padding);padding-bottom:120px}.modal-dialog{max-height:90vh;overflow-y:auto}.page-title,.section-title{font-size:1.5rem}}@supports (-webkit-touch-callout:none){.input,input,select,textarea{-webkit-appearance:none;border-radius:12px;border-radius:var(--mobile-border-radius);font-size:16px!important}}@media screen and (-webkit-min-device-pixel-ratio:0) and (-webkit-min-device-pixel-ratio:0),screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.input,input,select,textarea{background-clip:padding-box}}
/*# sourceMappingURL=main.b618646a.css.map*/