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}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-menu{border-radius:8px;box-shadow:0 8px 24px #00000059;min-width:180px;overflow:hidden;padding:6px 0}.dropdown-portal-menu{max-height:calc(100vh - 16px);overflow:auto;position:fixed;z-index:9999}.dropdown-menu li{border-bottom:1px solid #2a2a2a}.dropdown-item{background:none;border:none;display:block;font-size:.95rem;padding:10px 12px;text-align:left}.dropdown-item:hover{background-color:#2e2e2e}.dropdown-li--submenu .dropdown-submenu-toggle{align-items:center;display:flex;gap:8px;justify-content:space-between}.dropdown-li--submenu.open>.dropdown-submenu-toggle{background-color:#2e2e2e}.submenu-caret{opacity:.7}.dropdown-submenu-flyout{background-color:#1e1e1e;border-radius:8px;box-shadow:0 8px 24px #00000059;max-height:calc(100vh - 16px);overflow:auto;padding:8px 0;position:fixed;z-index:10000}.dropdown-submenu-flyout .playlist-checkbox-menu{background:#0000;box-shadow:none;padding:4px 0}.dropdown-submenu-flyout .playlist-checkbox-item{padding:6px 12px;text-align:left}.dropdown-submenu-flyout .playlist-checkbox-item:hover{background-color:#2e2e2e}@media (max-width:625px){.dropdown-portal-menu{min-width:150px}}.search-result-item{list-style:none}.search-result-item-button{align-items:center;background-color:initial;border:none;box-sizing:border-box;color:#f3f0ff;cursor:pointer;display:flex;flex-direction:row;font-family:inherit;font-size:inherit;padding:10px;text-align:left;transition:background-color .3s ease;width:100%}.search-result-item-button:focus,.search-result-item-button:hover{background-color:#333}.search-result-item-button:focus{outline:2px solid #7c3aed;outline-offset:-2px}.search-result-item-image.rounded{border-radius:50%}.search-result-item-placeholder{align-items:center;background:linear-gradient(135deg,#7c3aed,#5e2d91);border:2px solid #d1b3ff4d;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center;-webkit-user-select:none;user-select:none}.search-results-dropdown{background-color:#1e1e1e;border-radius:5px;box-shadow:0 4px 8px #0000004d;box-sizing:border-box;left:0;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:10px;position:absolute;top:100%;width:100%;z-index:1000}.search-results-dropdown::-webkit-scrollbar{width:10px}.search-results-dropdown::-webkit-scrollbar-thumb{background-color:#1e1e1e;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.search-results-dropdown::-webkit-scrollbar-thumb:hover{background-color:#d1b3ff}.search-results-dropdown::-webkit-scrollbar-track{background-color:#252525;border-radius:10px}.search-results-dropdown::-webkit-scrollbar-corner{background-color:initial}.search-results-dropdown ul{list-style-type:none;margin:0;padding:0}.search-result-item{align-items:center;color:#f3f0ff;cursor:pointer;display:flex;padding:8px 0;transition:background-color .3s ease}.search-result-item:hover{background-color:#333}.search-result-item-image{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.search-result-item-label{color:#f3f0ff;font-size:14px}.search-section{margin-bottom:20px}.search-section h4{color:#f3f0ff;font-size:16px;font-weight:700;margin-bottom:10px}.search-result-list{display:block!important;list-style-type:none;margin:0;padding:0}.global-search-container{display:flex;flex:1 1;justify-content:center;padding:0 1rem;position:relative}.global-search-wrapper{max-width:600px;position:relative;width:100%}.global-search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.global-search-input{background-color:#1e1e1e;border:none!important;border-radius:999px!important;color:#f3f0ff;flex:1 1;font-size:1rem;padding:.5rem 5rem .5rem 1rem;transition:background-color .3s ease,box-shadow .3s ease;width:100%}.global-search-input::placeholder{color:#bbb;opacity:.9}.global-search-input:hover{background-color:#2a2a2a}.global-search-input:focus{background-color:#2a2a2a;box-shadow:0 0 5px #fff3;outline:none}.global-search-icon{right:2.5rem}.global-search-filter-icon,.global-search-icon{color:#ccc;cursor:pointer;font-size:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.global-search-filter-icon{right:.75rem}.global-search-results{box-shadow:0 4px 10px #00000080;color:#fff;left:0;padding:1rem;top:calc(100% + .5rem);z-index:999}.global-search-results,.search-filter-menu{background-color:#1e1e1e;border-radius:8px;position:absolute;right:0}.search-filter-menu{box-shadow:0 4px 8px #0000004d;min-width:180px;top:110%;z-index:1000}@media (max-width:768px){.global-search-container{flex:1 1;padding:0 .5rem}.global-search-wrapper{max-width:100%}.global-search-input{font-size:.9rem;padding:.4rem 4rem .4rem .75rem}.global-search-icon{font-size:.9rem;right:2rem}.global-search-filter-icon{font-size:.9rem;right:.5rem}}.user-avatar{object-fit:cover}.user-avatar,.user-avatar-placeholder{border:2px solid #d1b3ff4d;border-radius:50%;height:40px;width:40px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#7c3aed,#5e2d91);color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center;-webkit-user-select:none;user-select:none}.user-avatar-placeholder.profile-large,.user-avatar.profile-large{border:3px solid #5e2d91;font-size:40px;height:100px;width:100px}.user-avatar-placeholder.navbar-size,.user-avatar.navbar-size{font-size:16px;height:40px;width:40px}.navbar-container{height:80px;justify-content:center;position:fixed;top:0;z-index:100}.navbar,.navbar-container{align-items:center;display:flex;width:100%}.navbar{background-color:#000;box-shadow:0 2px 4px #0003;gap:2rem;justify-content:space-between;padding:1rem 2rem}.navbar ul{display:flex;gap:1rem;list-style-type:none;margin:0}.navbar a{align-items:center;color:#fff;display:flex;font-size:1rem;text-decoration:none}.navbar-logo{margin-left:30px;max-width:120px}.navbar ul li{align-items:center;display:flex}.navbar ul li a{color:#fff;text-decoration:none}.navbar ul li a:hover,.navbar ul li button:hover{color:#555}.dropdown-menu li button{align-items:center;background:none;border:none;color:#f3f0ff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:10px;text-align:center;width:100%}.navbar-profile-image{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;transition:transform .2s ease;width:40px}.navbar-profile-image:hover{transform:scale(1.1)}.navbar-profile{cursor:pointer;position:relative}.dropdown-menu{background-color:#1e1e1e;border-radius:5px;box-shadow:0 4px 8px #0000004d;display:block;position:absolute;right:0;top:50px;width:200px;z-index:2000}.dropdown-menu ul{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0}.dropdown-menu li{border-bottom:1px solid #333}.dropdown-item,.dropdown-menu li{align-items:center;display:flex;justify-content:center;width:100%}.dropdown-item{color:#f3f0ff;cursor:pointer;font-size:1rem;padding:10px;text-decoration:none;transition:background-color .3s ease}.dropdown-menu li:last-child{border-bottom:none}.navbar-profile:hover .dropdown-menu{display:block}.navbar-upload-icon{color:#fff;cursor:pointer;font-size:1.5rem}.navbar-upload-icon:hover{color:#555}.playlist-card{align-items:center;background-color:#4f4c52;border-radius:5px;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;flex-direction:column;height:180px;justify-content:center;overflow:hidden;position:relative;transition:transform .2s ease;width:180px}@media (max-width:625px){.playlist-card{align-items:center;background-color:#4f4c52;border-radius:5px;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;flex-direction:column;height:90px;justify-content:center;overflow:hidden;position:relative;transition:transform .2s ease;width:90px}}.playlist-card:hover{transform:scale(1.05)}.playlist-image{height:100%;object-fit:cover;width:100%}.placeholder-image{align-items:center;background-color:#333;color:#d1b3ff;display:flex;font-size:.9rem;height:100%;justify-content:center;width:100%}.playlist-title{background-color:#00000080;bottom:5px;color:#f3f0ff;font-size:.8rem;padding:2px 0;position:absolute;text-align:center;width:100%}.sidebar{--pill-py:0.5rem;--pill-px:1.2rem;--half-overlap:12px;background-color:#252525;border-radius:5px;bottom:75px;box-shadow:4px 0 8px #0000004d;color:#f3f0ff;display:flex;flex-direction:column;left:5px;max-height:calc(100vh - 75px);overflow-x:hidden;overflow-y:auto;position:fixed;top:90px;width:400px;z-index:1000}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-thumb{background-color:#1e1e1e;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#d1b3ff}.sidebar::-webkit-scrollbar-track{background-color:#252525;border-radius:10px}.sidebar::-webkit-scrollbar-corner{background-color:initial}.nav{padding-top:20px}.pill-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;list-style-type:none;margin-top:0;padding:0 10px}.pill-with-addon{align-items:center;display:inline-flex;position:relative}.link-button{align-items:center;background-color:#4f4c52;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;line-height:1;padding:var(--pill-py) var(--pill-px);transition:background-color .3s,color .3s;white-space:nowrap}.link-button:hover{background-color:#d1b3ff;color:#5e2d91}.link-button.active{background-color:#fff;color:#000}.half-pill{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:inset 4px 0 0 #00000014;font-size:inherit;margin-left:calc(var(--half-overlap)*-1);padding:var(--pill-py) calc(var(--pill-px) - .35rem);z-index:1}.create-button{background-color:#5e2d91}.create-button:hover{background-color:#d1b3ff;color:#5e2d91}.playlist-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:10px}.reset-filters{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-left:auto}.filter-clear-icon{color:#fff;font-size:1.5rem}.reset-filters:hover .filter-clear-icon{color:#5e2d91}.sidebar-section-separator{border-top:1px solid #ffffff14;color:#bfbfbf;font-size:12px;letter-spacing:.04em;margin:12px 10px 0;padding-top:8px;text-transform:uppercase}.subs-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:10px}.profile-circle-card{align-items:center;background-color:#4f4c52;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:180px}.profile-circle-card:hover{box-shadow:0 6px 14px #0000004d;transform:scale(1.05)}.profile-circle-img,.profile-circle-placeholder{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-circle-placeholder{align-items:center;background:#1e1e1e;color:#d1b3ff;display:flex;font-size:3rem;font-weight:700;justify-content:center}.profile-circle-name{background-color:#0009;border-bottom-left-radius:50%;border-bottom-right-radius:50%;bottom:0;color:#f3f0ff;font-size:.85rem;left:0;overflow:hidden;padding:4px 6px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1200px){.sidebar{width:200px}.playlist-grid,.subs-grid{grid-template-columns:1fr}.pill-container{margin-left:10px;padding:0;width:90px}.profile-circle-card{margin:0 auto}.sidebar{--half-overlap:10px}}@media (max-width:625px){.sidebar{--pill-py:0.45rem;--pill-px:1rem;--half-overlap:10px;overflow-x:hidden;width:110px}.playlist-grid,.subs-grid{grid-template-columns:1fr}.link-button{font-size:.9rem;padding:var(--pill-py) var(--pill-px)}.profile-circle-card{height:90px;width:90px}.profile-circle-placeholder{font-size:1.6rem}.profile-circle-name{font-size:.75rem}.sidebar-section-separator{margin:12px 4px 4px;padding-top:8px}}.empty-hint{color:#bfbfbf;padding:8px 12px}.playlist-checkbox-menu{background-color:#1e1e1e;border-radius:5px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:column;max-height:250px;min-width:180px;overflow-y:auto;padding:8px 12px;z-index:1000}.playlist-checkbox-menu::-webkit-scrollbar{width:6px}.playlist-checkbox-menu::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.playlist-checkbox-menu::-webkit-scrollbar-thumb:hover{background-color:#777}.playlist-checkbox-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 4px;transition:background-color .2s ease}.playlist-checkbox-item:hover{background-color:#2e2e2e}.playlist-checkbox-item input[type=checkbox]{accent-color:#5e2d91;cursor:pointer}.playlist-checkbox-item label{color:#f3f0ff;cursor:pointer;flex:1 1;font-size:.95rem}.music-queue{background-color:#252525;border-radius:5px;bottom:75px;box-shadow:-4px 0 8px #0000004d;color:#f3f0ff;display:flex;flex-direction:column;max-height:calc(100vh - 75px);overflow:hidden;position:fixed;right:5px;top:90px;width:400px;z-index:10}.mq-sections{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px;scrollbar-color:#1e1e1e #252525;scrollbar-width:thin}.mq-sections::-webkit-scrollbar{width:10px}.mq-sections::-webkit-scrollbar-thumb{background-color:#1e1e1e;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.mq-sections::-webkit-scrollbar-thumb:hover{background-color:#d1b3ff}.mq-sections::-webkit-scrollbar-track{background-color:#252525;border-radius:10px}.mq-sections::-webkit-scrollbar-corner{background-color:initial}.mq-header{background:#252525;border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:16px;position:sticky;top:0;z-index:1}.mq-header,.mq-title{align-items:center;display:flex}.mq-title{font-weight:600;gap:10px}.mq-title-icon{font-size:1.1rem}.mq-actions{display:flex;gap:8px}.mq-btn{background-color:#4f4c52;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:.4rem .75rem;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.mq-btn:hover{background-color:#d1b3ff;color:#5e2d91}.mq-btn:disabled{cursor:not-allowed;opacity:.6}.mq-btn--icon{border-radius:10px;display:grid;height:36px;padding:0;place-items:center;width:36px}.mq-btn--danger{background:#4f4c52}.mq-empty{align-items:center;color:#cfcfcf;display:flex;flex-direction:column;gap:6px;padding:28px 16px;text-align:center}.mq-section{margin-top:10px}.mq-section-head{align-items:baseline;border-bottom:1px solid #ffffff0f;color:#d7c9f4;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:6px;padding:8px 6px}.mq-section-head small{background:#3a2f57;border-radius:999px;color:#f3f0ff;font-size:.75rem;opacity:.85;padding:2px 8px}.mq-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.mq-item{grid-gap:10px;align-items:center;background:#2c2a30;border-radius:8px;display:grid;gap:10px;grid-template-columns:56px 1fr auto;padding:8px;transition:background .2s ease,outline-color .2s ease,opacity .2s ease,transform .08s ease}.mq-item:hover{background:#36333a}.mq-item--current{outline:1px solid #d1b3ff40}.mq-item.draggable{cursor:grab}.mq-item.draggable:active{cursor:grabbing}.mq-item.dragging{opacity:.6;transform:scale(.995)}.mq-item.drag-over{outline:2px dashed #8b5cf6;outline-offset:2px}.mq-cover-wrap{height:56px;position:relative;width:56px}.mq-cover{border-radius:6px;display:block;height:56px;object-fit:cover;width:56px}.mq-cover,.mq-cover--placeholder{background:#3a3840}.mq-cover-play{background:#00000059;border:none;border-radius:6px;color:#fff;cursor:pointer;display:grid;inset:0;opacity:0;place-items:center;position:absolute;transition:opacity .15s ease}.mq-cover-play:focus-visible,.mq-item:hover .mq-cover-play{opacity:1}.mq-meta{min-width:0}.mq-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.mq-track{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mq-duration{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.8}.mq-artist{font-size:.9rem;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mq-badge{background:#5e2d91;border-radius:10px;color:#fff;font-size:.75rem;padding:2px 8px}.mq-row-actions{align-items:center;display:flex;gap:6px}.mq-ellipsis{align-items:center;display:inline-flex;justify-content:center;position:relative}.mq-ellipsis-icon{border-radius:8px;color:#cfcfcf;cursor:pointer;font-size:1rem;padding:6px;transition:background-color .15s ease,color .15s ease}.mq-ellipsis-icon:focus-visible,.mq-ellipsis-icon:hover{background:#3a3840;color:#fff;outline:none}.mq-ellipsis .dropdown-menu{min-width:180px;position:absolute;right:0;top:110%;z-index:1100}.mq-empty-row{background:#2c2a30;border-radius:8px;color:#a892c9;font-size:.95rem;padding:8px 6px;text-align:center}@media (max-width:1200px){.music-queue{width:200px}.mq-header{padding:14px}.mq-title-icon{font-size:1rem}.mq-item{gap:8px;padding:8px 6px}.mq-cover,.mq-cover-wrap{height:48px;width:48px}.mq-track{font-size:.95rem}.mq-artist{font-size:.8rem}.mq-duration{font-size:.85rem}.mq-badge{font-size:.7rem;padding:2px 6px}.mq-ellipsis-icon{font-size:.95rem;padding:6px}.mq-ellipsis .dropdown-menu{min-width:160px}}@media (max-width:625px){.music-queue{width:110px}.mq-header{padding:12px}.mq-title span{display:none}.mq-item{gap:6px;grid-template-columns:1fr auto;padding:6px 4px}.mq-cover-wrap{display:none}.mq-title-row{gap:4px;justify-content:flex-start}.mq-track{font-size:.82rem;line-height:1.1;max-width:100%}.mq-artist{display:block;font-size:.72rem;line-height:1.1;margin-top:2px;opacity:.75}.mq-duration{display:none}.mq-row-actions{justify-content:flex-end}.mq-ellipsis-icon{font-size:.8rem;padding:4px}.mq-ellipsis .dropdown-menu{left:auto;min-width:150px;right:0}}.song-player{background-color:#000;bottom:0;box-shadow:0 -2px 10px #0000004d;color:#f3f0ff;height:70px;justify-content:space-between;left:0;max-height:70px;min-height:70px;padding:0 2rem;position:fixed;right:0;z-index:1000}.player-left,.song-player{align-items:center;display:flex;overflow:hidden}.player-left{flex:0 0 250px;gap:1rem;width:250px}.player-album-image{border-radius:4px;height:50px;object-fit:cover;width:50px}.song-info{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;overflow:hidden}.song-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:.95rem;font-weight:700;max-height:2.4em;white-space:normal}.song-artist,.song-title{line-height:1.2;overflow:hidden;text-overflow:ellipsis}.song-artist{color:#aaa;font-size:.8rem;margin-top:.15rem;white-space:nowrap}.player-center{align-items:center;display:flex;flex-direction:column;gap:.6rem;margin-left:1rem;width:350px}.controls-icons{display:flex;gap:1.2rem;justify-content:center;width:100%}.main-control{font-size:1.6rem}.player-right{align-items:center;display:flex;gap:1rem}.player-icon{color:#f3f0ff;cursor:pointer;font-size:1.2rem;transition:color .3s ease}.player-icon.is-active,.player-icon:hover{color:#5e2d91}.progress-container{align-items:center;display:flex;gap:.5rem;width:100%}.time{color:#aaa;font-size:.75rem;text-align:center;width:30px}.progress-bar,.volume-slider{-webkit-appearance:none;appearance:none;border-radius:2px;cursor:pointer;height:4px;transition:background-color .3s}.progress-bar{background:linear-gradient(90deg,#5e2d91 0,#5e2d91 0,#4f4c52 0,#4f4c52);background:linear-gradient(to right,#5e2d91 0,#5e2d91 var(--progress,0),#4f4c52 var(--progress,0),#4f4c52 100%);flex:1 1}.volume-slider{background:linear-gradient(90deg,#5e2d91 0,#5e2d91 100%,#4f4c52 0,#4f4c52 0);background:linear-gradient(to right,#5e2d91 0,#5e2d91 var(--volume,100%),#4f4c52 var(--volume,100%),#4f4c52 100%);width:100px}.progress-bar::-webkit-slider-thumb,.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f3f0ff;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:background-color .3s;transition:background-color .3s;width:12px}.progress-bar::-webkit-slider-thumb:hover,.volume-slider::-webkit-slider-thumb:hover{background:#5e2d91}.progress-bar::-moz-range-thumb,.volume-slider::-moz-range-thumb{background:#f3f0ff;border-radius:50%;cursor:pointer;height:12px;-moz-transition:background-color .3s;transition:background-color .3s;width:12px}.progress-bar::-moz-range-thumb:hover,.volume-slider::-moz-range-thumb:hover{background:#5e2d91}.volume-wrapper{position:relative;width:100px}.volume-tooltip{background:#333;border-radius:4px;bottom:150%;color:#fff;font-size:.75rem;left:0;left:var(--tooltip-left,0);padding:2px 6px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.mobile-drawer-buttons{display:none}@media (max-width:768px){.song-player{flex-direction:column;gap:.4rem;height:75px;justify-content:center;max-height:75px;min-height:75px;padding:.5rem 1rem}.mobile-drawer-buttons{display:flex;gap:.75rem;position:absolute;right:.75rem;top:8px;z-index:10}.mobile-drawer-button{align-items:center;background:none;border:none;color:#f3f0ff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:8px;transition:color .3s ease}.mobile-drawer-button.is-active,.mobile-drawer-button:hover{color:#7c3aed}.music-queue,.music-queue-container,.sidebar{display:none!important}.player-left{flex:1 1;gap:.75rem;justify-content:flex-start;max-width:100%;width:100%}.player-album-image{display:none}.song-info{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;text-align:center}.song-title{-webkit-line-clamp:1;font-size:.9rem;margin:0;max-height:1.2em;width:100%}.song-artist{font-size:.75rem;margin:2px 0 0;width:100%}.player-center{gap:.3rem;margin-left:0;width:100%}.controls-icons{gap:1.5rem}.main-control{font-size:1.8rem}.player-icon{font-size:1.1rem}.progress-container{gap:.4rem;width:100%}.time{font-size:.7rem;width:28px}.player-plus-wrapper,.player-right{display:none}}@media (max-width:480px){.song-player{padding:0 .75rem}.mobile-drawer-buttons{gap:.75rem;right:.75rem}.controls-icons{gap:1rem}.main-control{font-size:1.6rem}.player-icon{font-size:1rem}.player-album-image{height:40px;width:40px}.song-title{font-size:.85rem}.song-artist{font-size:.7rem}}.cookie-consent-overlay{animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;padding:20px;position:fixed;right:0;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-consent-banner{background:#1a1a1a;border:1px solid #7c3aed;border-radius:12px;box-shadow:0 -4px 20px #7c3aed4d;margin:0 auto;max-width:900px;overflow:hidden}.cookie-consent-header{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;padding:16px 24px}.cookie-consent-header h2{font-size:20px;font-weight:600;margin:0}.cookie-consent-content{padding:24px}.cookie-consent-content p{color:#e5e7eb;line-height:1.6;margin:0 0 12px}.cookie-consent-privacy-link{color:#9ca3af;font-size:14px}.cookie-consent-privacy-link a{color:#a78bfa;font-weight:500;text-decoration:none}.cookie-consent-privacy-link a:hover{color:#c4b5fd;text-decoration:underline}.cookie-preferences{margin:20px 0;max-height:400px;overflow-y:auto;padding-right:8px}.cookie-preferences::-webkit-scrollbar{width:6px}.cookie-preferences::-webkit-scrollbar-track{background:#2d2d2d;border-radius:3px}.cookie-preferences::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:3px}.cookie-preferences::-webkit-scrollbar-thumb:hover{background:#a78bfa}.cookie-category{background:#2d2d2d;border:1px solid #3f3f46;border-radius:8px;margin-bottom:12px;padding:16px}.cookie-category-header{align-items:flex-start;display:flex;gap:16px}.cookie-category-info h3{color:#f3f4f6;font-size:16px;font-weight:600;margin:0 0 8px}.cookie-category-description{color:#d1d5db;font-size:14px;line-height:1.5;margin:0 0 12px}.cookie-examples{color:#9ca3af;font-size:13px;margin:0;padding-left:20px}.cookie-examples li{margin-bottom:4px}.cookie-examples strong{color:#a78bfa;font-family:monospace}.cookie-toggle{display:inline-block;flex-shrink:0;height:26px;margin-top:2px;position:relative;width:48px}.cookie-toggle input{height:0;opacity:0;width:0}.cookie-toggle-slider{background-color:#4b5563;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.cookie-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.cookie-toggle input:checked+.cookie-toggle-slider{background-color:#7c3aed}.cookie-toggle input:checked+.cookie-toggle-slider:before{transform:translateX(22px)}.cookie-toggle-slider.disabled{background-color:#7c3aed;cursor:not-allowed;opacity:.6}.cookie-consent-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cookie-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:150px;padding:10px 20px;transition:all .2s}.cookie-btn-primary{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.cookie-btn-primary:hover{box-shadow:0 4px 12px #7c3aed80;transform:translateY(-2px)}.cookie-btn-secondary{background:#3f3f46;border:1px solid #52525b;color:#fff}.cookie-btn-secondary:hover{background:#52525b;transform:translateY(-2px)}.cookie-btn-outline{background:#0000;border:2px solid #7c3aed;color:#a78bfa}.cookie-btn-outline:hover{background:#7c3aed;color:#fff;transform:translateY(-2px)}.cookie-consent-footer{background:#262626;border-top:1px solid #3f3f46;padding:12px 24px;text-align:center}.cookie-consent-footer small{color:#9ca3af;font-size:12px;line-height:1.4}@media (max-width:768px){.cookie-consent-overlay{padding:0}.cookie-consent-banner{border-radius:12px 12px 0 0}.cookie-consent-content{padding:16px}.cookie-consent-actions{flex-direction:column}.cookie-btn{min-width:100%}.cookie-category-header{flex-direction:column;gap:12px}.cookie-preferences{max-height:300px}}@media (max-width:480px){.cookie-consent-header h2{font-size:18px}.cookie-consent-content p{font-size:14px}.cookie-category-info h3{font-size:15px}}.skip-to-content{background-color:#7c3aed;border-radius:0 0 4px 0;color:#fff;font-weight:600;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .2s ease;z-index:10000}.skip-to-content:focus{outline:2px solid #fff;outline-offset:-2px;top:0}.skip-to-content:hover{background-color:#6d28d9}.song-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.song-table{border-collapse:collapse;color:#f3f0ff;margin-top:20px;min-width:640px;table-layout:fixed;width:100%}.song-table td,.song-table th{padding:12px;text-align:left}.song-table th{background-color:#333;color:#fff;position:sticky;top:0;z-index:1}.song-table td{border-bottom:1px solid #333}.cell--truncate{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-table tr:hover{background-color:#3a3a3a}.song-row.playing{background-color:#5e2d91;color:#fff}.track-number-cell{cursor:pointer;position:relative;text-align:center;width:40px}.track-number{display:inline-block;transition:opacity .2s ease}.hover-play-icon{color:#fff;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease}.song-row:hover .track-number{opacity:0}.song-row:hover .hover-play-icon{color:#fff;opacity:1;pointer-events:auto}.action-icon{color:#f3f0ff;cursor:pointer;font-size:1.1rem;padding:6px;transition:color .3s}.action-icon:hover{color:#bda2e6}.song-dropdown-menu{right:10px;top:25px}@media (max-width:720px){.song-table .col-date{display:none}}@media (max-width:560px){.song-table .col-album{display:none}}@media (max-width:420px){.song-table td,.song-table th{padding:10px 8px}}.media-content{background-color:#252525;border-radius:5px;bottom:75px;box-shadow:4px 0 8px #0000004d;color:#f3f0ff;display:flex;flex-direction:column;left:415px;max-width:1500px;overflow-y:auto;position:fixed;scrollbar-color:#888 #252525;scrollbar-width:thin;top:90px;transition:width .3s ease;width:calc(100% - 830px)}@media (max-width:1200px){.media-content{left:215px;width:calc(100% - 430px)}}@media (max-width:625px){.media-content{left:125px;width:calc(100% - 250px)}}.media-content::-webkit-scrollbar{width:8px}.media-content::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.media-content::-webkit-scrollbar-thumb:hover{background-color:#555}.media-page{padding:20px}.media-header{align-items:center;display:flex;flex-direction:row;margin-bottom:20px}.media-page-image{border-radius:5px;height:150px;object-fit:cover;width:150px}.media-texts{display:flex;flex-direction:column;margin-left:20px}.media-page h1{color:#f3f0ff;font-size:2rem;margin:0 0 0 20px}.media-artist{color:#ccc;font-size:.9rem;margin-left:20px;margin-top:4px}.media-metadata{align-items:center;color:#999;display:flex;font-size:.85rem;gap:12px;margin-left:20px;margin-top:8px}.metadata-count,.metadata-creator,.metadata-duration{display:inline-block}.metadata-creator{font-weight:600}.metadata-count:before,.metadata-duration:before{color:#666;content:"•";margin-right:12px}.media-copyright{color:#888;font-size:.75rem;font-style:italic;margin-left:20px;margin-top:12px}.media-controls{display:flex;gap:20px;justify-content:start;margin-top:10px}.control-icon{color:#fff;cursor:pointer;font-size:2rem;transition:color .3s}.control-icon:hover{color:#5e2d91}.burger-menu,.sort-button-wrapper{align-items:center;display:flex;margin-left:auto}.sort-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.media-page h2{color:#fff;font-size:1.8rem;margin-bottom:20px}.album-row{gap:20px;padding-bottom:20px;scrollbar-color:#888 #252525;scrollbar-width:thin}.album-row::-webkit-scrollbar-thumb{background-color:#888}.album-row::-webkit-scrollbar-thumb:hover{background-color:#555}.heart-icon.liked{color:#5e2d91}.confirm-dialog-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-dialog{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#1e1e1e,#252525);border:1px solid #d1b3ff33;border-radius:12px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;margin:20px;max-width:500px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog--danger{border-top:4px solid #ef4444}.confirm-dialog--warning{border-top:4px solid #f59e0b}.confirm-dialog--info{border-top:4px solid #7c3aed}.confirm-dialog__header{padding:24px 24px 0}.confirm-dialog__title{color:#f3f0ff;font-size:1.25rem;font-weight:600;margin:0}.confirm-dialog__body{padding:16px 24px 24px}.confirm-dialog__message{color:#d1d5db;font-size:.95rem;line-height:1.6;margin:0;white-space:pre-wrap}.confirm-dialog__footer{border-top:1px solid #d1b3ff26;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px 24px}.confirm-dialog__button{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;outline:none;padding:10px 20px;transition:all .2s ease}.confirm-dialog__button:focus{box-shadow:0 0 0 3px #7c3aed66}.confirm-dialog__button--cancel{background:#37415180;border:1px solid #d1b3ff33;color:#f3f0ff}.confirm-dialog__button--cancel:hover{background:#4b556399;border-color:#d1b3ff4d}.confirm-dialog__button--confirm{color:#fff}.confirm-dialog__button--danger{background:#ef4444}.confirm-dialog__button--danger:hover{background:#dc2626;box-shadow:0 4px 14px #ef444466}.confirm-dialog__button--warning{background:#f59e0b}.confirm-dialog__button--warning:hover{background:#d97706;box-shadow:0 4px 14px #f59e0b66}.confirm-dialog__button--info{background:linear-gradient(135deg,#7c3aed,#5e2d91)}.confirm-dialog__button--info:hover{background:linear-gradient(135deg,#6b32aa,#4c1d75);box-shadow:0 4px 14px #7c3aed66}.toast{align-items:center;animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px;position:fixed;right:20px;top:20px;z-index:2000}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast--success{border-left-color:#22c55e}.toast--error{border-left-color:#ef4444}.toast--warning{border-left-color:#f59e0b}.toast--info{border-left-color:#3b82f6}.toast__icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:24px;justify-content:center;width:24px}.toast--success .toast__icon{background:#dcfce7;color:#16a34a}.toast--error .toast__icon{background:#fee2e2;color:#dc2626}.toast--warning .toast__icon{background:#fef3c7;color:#d97706}.toast--info .toast__icon{background:#dbeafe;color:#2563eb}.toast__message{color:#374151;flex:1 1;font-size:.95rem;line-height:1.5}.toast__close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.toast__close:hover{background:#f3f4f6;color:#6b7280}@media (prefers-color-scheme:dark){.toast{background:#1f2937}.toast__message{color:#e5e7eb}.toast__close{color:#6b7280}.toast__close:hover{background:#374151;color:#9ca3af}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal-content{animation:fadeIn .3s ease-in-out;background-color:#1e1e1e;border-radius:12px;box-shadow:0 10px 20px #00000080;color:#f3f0ff;max-width:450px;padding:30px;width:90%}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}h2{text-align:center}.form-group{margin-bottom:15px;margin-right:20px}label{color:#f3f0ff;display:block;font-size:1rem;margin-bottom:5px}input[type=file],input[type=text]{background-color:#121212;border:1px solid #888;border-radius:4px;color:#f3f0ff;font-size:1rem;padding:10px;width:100%}input[type=file]:focus,input[type=text]:focus{border-color:#5e2d91}.error{color:red;margin-bottom:10px;text-align:center}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}button{border-radius:6px;color:#f3f0ff;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#441f74}input[type=file]{background-color:#121212;border:1px solid #888;border-radius:6px;color:#f3f0ff;cursor:pointer;display:inline-block;font-size:1rem;padding:10px;text-align:center;transition:background-color .3s,border-color .3s;width:100%}input[type=file]:focus{background-color:#1e1e1e;border-color:#5e2d91}input[type=file]::-webkit-file-upload-button{background-color:#5e2d91;border:none;border-radius:6px;color:#f3f0ff;cursor:pointer;font-size:1rem;padding:10px 20px;-webkit-transition:background-color .3s;transition:background-color .3s}input[type=file]::-webkit-file-upload-button:hover{background-color:#441f74}@media (max-width:1000px){.modal-content{animation:fadeIn .3s ease-in-out;background-color:#1e1e1e;border-radius:12px;box-shadow:0 10px 20px #00000080;color:#f3f0ff;height:35%;max-width:450px;padding:30px;width:30%}}.profile-page{background-color:#252525;border-radius:5px;bottom:75px;box-shadow:4px 0 8px #0000004d;color:#f3f0ff;display:flex;flex-direction:column;left:415px;max-width:1500px;overflow-y:auto;position:fixed;scrollbar-color:#888 #252525;scrollbar-width:thin;top:90px;transition:width .3s ease;width:calc(100% - 830px)}@media (max-width:1200px){.profile-page{left:215px;width:calc(100% - 430px)}}@media (max-width:625px){.profile-page{left:125px;width:calc(100% - 250px)}}.profile-page::-webkit-scrollbar{width:8px}.profile-page::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.profile-page::-webkit-scrollbar-thumb:hover{background-color:#555}.profile-content{background-color:#252525;color:#f3f0ff;padding:20px}.don-banner{align-items:center;border-radius:10px;display:flex;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:16px;padding:10px 14px}.don-banner.success{background:#22c55e26;border:1px solid #22c55e66}.don-banner.error{background:#ef444426;border:1px solid #ef444466}.don-banner-close{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#f3f0ff;cursor:pointer;font-size:20px;line-height:1;opacity:.8;padding:0 4px}.don-banner-close:hover{opacity:1}.profile-header{align-items:center;background-color:#121212;border-radius:8px;display:flex;gap:20px;margin-bottom:40px;padding:20px}.actions-right{align-items:flex-end;display:flex;flex-direction:column;gap:6px;margin-left:auto}.actions-buttons{display:flex;gap:10px}.donate-hints{margin-top:6px;text-align:right}.profile-image{border:3px solid #5e2d91;border-radius:50%;height:100px;object-fit:cover;width:100px}.profile-info h1{color:#f3f0ff;font-size:2rem;margin:0}.profile-info p{color:#aaa;font-size:1rem;margin:5px 0 0}.menu-container{position:relative}.dropdown-menu-profile{background-color:#252525;border-radius:8px;box-shadow:0 5px 15px #0000004d;margin:10px;min-width:180px;padding:10px 0;position:absolute;right:0;top:100%;z-index:10}.dropdown-menu-profile button{background-color:#252525;border:none;color:#f3f0ff;cursor:pointer;font-size:1rem;padding:10px 30px;text-align:left;transition:background-color .2s;width:100%}.profile-menu-icon{color:#f3f0ff;cursor:pointer;font-size:1.5rem;margin-left:auto;transition:color .3s}.profile-menu-icon:hover{color:#5e2d91}.profile-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px}.stat-card{background-color:#121212;border-radius:8px;flex:1 1 280px;min-width:240px;padding:20px;text-align:center}.stat-card h2{font-size:1.5rem;margin-bottom:10px}.top-section{text-align:center}.public-playlists,.top-albums,.top-artists{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.album-card,.artist-card,.playlists-card{background-color:#1e1e1e;border-radius:8px;flex-basis:calc(20% - 20px);flex-grow:0;flex-shrink:1;padding:10px;text-align:center;transition:transform .3s ease-in-out}.album-card img,.artist-card img,.playlists-card img{border-radius:50%;height:100px;margin-bottom:10px;object-fit:cover;width:100px}.album-card p,.artist-card p,.playlists-card p{color:#f3f0ff;font-size:1rem;margin:5px 0}.album-card div p:last-child,.playlists-card div p:last-child{color:#aaa;font-size:.9rem}.album-card:hover,.artist-card:hover,.playlists-card:hover{transform:scale(1.05)}.subscribe-btn{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #5e2d91;border-radius:999px;color:#f3f0ff;cursor:pointer;font-size:.95rem;font-weight:600;margin-left:auto;padding:10px 16px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .05s ease}.subscribe-btn:hover{background-color:#5e2d9133;box-shadow:0 0 0 3px #5e2d9140}.subscribe-btn:active{transform:translateY(1px)}.subscribe-btn:disabled{box-shadow:none;cursor:default;opacity:.7}.subscribe-btn.is-subscribed{background-color:#5e2d91;border-color:#5e2d91;color:#fff}.subscribe-btn.is-subscribed:hover{background-color:#6b32aa;border-color:#6b32aa;box-shadow:0 0 0 3px #5e2d9140}.donate-btn{-webkit-appearance:none;appearance:none;background:#7c3aed;border:none;border-radius:12px;box-shadow:0 4px 14px #7c3aed59;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 16px;transition:transform .05s ease,opacity .15s ease,box-shadow .2s ease}.donate-btn:hover{box-shadow:0 6px 18px #7c3aed73;opacity:.95}.donate-btn:active{transform:translateY(1px)}.donate-hint{color:#bbb;font-size:.85rem;font-style:italic;margin-top:4px}.modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#111;border-radius:12px;box-shadow:0 10px 30px #0006;color:#fff;max-width:420px;padding:20px;width:100%}.modal h3{margin-top:0}.modal .primary{background:#22c55e;border:none;border-radius:8px;color:#111;padding:8px 12px}@media (max-width:1024px){.album-card,.artist-card,.playlists-card{flex-basis:calc(25% - 20px);flex-grow:0;flex-shrink:1}}@media (max-width:768px){.album-card,.artist-card,.playlists-card{flex-basis:calc(33.33% - 20px);flex-grow:0;flex-shrink:1}.profile-header{align-items:center;flex-direction:column;text-align:center}.profile-menu-icon{align-self:flex-end}.subscribe-btn{margin-left:0}.actions-right{align-items:center}.actions-buttons{justify-content:center}}@media (max-width:520px){.album-card,.artist-card,.playlists-card{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:1}}@media (max-width:360px){.album-card,.artist-card,.playlists-card{flex:0 1 100%}}.main-content{background-color:#252525;border-radius:5px;bottom:75px;box-shadow:4px 0 8px #0000004d;color:#f3f0ff;display:flex;flex-direction:column;left:415px;max-width:1500px;overflow-y:auto;position:fixed;scrollbar-color:#888 #252525;scrollbar-width:thin;top:90px;transition:width .3s ease;width:calc(100% - 830px)}@media (max-width:1200px){.main-content{left:215px;width:calc(100% - 430px)}}@media (max-width:625px){.main-content{left:125px;width:calc(100% - 250px)}}.top-section{background-color:#121212;border-radius:8px;margin-bottom:40px;padding:20px;text-align:left}.top-section h2{font-size:2rem;margin-bottom:20px}.album-row{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scroll-snap-type:x mandatory}.album-row>*{flex:0 0 auto;scroll-snap-align:start}.album-row::-webkit-scrollbar{height:8px}.album-row::-webkit-scrollbar-thumb{background-color:#666;border-radius:4px}.album-row::-webkit-scrollbar-track{background:#0000}.playlist-card,.profile-circle-card{min-width:160px}.mp-track-card{grid-gap:10px;align-items:center;background:#2b2b2b;border-radius:10px;display:grid;gap:10px;grid-template-columns:56px 1fr 40px;min-width:260px;padding:10px}.mp-track-cover{align-items:center;background:#1f1f1f;border-radius:8px;display:flex;height:56px;justify-content:center;overflow:hidden;width:56px}.mp-track-cover img{display:block;height:100%;object-fit:cover;width:100%}.mp-cover-ph{background:#3a3a3a;height:100%;width:100%}.mp-track-infos{overflow:hidden}.mp-track-title{font-weight:600}.mp-track-artist,.mp-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-track-artist{font-size:12px;opacity:.8}.mp-play-btn{background:#f3f0ff;border:none;border-radius:50%;color:#252525;cursor:pointer;font-weight:700;height:36px;width:36px}.mp-play-btn:hover{filter:brightness(.95)}.auth-page{align-items:center;background-color:#252525;color:#f3f0ff;display:flex;height:100vh;justify-content:center}.auth-container{background-color:#121212;border-radius:8px;box-shadow:0 4px 8px #0000004d;max-width:400px;padding:30px;text-align:center;width:100%}h2{font-size:2rem}.input-group,h2{margin-bottom:20px}.input-group{text-align:left}.input-group label{display:block;margin-bottom:5px}.input-group input{background-color:#333;border:1px solid #444;border-radius:4px;color:#f3f0ff;padding:10px;width:95%}.input-group input:focus{border-color:#5e2d91;outline:none}button{background-color:#5e2d91;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;width:100%}button:hover{background-color:#4b2485}.toggle-link{color:#5e2d91;cursor:pointer;text-decoration:underline}.toggle-link:hover{color:#4b2485}.checkbox-group{align-items:flex-start;display:flex;gap:10px;margin-bottom:15px;text-align:left}.checkbox-group input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-top:4px;width:auto}.checkbox-group label{cursor:pointer;flex:1 1;font-size:.9rem;line-height:1.5}.checkbox-group label a{color:#5e2d91;text-decoration:underline}.checkbox-group label a:hover{color:#4b2485}.auth-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;font-size:.85rem;gap:10px;justify-content:center;margin-top:30px;padding-top:20px}.auth-footer .footer-link{color:#b8b8b8;text-decoration:none;transition:color .3s ease}.auth-footer .footer-link:hover{color:#5e2d91}.auth-footer .footer-separator{color:#666}.error-message{color:#ff6b6b;margin-bottom:10px}.info-message{color:#9ad67f;margin-bottom:10px}.import-page{background-color:#252525;border-radius:5px;bottom:75px;box-shadow:4px 0 8px #0000004d;color:#f3f0ff;display:flex;flex-direction:column;left:415px;max-width:1500px;overflow-y:auto;position:fixed;scrollbar-color:#888 #252525;scrollbar-width:thin;top:90px;transition:width .3s ease;width:calc(100% - 830px)}@media (max-width:1200px){.import-page{left:215px;width:calc(100% - 430px)}}@media (max-width:625px){.import-page{left:125px;width:calc(100% - 250px)}}.import-page::-webkit-scrollbar{width:8px}.import-page::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.import-page::-webkit-scrollbar-thumb:hover{background-color:#555}.import-content{background-color:#252525;color:#f3f0ff;padding:20px}.import-content h2{font-size:2rem;font-weight:600;margin-bottom:30px;text-align:center}.form-section{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px #0000004d;padding:20px}.import-content h3{font-size:1.6rem;margin-bottom:15px}.import-form{margin-bottom:20px}.import-content label{display:block;font-size:1.1rem;margin-bottom:8px}.import-content input[type=file],.import-content input[type=text],.import-content select{background-color:#333;border:1px solid #444;border-radius:6px;box-sizing:border-box;color:#f3f0ff;font-size:1rem;padding:12px;width:100%}.import-content input[type=file]:focus,.import-content input[type=text]:focus,.import-content select:focus{border-color:#5e2d91;outline:none}.import-content button{background-color:#5e2d91;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:background-color .3s;width:100%}.import-content button:hover{background-color:#441f74}.songs-section{margin-top:20px}.song-item{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.song-item input[type=file],.song-item input[type=text]{background-color:#333;border:1px solid #444;border-radius:6px;color:#f3f0ff;padding:12px;width:100%}.add-song-btn{background-color:#5e2d91;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:12px 20px;width:100%}.add-song-btn:hover{background-color:#441f74}.remove-btn{background-color:#f44336!important;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 16px}.remove-btn:hover{background-color:#d32f2f!important}.submit-btn{background-color:#5e2d91;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:20px;padding:12px 20px;width:100%}.submit-btn:hover{background-color:#441f74}@media (max-width:768px){.form-section{padding:15px}}@media (max-width:480px){.import-form{margin-bottom:15px}.import-content h2{font-size:1.6rem}.add-song-btn,.submit-btn{font-size:1rem}}.pi-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.pi-modal-content{animation:pi-fadeIn .25s ease-in-out;background-color:#1e1e1e;border-radius:16px;box-shadow:0 10px 25px #00000080;color:#f3f0ff;max-height:80vh;max-width:650px;overflow-y:auto;padding:32px;position:relative;scrollbar-color:#1e1e1e #252525;scrollbar-width:thin;width:94%;z-index:10000}.pi-modal-content::-webkit-scrollbar{width:10px}.pi-modal-content::-webkit-scrollbar-thumb{background-color:#1e1e1e;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.pi-modal-content::-webkit-scrollbar-thumb:hover{background-color:#d1b3ff}.pi-modal-content::-webkit-scrollbar-track{background-color:#252525;border-radius:10px}@keyframes pi-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pi-modal-content h2{font-size:1.8rem;margin-bottom:20px;text-align:center}.pi-card{background:#151515;border:1px solid #2b2b2b;border-radius:10px;display:grid;justify-items:center;margin-top:18px;padding:18px 24px}.pi-error{background:#3a0f0f;border:1px solid #7a1c1c;border-radius:8px;color:#ffdede}.pi-error,.pi-info{margin-bottom:10px;padding:10px 12px;text-align:center}.pi-info{background:#10321f;border:1px solid #1f6d3c;border-radius:8px;color:#d9ffe9}.pi-form-group{margin-bottom:14px;max-width:480px;width:100%}.pi-form-group label{color:#f3f0ff;display:block;font-size:1rem;margin-bottom:6px}.pi-form-group input[type=date],.pi-form-group input[type=email],.pi-form-group input[type=password],.pi-form-group input[type=text]{background-color:#121212;border:1px solid #888;border-radius:6px;box-sizing:border-box;color:#f3f0ff;font-size:1rem;outline:none;padding:10px 14px;width:100%}.pi-form-group input:focus{border-color:#7c3aed}.pi-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px;max-width:480px;width:100%}.pi-actions button{background-color:#7c3aed;border:none;border-radius:8px;box-shadow:0 4px 14px #7c3aed59;color:#f3f0ff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 18px;transition:background-color .25s ease,box-shadow .25s ease}.pi-actions button:hover{background-color:#6b21a8}.pi-actions .pi-secondary{background:#0000;border:1px solid #666;box-shadow:none;color:#f3f0ff}.pi-hint{color:#bfb7d6;font-size:.9rem;margin-top:8px;max-width:480px;text-align:left;width:100%}@media (max-width:900px){.pi-modal-content{max-width:560px;padding:24px}}@media (max-width:600px){.pi-modal-content{max-height:85vh;max-width:96%;padding:18px;width:96%}.pi-card{padding:14px}.pi-actions,.pi-form-group,.pi-hint{max-width:100%}.pi-actions{align-items:stretch;flex-direction:column}.pi-actions button{width:100%}.pi-field-error{color:#ef4444;font-size:.9rem;line-height:1.3;margin-top:6px}}.preferences-page{background:#252525;border-radius:6px;bottom:75px;box-shadow:4px 0 8px #0000004d;color:#f3f0ff;left:415px;max-width:1500px;overflow:auto;position:fixed;scrollbar-color:#1e1e1e #252525;scrollbar-width:thin;top:90px;width:calc(100% - 830px)}.preferences-page::-webkit-scrollbar{width:10px}.preferences-page::-webkit-scrollbar-thumb{background-color:#1e1e1e;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.preferences-page::-webkit-scrollbar-thumb:hover{background-color:#d1b3ff}.preferences-page::-webkit-scrollbar-track{background-color:#252525;border-radius:10px}@media (max-width:1200px){.preferences-page{left:215px;width:calc(100% - 430px)}}@media (max-width:625px){.preferences-page{left:125px;width:calc(100% - 250px)}}.preferences-content{padding:20px}.card{background:#121212;border-radius:10px;margin-bottom:16px;padding:16px}.row{align-items:center;display:flex;gap:10px}.mt{margin-top:10px}.grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:8px}.label{color:#bbb;font-size:.95rem}.value{font-weight:600}.pill{border-radius:999px;display:inline-block;font-size:.9rem;font-weight:700;padding:4px 8px}.pill.ok{background:#22c55e26;border:1px solid #22c55e66}.pill.ko{background:#ef444426;border:1px solid #ef444466}.due-box{border:1px dashed #444;border-radius:8px;margin-top:10px;padding:10px}.btn{-webkit-appearance:none;appearance:none;background:#1e1e1e;border:1px solid #555;border-radius:8px;color:#f3f0ff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 14px;transition:background-color .2s ease,box-shadow .2s ease}.btn.primary{background:#7c3aed;border:none;box-shadow:0 4px 14px #7c3aed59;font-weight:700}.btn:hover{opacity:.95}.btn.info-edit{background:#7c3aed;border:none;box-shadow:0 4px 14px #7c3aed59;color:#fff;font-weight:700}.btn.info-edit:hover{background:#6b21a8;box-shadow:0 4px 14px #6b21a873}.pref-banner{border-radius:10px;font-weight:700;margin-bottom:12px;padding:10px 14px}.pref-banner.success{background:#22c55e26;border:1px solid #22c55e66}.pref-banner.warn{background:#eab30826;border:1px solid #eab30866}.hint{color:#aaa;font-size:.9rem;margin-top:8px}.language-selector{display:flex;flex-direction:column;gap:16px;margin-top:12px}.language-options{display:flex;flex-wrap:wrap;gap:12px}.language-option{align-items:center;background:#1e1e1e;border:2px solid #444;border-radius:12px;color:#f3f0ff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;gap:12px;min-width:150px;padding:16px 20px;transition:all .3s ease}.language-option:hover{background:#2a2a2a;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed33;transform:translateY(-2px)}.language-option.selected{background:#7c3aed26;border-color:#7c3aed;box-shadow:0 4px 14px #7c3aed59}.language-option .flag{font-size:2rem;line-height:1}.language-option .language-name{font-size:1.1rem;font-weight:600}@media (max-width:640px){.language-options{flex-direction:column}.language-option{min-width:100%}}.legal-page{background:linear-gradient(135deg,#000,#1e1e1e 50%,#252525) fixed;background-size:cover;color:#f3f0ff;min-height:100vh;padding:40px 20px;position:relative}.legal-page:before{background:radial-gradient(circle at 20% 50%,#5e2d9126 0,#0000 50%),radial-gradient(circle at 80% 80%,#d1b3ff14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.legal-container{background:#252525cc;border:1px solid #5e2d9133;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:900px;padding:60px;position:relative;z-index:1}.legal-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d1b3ff,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:10px;text-align:center}.legal-container .last-updated{color:#b8b8b8;font-size:.9rem;font-style:italic;margin-bottom:40px;text-align:center}.legal-container section{margin-bottom:40px}.legal-container h2{border-bottom:2px solid #5e2d9166;color:#d1b3ff;font-size:1.8rem;margin-bottom:20px;margin-top:40px;padding-bottom:10px}.legal-container h3{color:#d1b3ff;font-size:1.3rem;margin-bottom:15px;margin-top:25px}.legal-container p{color:#e5e5e5;font-size:1rem;line-height:1.8;margin-bottom:15px}.legal-container ul{margin-bottom:20px;margin-left:30px}.legal-container ul li{color:#e5e5e5;line-height:1.7;margin-bottom:10px}.legal-container strong{color:#fff;font-weight:600}.legal-container a{color:#d1b3ff;text-decoration:none;transition:color .3s ease}.legal-container a:hover{color:#7c3aed;text-decoration:underline}.legal-container em{color:#b8b8b8;font-style:italic}.legal-footer{align-items:center;border-top:1px solid #c9adf533;display:flex;justify-content:space-between;margin-top:60px;padding-top:30px}.legal-footer .back-link,.legal-footer .related-link{background:#5e2d9133;border:1px solid #d1b3ff;border-radius:8px;color:#d1b3ff;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s ease}.legal-footer .back-link:hover,.legal-footer .related-link:hover{background:#5e2d9166;box-shadow:0 4px 12px #d1b3ff66;transform:translateY(-2px)}@media (max-width:768px){.legal-container{padding:40px 30px}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.5rem}.legal-container h3{font-size:1.2rem}.legal-footer{flex-direction:column;gap:15px}.legal-footer .back-link,.legal-footer .related-link{text-align:center;width:100%}}@media (max-width:480px){.legal-page{padding:20px 10px}.legal-container{padding:30px 20px}.legal-container h1{font-size:1.6rem}.legal-container ul{margin-left:20px}}.landing-page{background:linear-gradient(135deg,#000,#1e1e1e 50%,#252525);color:#f3f0ff;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.landing-page:before{background:radial-gradient(circle at 20% 50%,#5e2d9126 0,#0000 50%),radial-gradient(circle at 80% 80%,#d1b3ff14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.landing-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.landing-header{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#000000d9;border-bottom:1px solid #5e2d914d;box-shadow:0 4px 8px #0000004d;padding:20px 0;position:sticky;top:0;z-index:1100}.landing-header .landing-container{align-items:center;display:flex;justify-content:space-between}.landing-logo{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#d1b3ff,#5e2d91);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.5rem;font-weight:700;gap:12px;transition:transform .3s ease}.landing-logo:hover{transform:scale(1.05)}.landing-logo-img{height:40px;transition:transform .3s ease;width:auto}.landing-logo:hover .landing-logo-img{transform:scale(1.05)}.landing-nav{align-items:center;display:flex;gap:1rem}.language-switcher{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#252525cc;border:1px solid #d1b3ff4d;border-radius:.75rem;display:flex;gap:.5rem;margin-right:.75rem;padding:4px}.language-switcher button{background:#0000;border:2px solid #0000;border-radius:.5rem;color:#f3f0ff;cursor:pointer;font-size:1.25rem;line-height:1;padding:6px 12px;transition:all .2s ease}.language-switcher button:hover{background:#d1b3ff4d;transform:scale(1.1)}.language-switcher button.active{background:#5e2d91cc;border-color:#d1b3ff;box-shadow:0 0 12px #d1b3ff80}.btn-cta-large,.btn-cta-primary,.btn-cta-secondary,.btn-primary,.btn-secondary{border:none;border-radius:9999px;cursor:pointer;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:600;outline:none;padding:12px 28px;transition:all .3s ease}.btn-secondary{background:#0000;border:2px solid #d1b3ff99;color:#f3f0ff}.btn-secondary:hover{background:#5e2d914d;border-color:#d1b3ff;box-shadow:0 10px 15px -3px #5e2d9166;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#5e2d91,#7c3aed);box-shadow:0 4px 14px #5e2d9180;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#5e2d91);box-shadow:0 8px 20px #5e2d9199;transform:translateY(-2px)}.landing-hero{align-items:center;display:flex;min-height:80vh;padding:80px 0 100px;position:relative}.landing-hero .landing-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.1fr .9fr}.hero-content{animation:fadeInUp .8s ease}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f3f0ff 50%,#d1b3ff);-webkit-background-clip:text;background-clip:text;font-size:3.75rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 0 40px #d1b3ff1a}.hero-subtitle{color:#f3f0ffe6;font-size:1.25rem;line-height:1.75;margin-bottom:2.5rem;max-width:90%;text-shadow:0 2px 4px #0000004d}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.btn-cta-primary{background:linear-gradient(135deg,#5e2d91,#7c3aed);box-shadow:0 10px 25px -5px #5e2d9180;color:#fff;font-size:1.125rem;font-weight:700;padding:1rem 2.5rem}.btn-cta-primary:hover{background:linear-gradient(135deg,#7c3aed,#d1b3ff);box-shadow:0 20px 30px -5px #5e2d9199;transform:translateY(-3px) scale(1.02)}.btn-cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4f4c5280;border:2px solid #d1b3ff66;color:#f3f0ff;font-size:1.125rem;font-weight:600;padding:1rem 2.5rem}.btn-cta-secondary:hover{background:#5e2d9180;border-color:#d1b3ff;box-shadow:0 8px 25px #5e2d9166;transform:translateY(-3px)}.hero-image{animation:fadeInRight 1s ease,float 6s ease-in-out infinite}.hero-image,.hero-image-placeholder{align-items:center;display:flex;justify-content:center}.hero-image-placeholder{aspect-ratio:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#252525e6,#5e2d914d);border:2px solid #d1b3ff33;border-radius:2rem;box-shadow:0 25px 50px -12px #00000080,inset 0 0 60px #5e2d9133;color:#d1b3ff4d;max-width:500px;overflow:hidden;position:relative;width:100%}.hero-image-placeholder:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#d1b3ff26 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.landing-features{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#1e1e1e99,#252525cc);border-bottom:1px solid #5e2d914d;border-top:1px solid #5e2d914d;padding:6rem 0}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#d1b3ff);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:700;margin-bottom:3.75rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#252525cc,#4f4c5299);border:2px solid #5e2d9133;border-radius:1.5rem;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#5e2d91,#d1b3ff);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{background:linear-gradient(135deg,#5e2d914d,#4f4c52cc);border-color:#d1b3ff80;box-shadow:0 20px 40px #00000080;transform:translateY(-10px)}.feature-icon{color:#d1b3ff;filter:drop-shadow(0 0 12px rgba(209,179,255,.5));margin-bottom:1.5rem}.feature-title{color:#f3f0ff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-description{color:#f3f0ffcc;font-size:.9375rem;line-height:1.6}.landing-cta{padding:6rem 0;position:relative;text-align:center}.cta-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#d1b3ff);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1.25rem}.cta-subtitle{color:#f3f0ffe6;font-size:1.25rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.btn-cta-large{background:linear-gradient(135deg,#5e2d91,#7c3aed);border:2px solid #0000;box-shadow:0 20px 30px -5px #5e2d9180;color:#fff;font-size:1.25rem;font-weight:700;padding:1.25rem 3.75rem}.btn-cta-large:hover{background:linear-gradient(135deg,#7c3aed,#d1b3ff);border-color:#d1b3ff4d;box-shadow:0 25px 40px -5px #5e2d91b3;transform:translateY(-3px) scale(1.05)}.landing-footer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#1e1e1ecc,#000000f2);border-top:2px solid #5e2d914d;padding:3.75rem 0 1.25rem}.footer-content{grid-gap:3.75rem;display:grid;gap:3.75rem;grid-template-columns:2fr 1fr;margin-bottom:2.5rem}.footer-section h4{color:#d1b3ff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.footer-section p{color:#f3f0ffcc;line-height:1.625}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.75rem}.footer-section button{background:none;border:none;color:#f3f0ffcc;cursor:pointer;font-family:inherit;font-size:1rem;padding:0;text-align:left;transition:all .2s ease}.footer-section button:hover{color:#d1b3ff;transform:translateX(4px)}.footer-bottom{border-top:1px solid #5e2d9133;color:#f3f0ff99;font-size:.875rem;padding-top:1.25rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.landing-hero .landing-container{gap:2.5rem;grid-template-columns:1fr}.hero-image{order:-1}.hero-image-placeholder{max-width:400px}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.125rem;max-width:100%}.section-title{font-size:2rem}.cta-title{font-size:2.5rem}.footer-content{gap:2.5rem;grid-template-columns:1fr}}@media (max-width:768px){.landing-nav{gap:.5rem}.btn-primary,.btn-secondary{font-size:.875rem;padding:10px 20px}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.hero-cta{flex-direction:column;width:100%}.btn-cta-primary,.btn-cta-secondary{justify-content:center;text-align:center;width:100%}.features-grid{gap:1.5rem;grid-template-columns:1fr}.cta-title,.section-title{font-size:1.875rem}.cta-subtitle{font-size:1rem}.btn-cta-large{font-size:1.125rem;padding:1rem 2.5rem}}@media (max-width:640px){.landing-logo{font-size:1.25rem}.landing-logo svg{font-size:1.5rem}.language-switcher{margin-right:.5rem}.language-switcher button{font-size:1rem;padding:4px 8px}.hero-title{font-size:1.875rem}.hero-subtitle{font-size:.9375rem}.feature-card{padding:1.5rem 1.25rem}.cta-title,.section-title{font-size:1.5rem}}.mobile-drawer,.mobile-drawer-backdrop{display:none}@media (max-width:768px){.mobile-drawer-backdrop{animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{animation:slideIn .3s ease;background:#252525;bottom:0;box-shadow:0 0 20px #00000080;display:flex;flex-direction:column;max-width:400px;position:fixed;top:0;width:85%;z-index:1000}.mobile-drawer-right{right:0}.mobile-drawer-left{left:0}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-drawer-left{animation:slideInLeft .3s ease}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mobile-drawer-header{align-items:center;background:#1a1a1a;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:20px}.mobile-drawer-header h2{color:#f3f4f6;font-size:1.25rem;font-weight:600;margin:0}.mobile-drawer-close{align-items:center;background:none;border:none;border-radius:4px;color:#f3f4f6;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:8px;transition:background .2s}.mobile-drawer-close:hover{background:#7c3aed33}.mobile-drawer-content{color:#f3f4f6;flex:1 1;overflow-y:auto;padding:16px}.mobile-drawer-content::-webkit-scrollbar{width:8px}.mobile-drawer-content::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.mobile-drawer-content::-webkit-scrollbar-track{background:#2a2a2a}}@media (min-width:769px){.mobile-drawer,.mobile-drawer-backdrop{display:none!important}}.app{background:#000;display:flex;flex-direction:column;height:100vh}*{font-family:Roboto,sans-serif}@media (max-width:768px){.edit-album-page,.import-page,.main-content,.media-content,.preferences-page,.profile-page{bottom:auto!important;left:0!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:calc(100vh - 155px)!important;padding:16px 16px 90px!important;position:relative!important;right:0!important;top:80px!important;width:100%!important}.navbar-container{position:fixed!important;top:0!important;z-index:100!important}.navbar,.navbar-container{left:0!important;right:0!important;width:100%!important}.navbar{padding:0 1rem!important}.music-queue,.sidebar{border-radius:0!important;bottom:auto!important;box-shadow:none!important;height:auto!important;left:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:visible!important;position:static!important;right:auto!important;top:auto!important;width:100%!important}.mobile-drawer-content .music-queue,.mobile-drawer-content .sidebar{background-color:#252525!important;display:flex!important;flex-direction:column!important}.mobile-drawer-content .music-queue .mq-sections,.mobile-drawer-content .sidebar .nav,.mobile-drawer-content .sidebar .pill-container{display:flex!important;flex-direction:column!important}.mobile-drawer-content .music-queue .mq-sections{overflow-y:visible!important;padding:8px!important}.app>.music-queue-container,.app>.sidebar,body>.music-queue-container,body>.sidebar{display:none!important}.app,body{overflow-x:hidden}}@media (max-width:480px){.edit-album-page,.import-page,.main-content,.media-content,.preferences-page,.profile-page{padding:12px!important}}
/*# sourceMappingURL=main.9ee64482.css.map*/