:root{--color-primary:#2383e2;--color-primary-light:#3391ee;--color-primary-dark:#1f71c2;--color-secondary:#2f3437;--color-secondary-light:#6b6f76;--color-secondary-dark:#1f1f1f;--color-success:#28a745;--color-danger:#e74c3c;--color-warning:#ffc107;--color-info:#17a2b8;--color-accent:#d15c5c;--color-notion-focus:#2383e2;--color-text-primary:#2f3437;--color-text-secondary:#6b6f76;--color-text-tertiary:#91918e;--color-text-muted:#9b9a97;--color-background:#fff;--color-background-alt:#f7f7f5;--color-hover-notion:#efefee;--color-border:#e5e5e5;--color-border-active:#2383e2;--gradient-primary:#2f3437;--gradient-dark:#1f1f1f;--font-family-base:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-base:1rem;--font-size-sm:.875rem;--font-size-lg:1.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-base:1.5;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--safe-area-bottom:env(safe-area-inset-bottom);--border-radius-sm:8px;--border-radius-md:10px;--border-radius-lg:10px;--border-width:1px;--border-radius:10px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000a;--shadow-lg:0 8px 24px #00000014;--shadow-inset:inset 0 1px 2px #00000005;--card-shadow:none;--transition-fast:all .2s ease;--transition-normal:all .3s ease;--transition-slow:all .5s ease;--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275);--ease-in-out:cubic-bezier(.645, .045, .355, 1);--ease-out-back:cubic-bezier(.175, .885, .32, 1.275);--ease-in-back:cubic-bezier(.6, -.28, .735, .045);--ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ease-in-circ:cubic-bezier(.6, .04, .98, .335);--player-height-collapsed:85px;--player-height-expanded:90vh;--player-transition:var(--transition-bounce);--player-shadow:0 -4px 20px #00000012;--music-card-bg:var(--card-background);--music-card-hover-bg:var(--card-hover-background);--music-card-radius:var(--card-border-radius);--music-card-transition:var(--card-transition);--music-card-shadow:var(--shadow-md);--music-card-hover-shadow:var(--card-hover-shadow);--music-card-hover-transform:var(--card-hover-transform);--card-background:#fff;--card-hover-background:#f7f6f4;--card-hover-shadow:0 10px 20px #0000001a;--card-hover-transform:translateY(-5px);--card-border-radius:12px;--card-transition:all .3s cubic-bezier(.4, 0, .2, 1);--navbar-height:60px;--sidebar-width:240px;--mobile-tab-bar-height:8vh;--navbar-shadow:0 2px 15px #0000000a;--navbar-border:1px solid var(--color-border);--progress-height:6px;--progress-height-hover:8px;--progress-border-radius:10px;--progress-background:#d3d1cb;--progress-fill:var(--color-text-primary);--button-hover-transform:none;--button-active-transform:none;--button-shadow:none;--button-hover-shadow:none;--primary-gradient:linear-gradient(45deg, var(--color-primary) 0%, var(--color-secondary) 100%);--search-input-border:var(--color-border);--z-index-negative:-1;--z-index-base:1;--z-index-above:10;--z-index-interaction:100;--z-index-player-base:1000;--z-index-navbar:1020;--z-index-bootstrap-fixed:1030;--z-index-backdrop:1040;--z-index-mobile-nav:1050;--z-index-toast:1070;--z-index-player-backdrop:9000;--z-index-player-expanded:9500;--z-index-overlay:9999;--z-index-player-force:10000;--z-index-notification:11000}:root .form-group-custom{margin-bottom:var(--spacing-md)}:root .form-label-custom{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;display:block}:root .form-control-custom,:root .form-select-custom{width:100%;color:var(--color-text-primary);background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;height:40px;padding:8px 12px;font-size:14px;line-height:normal;transition:border-color .1s;box-shadow:none!important}:root .form-control-custom:focus,:root .form-select-custom:focus{border-color:#2383e2;box-shadow:0 0 0 1px #2383e2!important}:root .form-control-custom::placeholder{color:var(--color-text-muted);opacity:1;font-weight:400}:root .form-control-custom:disabled,:root .form-select-custom:disabled{background-color:var(--color-background-alt);opacity:.6;cursor:not-allowed}:root .form-select-custom{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding-right:2.25rem}:root .input-group-custom{flex-wrap:wrap;align-items:stretch;width:100%;display:flex;position:relative}:root .input-group-text-custom{color:var(--color-text-secondary);text-align:center;white-space:nowrap;background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--border-radius-md);align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;display:flex}:root .alert-custom{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);border:1px solid #0000;margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}:root .alert-danger-custom{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}:root .alert-success-custom{color:#155724;background-color:#d4edda;border-color:#c3e6cb}:root .alert-info-custom{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}:root{--z-index-mobile-expanded-base:20000;--z-index-mobile-expanded-content:20001;--z-index-mobile-expanded-info:20003;--z-index-mobile-expanded-top:20005}.toast-custom{background-color:var(--color-background-alt);border-radius:var(--border-radius-md);min-width:250px;max-width:350px;animation:.3s ease-out slideInRight;overflow:hidden;box-shadow:0 4px 12px #00000026}.toast-header-custom{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:10px 15px;font-weight:600;display:flex}.toast-body-custom{padding:15px}.toast-info-custom{color:#fff;background-color:#17a2b8}.toast-info-custom .toast-header-custom{color:#fff;background-color:#0000001a;border-bottom:none}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.progress-custom{background-color:var(--color-background-alt);border-radius:var(--border-radius-md);height:1rem;margin-bottom:1rem;font-size:.75rem;line-height:0;display:flex;overflow:hidden}.progress-bar-custom{color:#fff;text-align:center;white-space:nowrap;background-color:var(--color-primary);flex-direction:column;justify-content:center;transition:width .6s;display:flex;overflow:hidden}.list-group-custom{border-radius:var(--border-radius-md);flex-direction:column;margin-bottom:0;padding-left:0;display:flex}.list-group-item-custom{background-color:var(--color-background-alt);border:1px solid var(--color-border);margin-bottom:-1px;padding:.75rem 1rem;display:block;position:relative}.list-group-item-custom:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item-custom:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.modal-overlay-custom{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-container-custom{background-color:var(--color-background);border-radius:var(--border-radius-lg);flex-direction:column;width:90%;max-width:500px;max-height:90vh;animation:.2s ease-out slideUpIn;display:flex;overflow:hidden;box-shadow:0 10px 30px #0003}.modal-header-custom{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-custom{margin-bottom:0;font-size:1.25rem;font-weight:700;line-height:1.5}.modal-close-custom{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;margin:-.5rem -.5rem -.5rem auto;padding:.5rem;font-size:1.5rem;transition:color .2s;display:flex}.modal-close-custom:hover{color:var(--color-text-primary)}.modal-body-custom{flex:auto;padding:1.5rem;position:relative;overflow-y:auto}.modal-footer-custom{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.dropdown-custom{display:inline-block;position:relative}.dropdown-menu-custom{z-index:1000;min-width:10rem;color:var(--color-text-primary);text-align:left;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);background-clip:padding-box;margin:.125rem 0 0;padding:.5rem 0;font-size:.9rem;list-style:none;display:none;position:absolute;top:100%;right:0}.dropdown-menu-custom.show{display:block}.dropdown-item-custom{clear:both;width:100%;color:var(--color-text-primary);text-align:inherit;white-space:nowrap;cursor:pointer;background-color:#0000;border:0;padding:.5rem 1rem;font-weight:400;text-decoration:none;transition:background-color .2s;display:block}.dropdown-item-custom:hover{background-color:var(--color-background-alt)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.list-group-custom{margin-bottom:0}.search-submit-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;padding:8px 16px;font-weight:500;display:flex}.search-submit-btn:hover:not(:disabled){background-color:var(--color-primary-dark);transform:none}.search-submit-btn:active:not(:disabled){transform:none}.search-submit-btn:disabled{opacity:.6;cursor:not-allowed}.list-group-item-custom.d-flex{display:flex!important}.text-accent{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:500;transition:background .15s;color:var(--color-accent)!important}.text-accent:hover{background-color:var(--color-hover-notion)}.text-link{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:400;transition:background .15s}.text-link:hover{background-color:var(--color-hover-notion)}.login-prompt-container{background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;justify-content:center;align-items:center;width:100%;margin-bottom:12px;padding:10px 16px;transition:background .15s;display:flex}.login-prompt-container:hover{background-color:var(--color-hover-notion)}.login-prompt-desc{color:var(--color-text-secondary);margin-bottom:0;font-size:.85rem;font-weight:500}@media (width<=768px){.login-prompt-container{padding:12px}:root{--spacing-lg:1.25rem;--spacing-xl:1.75rem;--card-hover-transform:translateY(-3px)}}html,body{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);overscroll-behavior-y:none;margin:0}.btn{border-radius:var(--border-radius-md);box-shadow:none;font-weight:var(--font-weight-medium);letter-spacing:.3px;transition:background .12s ease-in;position:relative;overflow:hidden}.btn-primary{background:var(--color-text-primary);color:#fff;border:none;box-shadow:none!important}.btn:hover{filter:brightness(1.1)}.btn-outline-primary:hover{background:var(--color-text-primary);border-color:var(--color-text-primary);color:#fff}.progress{border-radius:var(--progress-border-radius);background-color:var(--progress-background);transition:height .2s var(--ease-out-circ);overflow:hidden;height:var(--progress-height)!important}.progress:hover{height:var(--progress-height-hover)!important}.progress-bar{background:var(--progress-fill);transition:width .3s ease-in-out;position:relative;overflow:hidden}.progress-bar:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);width:100%;height:100%;animation:2s infinite progressShine;position:absolute;top:0;left:0}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}img.rounded{transition:all .2s;border-radius:var(--border-radius)!important}.album-cover-wrapper{background-color:var(--color-background-alt);border-radius:var(--border-radius);transition:all .2s;position:relative;overflow:hidden}.form-control,.form-select,.dropdown-toggle{border-radius:var(--border-radius);border:1px solid var(--color-border);transition:all .3s var(--ease-in-out);padding:.6rem 1rem}.form-control:focus,.form-select:focus{box-shadow:0 0 0 1px var(--color-border-active);border-color:var(--color-border-active);transform:none}.fixed-bottom{z-index:var(--z-index-bootstrap-fixed);box-shadow:none!important;border-top:none!important}@media (width<=768px){.fixed-bottom{padding:10px;height:auto!important}}.lyric-container{display:none}.track-name,.track-artist{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.spinner-border{animation-duration:.8s;box-shadow:none!important}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton-loader{background:linear-gradient(to right, var(--color-background-alt) 8%, var(--card-background) 18%, var(--color-background-alt) 33%);border-radius:var(--border-radius);background-size:800px 104px;width:100%;height:15px;margin-bottom:10px;animation:1.5s linear infinite shimmer}.skeleton-img{border-radius:var(--border-radius);width:60px;height:60px}.skeleton-title{width:80%;height:20px}.skeleton-text{width:60%;height:15px}.control-button{transition:all .2s}.control-button:hover{color:var(--color-text-primary);transform:scale(1.1)}.lyric-line{transition:all .4s}.lyric-line.active{border-radius:4px;font-weight:600;transform:scale(1.05);color:var(--color-text-primary)!important;padding-left:5px!important;padding-right:5px!important}.lyric-line.next-active{border-radius:4px;transform:scale(1.02);padding-left:3px!important;padding-right:3px!important}.lyrics-preview-container{border-radius:6px;justify-content:flex-end;align-items:center;max-width:100%;padding:5px 10px;transition:all .3s;display:flex}.lyrics-preview-container:hover{background-color:var(--color-background-alt)}.current-lyric-container{flex-direction:column;flex-grow:1;max-width:calc(100% - 40px);display:flex;overflow:hidden}.current-lyric{color:var(--color-text-primary);font-weight:500}.next-lyric{margin-top:2px}@media (width<=768px){.lyrics-preview-container{justify-content:center}}.orientation-lock-overlay{background-color:var(--color-background);width:100vw;height:100vh;color:var(--color-text-primary);z-index:var(--z-index-notification);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;left:0}.orientation-icon{color:var(--color-primary);margin-bottom:20px;font-size:48px;animation:2s ease-in-out infinite rotateIcon}.orientation-text{max-width:80%;font-size:18px;font-weight:500;line-height:1.5}@keyframes rotateIcon{0%{transform:rotate(0)}25%{transform:rotate(-90deg)}50%{transform:rotate(-90deg)}75%{transform:rotate(0)}to{transform:rotate(0)}}.music-card{cursor:pointer;margin-bottom:0;position:relative;overflow:hidden;background-color:var(--card-background)!important;border-radius:var(--border-radius-lg)!important;border:1px solid var(--color-border)!important;transition:all .2s!important;display:block!important}.music-card-row{min-height:60px;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:10px 16px!important;display:flex!important}.music-card-info{text-align:left!important;flex-direction:column!important;flex:1!important;justify-content:center!important;min-width:0!important;padding-right:12px!important;display:flex!important}.music-card-info h6{color:var(--color-text-primary)!important;margin:0 0 2px!important;font-size:14px!important;font-weight:600!important}.music-card-info small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--color-text-secondary)!important;font-size:14px!important;font-weight:400!important}.music-card-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:0;display:flex}.music-card-actions .btn,.music-card-actions button{justify-content:center;align-items:center;display:flex;color:var(--color-text-tertiary)!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:4px!important;transition:all .2s!important}.music-card-actions .btn:hover:not(:disabled),.music-card-actions button:hover:not(:disabled){transform:scale(1.2);color:var(--color-text-primary)!important;box-shadow:none!important}.music-card-actions .btn-outline-danger:hover:not(:disabled),.music-card-actions .btn-outline-success:hover:not(:disabled){color:var(--color-text-primary)!important}.music-card-actions .accent-action,.music-card-actions .accent-action:hover:not(:disabled){color:var(--color-accent)!important}.minimal-action-btn{cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;padding:6px 12px;font-size:.9rem;display:inline-flex;border:1px solid var(--color-border)!important;color:var(--color-text-secondary)!important;border-radius:var(--border-radius-md)!important;box-shadow:none!important;background:0 0!important}.minimal-action-btn:hover:not(:disabled){background:var(--color-background-alt)!important}.btn-primary-custom{cursor:pointer;transition:var(--transition-fast);padding:8px 16px;font-weight:500;background-color:var(--color-primary)!important;color:#fff!important;border-radius:var(--border-radius-md)!important;border:none!important}.btn-primary-custom:hover:not(:disabled){transform:translateY(-1px);background-color:var(--color-primary-light)!important}.btn-primary-custom:active:not(:disabled){transform:translateY(0)}.spinner-custom{border:2px solid #0000001a;border-top-color:var(--color-primary);border-radius:50%;width:1.2rem;height:1.2rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.badge-custom{text-align:center;white-space:nowrap;vertical-align:baseline;background-color:var(--color-background-alt);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:.375rem;padding:.25em .6em;font-size:.75rem;font-weight:600;line-height:1;display:inline-block}.minimal-action-btn:disabled{opacity:.5}.minimal-action-item{color:var(--color-text-secondary)!important}.minimal-action-item:hover,.minimal-action-item:focus{background:var(--color-background-alt)!important;color:var(--color-text-primary)!important}.music-card-actions svg{font-size:1.2rem}.music-card-actions .spinner-border{width:1.2rem;height:1.2rem}.music-card:hover{background-color:var(--color-hover-notion)!important;box-shadow:none!important;transform:none!important}.music-card.is-active{border-color:var(--color-border)!important;background-color:var(--color-hover-notion)!important;box-shadow:none!important}.text-primary{color:var(--color-text-primary)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-tertiary{color:var(--color-text-tertiary)!important}.text-muted{color:var(--color-text-muted)!important}@media (width<=768px){body{padding-bottom:calc(var(--mobile-tab-bar-height) + var(--player-height-collapsed) + var(--safe-area-bottom))!important;padding-top:0!important}body.player-expanded{padding-bottom:0!important;overflow:hidden!important}}.desktop-layout{background-color:var(--color-background);height:100vh;display:flex;overflow:hidden}.desktop-layout .main-content{margin-left:var(--sidebar-width);background-color:var(--color-background);flex-direction:column;flex:1;min-height:100vh;display:flex;overflow:hidden auto}@media (width<=768px){.main-content{min-height:calc(100vh - var(--mobile-tab-bar-height))}}.page-content-wrapper{width:100%;margin:0 auto;animation:.3s ease-out fadeIn}.badge-time{color:var(--color-text-tertiary);background-color:var(--color-background-alt);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:500}.stats-card-interactive{cursor:pointer;background-color:var(--color-background)!important;border:1px solid #0000!important;border-radius:12px!important;transition:background .15s,transform .12s!important}.stats-card-interactive:hover{background-color:var(--color-background-alt)!important;box-shadow:none!important;border-color:#0000!important;transform:none!important}.stats-card-interactive:active{background-color:var(--color-background-alt)!important;transform:none!important}.stats-card-interactive .stats-icon{transition:none}.stats-card-interactive:hover .stats-icon{transform:none}.alert-light{background-color:var(--color-background-alt);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--border-radius-lg);text-align:center;padding:2rem}.desktop-layout .navigation-sidebar{width:var(--sidebar-width);background-color:var(--color-background-alt);border-right:1px solid var(--color-border);z-index:100;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.desktop-layout .content-area{width:100%;max-width:1400px;padding-top:12px!important;padding-right:48px!important;padding-bottom:calc(var(--player-height-collapsed) + 40px)!important;margin:0 auto!important;padding-left:48px!important}@media (width<=768px){.content-area{padding:12px 16px 0!important}}.desktop-layout .content-area .container{margin-top:0!important}.desktop-layout .home-desktop{flex-direction:column;gap:24px;display:flex}.desktop-layout .home-search-filter-bar{background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);align-items:center;padding:12px 20px;display:flex}.desktop-layout .home-filter-form{width:100%}.desktop-layout .filter-group{position:relative}.desktop-layout .home-results{flex-direction:column;gap:12px;display:flex}.desktop-layout .home-empty{justify-content:center;display:flex}.desktop-layout .home-empty-card{background-color:var(--card-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:100%;max-width:720px;box-shadow:var(--shadow-sm);padding:24px 28px}.desktop-layout .home-empty-title{color:var(--color-text-primary);font-size:18px;font-weight:600}.desktop-layout .home-empty-desc{color:var(--color-text-tertiary);margin-top:8px;font-size:14px}.desktop-layout .home-empty-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.desktop-layout .home-empty-tags span{border:1px solid var(--color-border);color:var(--color-text-tertiary);background-color:var(--color-background-alt);border-radius:999px;padding:4px 10px;font-size:12px}@media (width<=768px){.desktop-layout{display:block}.desktop-layout .main-content{margin-left:0}}.audio-player{background-color:var(--card-background);z-index:var(--z-index-player-base);width:100%;padding:0;position:fixed;bottom:0;left:0;right:0;overflow:visible}.player-inner{width:100%;height:100%;padding:10px;position:relative;overflow:hidden auto}.audio-player.collapsed{height:var(--player-height-collapsed);transition:height .4s}.audio-player.expanded{height:var(--player-height-collapsed);z-index:var(--z-index-overlay)}.player-backdrop{z-index:var(--z-index-player-backdrop);opacity:0;visibility:hidden;background-color:#000000b3;transition:opacity .4s;position:fixed;inset:0}.player-backdrop.visible{opacity:1;visibility:visible}.player-content{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.no-focus-outline:focus,.no-focus-outline:active,.no-focus-outline:focus-visible{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.player-expanded-view{top:0;left:0;right:0;bottom:var(--player-height-collapsed);background-color:var(--card-background);z-index:var(--z-index-player-expanded);flex-direction:column;padding:0;display:flex;position:fixed;box-shadow:0 4px 20px #0000001a;box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;overflow:hidden!important}.expanded-main-wrapper{flex-direction:row;align-items:stretch;width:100%;height:100%;padding:0 60px;display:flex}.album-info-section{border-right:1px solid var(--border-default);flex-direction:column;justify-content:center;align-items:center;width:35%;padding-right:40px;display:flex}.track-details{text-align:center;width:100%}.track-title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-size:2rem;font-weight:700;overflow:hidden}.track-artist-album{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;font-size:1.2rem;overflow:hidden}.lyrics-section{flex-direction:column;width:65%;padding-left:60px;display:flex}.control-buttons-container{align-items:center;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;justify-content:flex-end!important;margin:0!important;padding:0!important}.control-button{margin:0 5px;transition:transform .2s;box-shadow:none!important;color:var(--color-text-secondary)!important;background:0 0!important;border:none!important;padding:4px!important}.control-button:hover{transform:scale(1.1)}.control-button:active{transform:scale(.95)}.control-icon-btn{border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:none!important;color:var(--color-text-secondary)!important;background:0 0!important;border:none!important;padding:8px!important}.accent-control{color:var(--color-accent)!important}.album-cover-container{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:400px;margin-bottom:30px;display:flex}.album-cover-large{object-fit:cover;border-radius:12px;max-width:400px;max-height:400px;box-shadow:0 12px 40px #00000026;width:100%!important;height:100%!important}.lyrics-scroll-container{background-color:#0000;border-radius:0;flex:1;height:100%;padding:0 20px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0003 0%,#000 30% 70%,#0003 100%);mask-image:linear-gradient(#0003 0%,#000 30% 70%,#0003 100%);box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.lyric-line{color:var(--color-text-muted);text-align:center;padding:10px 15px;font-size:1rem;font-weight:400;word-break:break-word!important;white-space:normal!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.player-thumbnail{object-fit:cover;width:50px;height:50px;transition:transform .2s,box-shadow .2s}.track-info-container{flex:1;min-width:0;max-width:100%}.track-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.track-artist{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.close-lyrics-btn{color:var(--color-text-secondary);cursor:pointer;z-index:var(--z-index-above);border-radius:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex;position:absolute;top:15px;right:15px;box-shadow:none!important;background:0 0!important;border:none!important}@media (width<=768px){body .audio-player .player-inner{padding:8px 12px;overflow:visible}body .audio-player.expanded .player-inner{pointer-events:auto;width:100%;height:100%;padding:0 0 calc(30px + var(--safe-area-bottom)) 0;z-index:var(--z-index-mobile-expanded-base);background:0 0;flex-direction:column;justify-content:flex-end;display:flex;overflow:visible}body .audio-player.expanded .progress-control-container{display:none}body .audio-player .progress-control-container .progress{height:3px!important;min-height:3px!important}body .audio-player .progress-control-container .progress.is-active{height:6px!important}.mobile-progress-container{margin:10px 0;padding:0}.mobile-progress-container .progress-bar-container{cursor:pointer;align-items:center;height:32px;display:flex}.mobile-progress-container .progress{width:100%;background-color:#0000000d!important;border-radius:2px!important;height:4px!important}.mobile-progress-container .progress-bar{background-color:var(--color-accent)!important}.mobile-expanded-player-content{z-index:var(--z-index-mobile-expanded-content);background:0 0;flex-direction:column;gap:15px;padding-top:10px;display:flex;position:relative}.player-expanded-view.is-dragging{transition:none!important}.expanded-main-wrapper{flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.mobile-track-info-expanded{text-align:left;width:100%;height:auto;z-index:var(--z-index-mobile-expanded-info);background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;margin:0;padding:0 24px;display:flex;position:relative}.mobile-track-info-expanded .track-name{color:var(--color-text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%;margin-bottom:4px;font-size:1.5rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.mobile-track-info-expanded .track-artist{color:var(--color-text-secondary);opacity:.8;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:1rem;overflow:hidden}}@keyframes breathe{0%{transform:scale(1);box-shadow:0 8px 20px #0003}50%{transform:scale(1.02);box-shadow:0 12px 28px #00000040}to{transform:scale(1);box-shadow:0 8px 20px #0003}}.breathing-animation{will-change:transform, box-shadow;animation:4s ease-in-out infinite breathe}@media (width>=769px){.player-inner{align-items:center;height:100%;padding:0;display:flex;overflow:visible}.player-info-controls{justify-content:space-between;align-items:center;width:100%;height:100%;margin:0;padding:0 30px;display:flex;position:relative}.player-left-section{width:25%;min-width:200px;z-index:var(--z-index-above);align-items:center;display:flex}.player-center-section{width:50%;z-index:var(--z-index-base);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.control-icon-btn.accent-control{opacity:1!important}.play-pause-button{background-color:var(--color-accent);color:#fff;border-radius:50%;width:45px;height:45px;transition:transform .2s,background-color .2s;box-shadow:0 4px 12px #d15c5c4d;justify-content:center!important;align-items:center!important;display:flex!important}.play-pause-button:hover{background-color:#e06d6d;transform:scale(1.05)}.play-pause-button:active{transform:scale(.95)}.play-pause-button svg{display:block}.play-pause-button .play-icon{margin-left:3px}.player-right-section{width:25%;min-width:200px;z-index:var(--z-index-above);justify-content:flex-end;align-items:center;display:flex}.progress-control-container{z-index:var(--z-index-interaction);margin:0;padding:0;position:absolute;top:0;left:0;right:0;width:100%!important;max-width:none!important;height:3px!important;line-height:1!important}.progress-control-container .progress{background-color:#0000000d!important;height:3px!important;min-height:3px!important}.progress-control-container .progress:hover{height:7px!important}.progress-control-container .progress-bar{background-color:var(--color-accent)!important;height:100%!important}.desktop-expanded-view{background-color:var(--card-background)!important;height:100vh!important;z-index:var(--z-index-player-expanded)!important;flex-direction:column!important;padding:40px 60px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.desktop-expanded-view .close-lyrics-btn{z-index:100!important;color:var(--color-text-secondary)!important;position:absolute!important;top:30px!important;right:40px!important}.desktop-expanded-view .expanded-main-wrapper{flex-direction:row!important;align-items:center!important;gap:100px!important;width:100%!important;max-width:1400px!important;height:100%!important;margin:0 auto!important;padding:0 40px!important;display:flex!important}.desktop-expanded-view .album-info-section{border-right:none!important;flex-direction:column!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:35%!important;padding-right:0!important;display:flex!important}.desktop-expanded-view .album-cover-container{aspect-ratio:1!important;width:100%!important;max-width:550px!important;margin-bottom:0!important}.desktop-expanded-view .album-cover-large,.desktop-expanded-view .album-cover-wrapper{border-radius:24px!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;box-shadow:0 25px 70px #00000040!important}.desktop-expanded-view .lyrics-section{flex-direction:column!important;width:65%!important;height:85vh!important;padding-left:20px!important;display:flex!important}.desktop-expanded-view .lyrics-scroll-container{flex:1!important;overflow-y:auto!important;-webkit-mask-image:linear-gradient(#0000 0%,#000 15% 85%,#0000 100%)!important;mask-image:linear-gradient(#0000 0%,#000 15% 85%,#0000 100%)!important}.desktop-expanded-view .lyric-line{text-align:left!important;opacity:.4!important;color:var(--color-text-secondary)!important;padding:15px 0!important;font-size:1.2rem!important;transition:all .3s!important}.desktop-expanded-view .lyric-line.active{opacity:1!important;color:var(--color-accent)!important;font-size:1.4rem!important;font-weight:700!important}.desktop-expanded-view .close-lyrics-btn svg{font-size:1.4rem}.mobile-mini-player,.mobile-progress-container{display:none!important}}@media (width<=768px){.audio-player{z-index:var(--z-index-player-base);bottom:var(--mobile-tab-bar-height)!important;height:10vh!important;min-height:64px!important;max-height:80px!important;box-shadow:none!important;border-top:none!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;overflow:visible!important}.audio-player.expanded{pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;height:100vh!important;z-index:var(--z-index-player-force)!important;background-color:#0000!important;bottom:0!important}.audio-player:not(.expanded) .player-inner .row{opacity:1;transition:opacity .3s}.audio-player.expanded .player-inner .row{opacity:0;pointer-events:none}.mobile-expanded-content{opacity:0;transition:opacity .4s .2s}.audio-player.expanded .mobile-expanded-content{opacity:1}.player-expanded-view{-webkit-backdrop-filter:blur(25px);z-index:var(--z-index-player-expanded);opacity:0;pointer-events:none;flex-direction:column;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(100%);background-color:var(--card-background)!important;bottom:0!important;overflow:hidden!important}.audio-player.expanded+.player-expanded-view{opacity:1;pointer-events:auto;transform:translateY(0)}.audio-player:not(.expanded)+.player-expanded-view .album-info-section,.audio-player:not(.expanded)+.player-expanded-view .lyrics-section,.audio-player:not(.expanded)+.player-expanded-view .mobile-track-info-expanded{opacity:0;transform:translateY(20px)}.audio-player.expanded+.player-expanded-view .album-info-section,.audio-player.expanded+.player-expanded-view .lyrics-section,.audio-player.expanded+.player-expanded-view .mobile-track-info-expanded{opacity:1;transition:transform .5s cubic-bezier(.4,0,.2,1) .1s,opacity .5s .1s;transform:translateY(0)}.expanded-main-wrapper .album-info-section,.expanded-main-wrapper .lyrics-section{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;width:100%!important;height:65vh!important;padding:3vh 20px 0!important;transition:none!important}.player-expanded-view.mobile-lyrics-active .album-info-section{pointer-events:none;opacity:0!important;visibility:hidden!important}.player-expanded-view.mobile-lyrics-active .lyrics-section{pointer-events:auto;opacity:1!important;visibility:visible!important}.player-expanded-view:not(.mobile-lyrics-active) .lyrics-section{pointer-events:none;opacity:0!important;visibility:hidden!important}.player-expanded-view:not(.mobile-lyrics-active) .album-info-section{pointer-events:auto;opacity:1!important;visibility:visible!important}}.mobile-tab-bar{height:var(--mobile-tab-bar-height);background-color:var(--card-background);border-top:1px solid var(--color-border);min-height:60px;z-index:var(--z-index-mobile-nav);padding-bottom:var(--safe-area-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab-item{color:var(--color-text-tertiary);transition:var(--transition-fast);flex:1;justify-content:center;align-items:center;display:flex;position:relative;text-decoration:none!important}.mobile-tab-item:after{content:"";background-color:var(--color-background-alt);width:64px;height:32px;z-index:var(--z-index-negative);opacity:0;border-radius:16px;transition:all .3s;position:absolute;transform:scale(.8)}.mobile-tab-item.active{color:var(--color-text-primary)}.mobile-tab-item.active:after{opacity:1;transform:scale(1)}.mobile-tab-item svg{z-index:var(--z-index-base);font-size:1.4rem}@media (width>=769px){.mobile-tab-bar{display:none!important}}body.player-expanded .mobile-tab-bar{display:none!important}.navbar{-webkit-backdrop-filter:blur(10px);z-index:var(--z-index-navbar);transition:all .3s;display:flex;position:sticky;top:0;box-shadow:none!important;border-bottom:1px solid var(--color-border)!important;background-color:var(--card-background)!important;padding:.2rem 1rem!important}.navbar-collapse{transition:all .3s;box-shadow:none!important;background-color:#0000!important}.navbar .nav-link{border-bottom:2px solid #0000;border-radius:8px;margin:0 .3rem;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;padding:.5rem .8rem!important}.navbar .nav-link:after{content:"";background:var(--color-text-primary);width:0;height:2px;transition:width .3s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:0;left:0}.navbar .nav-link:hover{background-color:var(--color-background-alt);transform:translateY(-2px)}.navbar .nav-link:hover:after{width:100%}.navbar .nav-link.active{background-color:var(--color-background-alt);font-weight:600;color:var(--color-text-primary)!important}.navbar .nav-link.active:after{width:100%;display:block}.nav-icon{justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.nav-link:hover .nav-icon{transform:scale(1.2)rotate(5deg)}.nav-link.active .nav-icon{color:var(--color-text-primary);transform:scale(1.1)}@keyframes logoPulse{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.1)}to{filter:brightness();transform:scale(1)}}.logo-pulse{transition:all .3s;animation:4s ease-in-out infinite logoPulse}.logo-pulse:hover{filter:drop-shadow(0 0 3px #1f1f1f40);animation-play-state:paused}.nav-animated{animation:.5s ease-out navFadeIn}@media (width<=768px){.navbar{display:none!important}}.navigation-sidebar .navbar{background-color:#0000!important;border-bottom:none!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;height:100%!important;padding:32px 16px!important;position:relative!important;top:0!important}.navigation-sidebar .container-fluid{flex-direction:column!important;align-items:flex-start!important;height:100%!important;padding:0!important;display:flex!important}.navigation-sidebar .navbar-brand{margin-bottom:48px!important;margin-right:0!important;padding-left:8px!important}.navigation-sidebar .navbar-toggler{display:none!important}.navigation-sidebar .navbar-collapse{visibility:visible!important;flex-direction:column!important;flex:1!important;align-items:flex-start!important;width:100%!important;display:flex!important}.navigation-sidebar .navbar-nav{flex-direction:column!important;width:100%!important;display:flex!important}.navigation-sidebar .navbar-nav .nav-link{width:100%!important;color:var(--color-text-secondary)!important;border-bottom:none!important;border-radius:8px!important;align-items:center!important;margin:4px 0!important;padding:12px 16px!important;font-size:15px!important;font-weight:500!important;transition:all .2s!important;display:flex!important}.navigation-sidebar .nav-link:hover{background-color:var(--color-hover-notion)!important;color:var(--color-text-primary)!important;transform:none!important}.navigation-sidebar .nav-link.active{background-color:var(--color-hover-notion)!important;color:var(--color-text-primary)!important;font-weight:600!important}.navigation-sidebar .nav-link:after{display:none!important}.navigation-sidebar .nav-icon{align-items:center!important;margin-right:12px!important;font-size:1.1rem!important;display:flex!important}.navigation-sidebar .order-lg-last{border-top:1px solid var(--color-border);width:100%;align-items:center!important;margin-top:auto!important;margin-left:0!important;margin-right:0!important;padding:16px 8px!important;display:flex!important}.navigation-sidebar .order-lg-last .nav-link{border-radius:50%!important;width:auto!important;padding:8px!important}.navigation-sidebar .user-info-sidebar{flex-direction:column;margin-left:12px;display:flex}.navigation-sidebar .user-name-sidebar{color:var(--color-text-primary);font-size:14px;font-weight:600}.navigation-sidebar .user-status-sidebar{color:var(--color-text-tertiary);font-size:12px}@media screen and (width<=767px) and (orientation:landscape){.navbar{padding:.3rem 1rem!important}.search-form{max-width:50%!important}}@media screen and (width>=768px) and (width<=1024px) and (orientation:landscape){.search-result-card{margin-bottom:15px}}.app-header-desktop{-webkit-backdrop-filter:blur(20px);z-index:1000;height:64px;transition:left var(--transition-normal);background-color:#ffffffd9;border-bottom:1px solid #0f0f0f0d;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:240px;right:0}.header-search-container{flex:0 755px;position:relative}.header-search-field-wrapper{background-color:#fff;border:1px solid #0f0f0f1a;border-radius:12px;align-items:center;height:40px;padding:0 10px;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:visible;display:flex!important}.header-search-container:focus-within .header-search-field-wrapper{background-color:#fff;border-color:#0f0f0f26;box-shadow:0 8px 20px -5px #0f0f0f1a;border-bottom-color:#0000!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.header-search-icon{color:#91918e;flex-shrink:0;margin-right:8px;font-size:14px;background:0 0!important;border:none!important}.header-search-input{flex:1;box-shadow:none!important;color:#37352f!important;background:0 0!important;border:none!important;outline:none!important;height:100%!important;margin:0!important;padding:0!important;font-size:14px!important;font-weight:400!important}.header-search-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.header-search-input::-webkit-search-decoration{-webkit-appearance:none;display:none}.header-search-input::-webkit-search-results-button{-webkit-appearance:none;display:none}.header-search-input::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.header-search-input::placeholder{color:#91918e}.desktop-search-suggestions{z-index:1100;background-color:#fff;border:1px solid #0f0f0f1a;border-top:none;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-direction:column;max-height:600px;animation:.2s cubic-bezier(.4,0,.2,1) suggestionFadeIn;display:flex;position:absolute;top:36px;left:0;right:0;box-shadow:0 20px 35px -5px #0f0f0f26}.suggestion-scroll-area{flex:1;padding:6px 0 10px;overflow-y:auto}@keyframes suggestionFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.suggestion-section-title{color:#91918e;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin:6px;font-size:12px;font-weight:600;display:flex}.clear-history-link{cursor:pointer;text-transform:none;letter-spacing:0;font-weight:400}.clear-history-link:hover{color:#37352f}.suggestion-item{text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;gap:1px;width:calc(100% - 16px);margin:0 8px;padding:6px 12px;transition:background .1s;display:flex;background:0 0!important;border:none!important}.desktop-search-suggestions .suggestion-item{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:10px 12px}.desktop-search-suggestions .suggestion-title{flex:1}.desktop-search-suggestions .suggestion-subtitle{text-align:right;flex-shrink:0;max-width:240px}.suggestion-item:hover,.suggestion-item.selected{background-color:#f1f1ef!important}.suggestion-title{color:#37352f;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.suggestion-subtitle{color:#787774;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.suggestion-empty{color:#91918e;text-align:center;padding:30px 12px;font-size:13px}.suggestion-more{color:#91918e;cursor:pointer;border-radius:8px;margin:4px 6px 0 8px;padding:8px 12px;font-size:14px;transition:background .1s}.suggestion-more:hover,.suggestion-more.selected{color:#37352f!important;background-color:#f1f1ef!important}.suggestion-divider{background-color:#0f0f0f0d;height:1px;margin:6px 12px}.suggestion-footer{color:#91918e;background-color:#fff;border-top:1px solid #0f0f0f0d;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:400;display:flex}.search-clear-btn{color:#91918e;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;display:flex}.search-clear-btn:hover{color:#37352f;background-color:#f1f1ef}.desktop-layout .main-content{padding-top:64px}@media (width<=991.98px){.app-header-desktop{display:none!important}.app-header-mobile{z-index:1000;background-color:#0000;border-bottom:none;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-search-container{width:100%;position:relative}.mobile-search-field-wrapper{border:1px solid #0f0f0f1a;border-radius:8px;align-items:center;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;background-color:#fff!important}.mobile-search-container:focus-within .mobile-search-field-wrapper{border-color:#0f0f0f26 #0f0f0f26 #0000;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 8px 20px -5px #0f0f0f14;background-color:#fff!important}.mobile-search-icon{color:#91918e;pointer-events:none;font-size:14px;position:absolute;left:12px}.mobile-search-input{appearance:none;color:#37352f;width:100%;height:100%;padding:0 36px;font-size:14px;font-weight:400;background:0 0!important;border:none!important;outline:none!important}.mobile-search-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.mobile-search-input::-webkit-search-decoration{-webkit-appearance:none;display:none}.mobile-search-input::-webkit-search-results-button{-webkit-appearance:none;display:none}.mobile-search-input::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.mobile-search-suggestions{z-index:1100;background-color:#fff;border:1px solid #0f0f0f26;border-top:none;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-direction:column;max-height:70vh;animation:.2s ease-out slideDownMobile;display:flex;position:absolute;top:36px;left:0;right:0;box-shadow:0 20px 35px -5px #0f0f0f26}.mobile-search-clear-btn{color:#91918e;background:0 0;border:none;align-items:center;padding:8px;display:flex;position:absolute;right:8px}@keyframes slideDownMobile{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.app-container:not(.desktop-layout) .main-content{padding-top:54px}}.header-user-profile{cursor:pointer;border-radius:4px;padding:4px 8px;transition:background .1s}.header-user-profile:hover{background-color:#f1f1ef}