.SidebarV2-module__X0LJMq__sidebar{background-color:var(--v2-surface-dim);z-index:40;width:280px;height:100%;font-family:var(--v2-font-sans);flex-direction:column;gap:24px;padding:24px 0 32px;display:none;position:fixed;top:0;left:0}@media (min-width:768px){.SidebarV2-module__X0LJMq__sidebar{display:flex}}.SidebarV2-module__X0LJMq__brand{font-family:var(--v2-font-display);letter-spacing:-.02em;color:var(--v2-primary);padding:0 24px;font-size:24px;font-weight:700;line-height:32px}.SidebarV2-module__X0LJMq__navSection{flex-direction:column;display:flex}.SidebarV2-module__X0LJMq__navItem{color:var(--v2-on-surface-variant);border-left:4px solid #0000;align-items:center;gap:16px;padding:12px 24px;font-size:16px;line-height:24px;text-decoration:none;transition:all .15s;display:flex}.SidebarV2-module__X0LJMq__navItem:hover{color:var(--v2-on-surface);background-color:var(--v2-surface-container)}.SidebarV2-module__X0LJMq__navItem:active{transform:scale(.95)}.SidebarV2-module__X0LJMq__navItemActive{color:var(--v2-primary);border-left-color:var(--v2-primary-container);background-color:var(--v2-surface-container-high);font-weight:700}.SidebarV2-module__X0LJMq__navItemActive:active{transform:scale(.95)}.SidebarV2-module__X0LJMq__navLabel{font-family:var(--v2-font-sans)}.SidebarV2-module__X0LJMq__createPlaylistSection{padding:0 24px}.SidebarV2-module__X0LJMq__createPlaylistBtn{background-color:var(--v2-primary-container);width:100%;color:var(--v2-on-primary-container);cursor:pointer;font-weight:700;font-family:var(--v2-font-sans);border:none;border-radius:12px;padding:12px 0;font-size:16px;transition:transform .15s}.SidebarV2-module__X0LJMq__createPlaylistBtn:hover{transform:scale(1.02)}.SidebarV2-module__X0LJMq__createPlaylistBtn:active{transform:scale(.95)}.SidebarV2-module__X0LJMq__librarySection{flex-direction:column;flex:1;gap:8px;padding:0 24px;display:flex;overflow-y:auto}.SidebarV2-module__X0LJMq__librarySection::-webkit-scrollbar{width:6px}.SidebarV2-module__X0LJMq__librarySection::-webkit-scrollbar-track{background:0 0}.SidebarV2-module__X0LJMq__librarySection::-webkit-scrollbar-thumb{background:#353534;border-radius:10px}.SidebarV2-module__X0LJMq__libraryHeader{color:var(--v2-on-surface-variant);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:12px;font-weight:700}.SidebarV2-module__X0LJMq__libraryItem{color:var(--v2-on-surface-variant);align-items:center;gap:16px;padding:8px 0;font-size:16px;line-height:24px;text-decoration:none;transition:all .15s;display:flex}.SidebarV2-module__X0LJMq__libraryItem:hover{color:var(--v2-on-surface);transform:translate(4px)}.SidebarV2-module__X0LJMq__libraryLabel{font-family:var(--v2-font-sans)}.SidebarV2-module__X0LJMq__playlistGroup{flex-direction:column;gap:12px;margin-top:16px;display:flex}.SidebarV2-module__X0LJMq__playlistItem{color:var(--v2-on-surface-variant);font-size:14px;font-family:var(--v2-font-sans);cursor:pointer;transition:color .15s}.SidebarV2-module__X0LJMq__playlistItem:hover{color:var(--v2-primary)}
.TopbarV2-module__h1zEBa__topbar{z-index:50;-webkit-backdrop-filter:blur(24px);width:100%;height:80px;font-family:var(--v2-font-sans);background:#131313b3;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:0}@media (min-width:768px){.TopbarV2-module__h1zEBa__topbar{width:calc(100% - 280px);padding:0 40px;left:280px}}.TopbarV2-module__h1zEBa__left{align-items:center;gap:32px;display:flex}.TopbarV2-module__h1zEBa__brand{font-family:var(--v2-font-display);letter-spacing:-.02em;color:var(--v2-primary);white-space:nowrap;font-size:24px;font-weight:700;line-height:32px}.TopbarV2-module__h1zEBa__searchWrap{background-color:var(--v2-surface-container-highest);width:384px;color:var(--v2-on-surface-variant);border-radius:9999px;align-items:center;padding:8px 16px;transition:box-shadow .15s;display:none}.TopbarV2-module__h1zEBa__searchWrap:focus-within{box-shadow:0 0 0 1px var(--v2-secondary-container)}@media (min-width:768px){.TopbarV2-module__h1zEBa__searchWrap{display:flex}}.TopbarV2-module__h1zEBa__searchInput{color:var(--v2-on-surface);font-size:14px;font-family:var(--v2-font-sans);background:0 0;border:none;outline:none;width:100%;margin-left:8px}.TopbarV2-module__h1zEBa__searchInput::placeholder{color:var(--v2-on-surface-variant)}.TopbarV2-module__h1zEBa__right{align-items:center;gap:24px;display:flex}.TopbarV2-module__h1zEBa__iconAction{cursor:pointer;color:var(--v2-on-surface-variant);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;transition:color .15s;display:flex}.TopbarV2-module__h1zEBa__iconAction:hover{color:var(--v2-primary)}.TopbarV2-module__h1zEBa__avatarWrap{align-items:center;display:flex;position:relative}.TopbarV2-module__h1zEBa__avatarBtn{cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;overflow:hidden}.TopbarV2-module__h1zEBa__avatarImg{object-fit:cover;width:100%;height:100%}.TopbarV2-module__h1zEBa__avatarFallback{font-family:var(--v2-font-sans);color:var(--v2-on-surface);font-size:16px;font-weight:700}.TopbarV2-module__h1zEBa__dropdown{background:var(--v2-surface-container);border:1px solid var(--v2-surface-container-high);border-radius:var(--v2-radius-md);width:220px;box-shadow:var(--v2-shadow-lg);z-index:100;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.TopbarV2-module__h1zEBa__dropdownHeader{padding:14px 16px 10px}.TopbarV2-module__h1zEBa__dropdownName{color:var(--v2-on-surface);font-size:14px;font-weight:600}.TopbarV2-module__h1zEBa__dropdownEmail{color:var(--v2-on-surface-variant);margin-top:2px;font-size:12px}.TopbarV2-module__h1zEBa__divider{background:var(--v2-surface-container-high);height:1px}.TopbarV2-module__h1zEBa__dropdownItem{color:var(--v2-on-surface-variant);cursor:pointer;text-align:left;width:100%;font-size:13px;font-family:var(--v2-font-sans);background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;transition:background .15s,color .15s;display:flex}.TopbarV2-module__h1zEBa__dropdownItem:hover{background:var(--v2-surface-container-high);color:var(--v2-on-surface)}.TopbarV2-module__h1zEBa__authActions{align-items:center;gap:8px;display:flex}.TopbarV2-module__h1zEBa__loginBtn,.TopbarV2-module__h1zEBa__signupBtn{font-size:13px;font-weight:600;font-family:var(--v2-font-sans);border-radius:12px;padding:8px 16px;text-decoration:none;transition:all .2s}.TopbarV2-module__h1zEBa__loginBtn{color:var(--v2-on-surface-variant);background:0 0;border:1px solid #fff3}.TopbarV2-module__h1zEBa__loginBtn:hover{background:var(--v2-surface-container-high);color:var(--v2-on-surface)}.TopbarV2-module__h1zEBa__signupBtn{color:var(--v2-on-primary-container);background:var(--v2-primary-container)}.TopbarV2-module__h1zEBa__signupBtn:hover{filter:brightness(1.1)}
.PlayerBarV2-module__8jPbKa__bar{background:var(--v2-glass-bg);height:72px;-webkit-backdrop-filter:blur(var(--v2-glass-blur));border-top:1px solid var(--v2-glass-border);z-index:var(--z-player,200);align-items:center;padding:0 24px;display:flex;position:fixed;bottom:0;left:280px;right:0}.PlayerBarV2-module__8jPbKa__inner{align-items:center;gap:16px;width:100%;height:100%;display:flex}.PlayerBarV2-module__8jPbKa__left{flex:0 0 280px;align-items:center;gap:12px;min-width:0;display:flex}.PlayerBarV2-module__8jPbKa__cover{background:var(--v2-surface-container-high);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;overflow:hidden}.PlayerBarV2-module__8jPbKa__coverImg{object-fit:cover;width:100%;height:100%}.PlayerBarV2-module__8jPbKa__trackInfo{min-width:0}.PlayerBarV2-module__8jPbKa__title{color:var(--v2-on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.PlayerBarV2-module__8jPbKa__artist{color:var(--v2-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.PlayerBarV2-module__8jPbKa__center{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;max-width:560px;margin:0 auto;display:flex}.PlayerBarV2-module__8jPbKa__controls{align-items:center;gap:16px;display:flex}.PlayerBarV2-module__8jPbKa__btn{color:var(--v2-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:color .2s,background .2s;display:flex}.PlayerBarV2-module__8jPbKa__btn:hover{color:var(--v2-on-surface);background:var(--v2-surface-container-high)}.PlayerBarV2-module__8jPbKa__playBtn{background:var(--v2-primary-container);width:36px;height:36px;color:var(--v2-on-primary-container);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,filter .15s;display:flex}.PlayerBarV2-module__8jPbKa__playBtn:hover{filter:brightness(1.1);transform:scale(1.05)}.PlayerBarV2-module__8jPbKa__progress{align-items:center;gap:8px;width:100%;display:flex}.PlayerBarV2-module__8jPbKa__time{color:var(--v2-on-surface-variant);font-variant-numeric:tabular-nums;min-width:36px;font-size:11px}.PlayerBarV2-module__8jPbKa__progressBar{background:var(--v2-surface-container-high);cursor:pointer;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.PlayerBarV2-module__8jPbKa__progressFill{background:var(--v2-primary-container);border-radius:2px;height:100%}.PlayerBarV2-module__8jPbKa__right{flex:0 0 180px;justify-content:flex-end;align-items:center;gap:8px;display:flex}.PlayerBarV2-module__8jPbKa__volumeBtn{color:var(--v2-on-surface-variant);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex}.PlayerBarV2-module__8jPbKa__volumeBtn:hover{color:var(--v2-on-surface)}.PlayerBarV2-module__8jPbKa__volumeSlider{appearance:none;background:var(--v2-surface-container-high);cursor:pointer;border-radius:2px;outline:none;width:100px;height:4px}.PlayerBarV2-module__8jPbKa__volumeSlider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--v2-primary-container);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:transform .15s}.PlayerBarV2-module__8jPbKa__volumeSlider::-webkit-slider-thumb:hover{transform:scale(1.2)}.PlayerBarV2-module__8jPbKa__volumeSlider::-moz-range-thumb{background:var(--v2-primary-container);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}@media (max-width:1024px){.PlayerBarV2-module__8jPbKa__left{flex:none}.PlayerBarV2-module__8jPbKa__right{flex:none;gap:4px}.PlayerBarV2-module__8jPbKa__volumeSlider{width:64px}}@media (max-width:768px){.PlayerBarV2-module__8jPbKa__bar{height:64px;padding:0 12px;left:0}.PlayerBarV2-module__8jPbKa__left{flex:none;gap:8px}.PlayerBarV2-module__8jPbKa__cover{width:36px;height:36px;font-size:14px}.PlayerBarV2-module__8jPbKa__title{font-size:12px}.PlayerBarV2-module__8jPbKa__artist{font-size:10px}.PlayerBarV2-module__8jPbKa__center{max-width:none}.PlayerBarV2-module__8jPbKa__controls{gap:12px}.PlayerBarV2-module__8jPbKa__playBtn{width:32px;height:32px}.PlayerBarV2-module__8jPbKa__progress{gap:4px}.PlayerBarV2-module__8jPbKa__time{min-width:28px;font-size:10px}.PlayerBarV2-module__8jPbKa__right{display:none}}
.layout-module___qOa7q__container{background:var(--v2-background);min-height:100vh;display:flex}.layout-module___qOa7q__main{flex-direction:column;flex:1;min-width:0;padding-top:80px;padding-bottom:72px;display:flex}@media (min-width:768px){.layout-module___qOa7q__main{margin-left:280px}}@media (max-width:768px){.layout-module___qOa7q__main{padding-bottom:64px}}@media (max-width:1024px){.layout-module___qOa7q__container{overflow-x:hidden}}.layout-module___qOa7q__content{flex:1;padding-top:24px}@media (max-width:900px){.layout-module___qOa7q__content{padding-top:16px}}