a{color:inherit;text-decoration:none}.flex-col{display:flex;flex-direction:column}button:hover{cursor:pointer}.error-text{color:red;margin-top:4px}._searchContainer_15nfx_1{position:relative;width:100%;max-width:500px}._searchInput_15nfx_7{width:100%;padding:8px 16px 8px 36px;font-size:14px;border:1px solid #ddd;border-radius:8px;transition:all .2s ease}._searchInput_15nfx_7:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}._searchInputContainer_15nfx_22{position:relative;width:100%}._searchIcon_15nfx_27{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#666;pointer-events:none}._resultsContainer_15nfx_38{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:70vh;overflow-y:auto;z-index:1000}._loadingState_15nfx_53{padding:16px;text-align:center;color:#666}._noResults_15nfx_59{padding:24px;text-align:center;color:#666}._resultItem_15nfx_65{padding:12px 16px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s ease}._resultItem_15nfx_65:last-child{border-bottom:none}._resultItem_15nfx_65:hover{background-color:#f5f5f5}._resultContent_15nfx_80{display:flex;align-items:center;gap:12px}._thumbnailContainer_15nfx_86{width:48px;height:48px;flex-shrink:0;border-radius:6px;overflow:hidden;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}._thumbnail_15nfx_86{width:100%;height:100%;object-fit:cover}._placeholderThumbnail_15nfx_104{color:#999;font-size:12px}._resultInfo_15nfx_109{flex:1;min-width:0}._resultName_15nfx_114{font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._resultMeta_15nfx_122{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}._resultType_15nfx_130{text-transform:capitalize}._resultArtist_15nfx_134{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._separator_15nfx_140{color:#999}.login-header{font-size:clamp(1.25rem,3.125vw,2rem)}.demo-user{color:var(--green);margin-top:20px;text-decoration:underline}.demo-user:hover{cursor:pointer}.now-playing{position:fixed;bottom:0;left:0;right:0;height:72px;background:linear-gradient(to right,#0ddc4314,#30aea81a);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-top:1px solid rgba(48,174,168,.15);box-shadow:0 -4px 24px #00000026;z-index:1000}.now-playing-inner{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:24px;background:#ffffff1a}.now-playing-left{display:flex;align-items:center;gap:16px;min-width:200px;width:30%}.now-playing-art{width:48px;height:48px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.now-playing-art:hover{transform:scale(1.08);box-shadow:0 4px 12px #0ddc4326}.now-playing-art img{width:100%;height:100%;object-fit:cover}.now-playing-info{display:flex;flex-direction:column;min-width:0;gap:4px}.song-name{color:#fffc;font-size:clamp(14px,3vw,18px);font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;text-shadow:0 .5px 1px rgba(239,239,239,.564);position:relative;display:inline-block}.song-name:hover{color:#30aea8;text-shadow:0 0 8px rgba(48,174,168,.4)}.artist-name{color:#fffc;font-size:clamp(14px,3vw,18px);text-decoration:none;white-space:nowrap;font-weight:200;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;text-shadow:0 .5px 1px rgba(239,239,239,.564)}.artist-name:hover{color:#30aea8;text-shadow:0 0 8px rgba(48,174,168,.4)}.now-playing-center{flex:1;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:8px}.playback-controls{display:flex;align-items:center;gap:24px}.control-button{background:none;border:none;padding:8px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%}.control-button:hover{background:#0ddc431a;color:#0ddc43;transform:scale(1.1)}.play-button{width:40px;height:40px;border-radius:50%;background:#f50;color:#fff;font-size:clamp(14px,3vw,18px);transition:all .2s ease}.play-button:hover{transform:scale(1.1);background:#ff6a1f;box-shadow:0 2px 12px #ff55004d}.previous-button,.next-button{opacity:.8}.previous-button:hover,.next-button:hover{opacity:1}.progress-bar-container{width:100%;display:flex;align-items:center;gap:12px;padding:0 8px}.time{font-size:16px;color:#545454;text-shadow:0 1px 2px rgba(0,0,0,.2);min-width:45px;font-variant-numeric:tabular-nums}.progress-bar{flex:1;height:4px;background:#70929c33;border-radius:4px;cursor:pointer;position:relative;transition:height .2s ease}.progress-bar:hover{height:6px}.progress-bar-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(to right,#f50,#ff6a1f);border-radius:4px}.now-playing-right{display:flex;align-items:center;gap:20px;min-width:200px;width:30%;justify-content:flex-end}.action-button{background:none;border:none;padding:8px;cursor:pointer;color:red;transition:all .2s ease;font-size:20px}.action-button.liked{color:#f50}.action-button:hover{transform:scale(1.1);color:#f50}.like-button{background:none;border:none;padding:8px;cursor:pointer;color:#f506;transition:all .2s ease;font-size:20px;margin-right:16px}.like-button:hover{transform:scale(1.1);color:#f50}.like-button.liked{color:#f50;text-shadow:0 0 8px rgba(255,85,0,.4)}.volume-control{display:flex;align-items:center;gap:12px;position:relative}.volume-button{background:none;border:none;padding:8px;cursor:pointer;color:#666;transition:color .2s ease}.volume-button:hover{color:#30aea8}.volume-slider-container{width:100px;position:relative;padding:8px 0}.volume-slider{width:100%;height:4px;background:#70929c33;border-radius:4px;cursor:pointer;position:relative;transition:height .2s ease}.volume-slider:hover{height:6px}.volume-slider-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(to right,#0ddc43,#30aea8);border-radius:4px}.no-song-playing{width:100%;text-align:center;color:#666;font-size:clamp(14px,3vw,18px);font-style:italic}.toast-notification{position:fixed;bottom:88px;right:24px;background:linear-gradient(135deg,#846170,#70929c);color:#fff;padding:12px 24px;border-radius:8px;z-index:1001;animation:toastSlideIn .3s ease-out,toastFadeOut .3s ease-out 1.7s forwards;box-shadow:0 4px 16px #00000040}@keyframes toastSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastFadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}.now-playing-actions{display:flex;gap:8px;align-items:center;position:relative}.add-to-playlist-button{background:none;border:none;cursor:pointer;font-size:clamp(14px,3vw,18px);padding:8px;color:#fffc;transition:all .2s ease}.like-button:hover,.add-to-playlist-button:hover{color:#f50;transform:scale(1.1)}.like-button.liked{color:var(--primary-color)}.playlist-button-container{position:relative;display:inline-block}.playlist-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#fff;border-radius:8px;box-shadow:0 2px 20px #0003;min-width:240px;max-height:400px;overflow-y:auto;z-index:2001;padding:8px 0;opacity:0;animation:fadeIn .2s forwards}@keyframes fadeIn{to{opacity:1}}.playlist-popup:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:white transparent transparent transparent}.playlist-option{width:100%;padding:12px 16px;text-align:left;border:none;background:none;cursor:pointer;color:#333;font-size:clamp(14px,3vw,18px);transition:background-color .2s}.playlist-option.create-new{border-top:1px solid #eee;color:#f50;padding-top:12px}.playlist-option input{width:calc(100% - 32px);margin:8px 16px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:clamp(14px,3vw,18px)}.toast-notification{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:4px;font-size:clamp(14px,3vw,18px);z-index:2000}@media (max-width: 1024px){.now-playing-inner{padding:0 16px}.now-playing-left{min-width:160px}.volume-slider-container{width:80px}}@media (max-width: 768px){.now-playing{height:64px}.now-playing-right{display:none}.now-playing-left{width:auto;min-width:140px}.now-playing-art{width:40px;height:40px}.now-playing-center{padding:0 12px}.playlist-dropdown{width:90%;max-width:300px;bottom:80px}.playlist-dropdown:after{display:none}.play-button{width:36px;height:36px}}@media (max-width: 480px){.now-playing-art{width:36px;height:36px}.time{display:none}.progress-bar-container{padding:0}}:root{--header-height: 46px;--sidebar-width: 300px;--primary-color: #ff5500;--background-color: #f2f2f2;--text-primary: #333;--text-secondary: #999;--border-color: #e5e5e5;--header-background: #333;--search-background: #e5e5e5;--max-content-width: 1240px;--content-padding: 30px;--z-index-base: 1;--z-index-content: 10;--z-index-header: 1000;--z-index-player: 2000;--z-index-modal-backdrop: 9999;--z-index-modal: 10000}*{margin:0;padding:0;box-sizing:border-box}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.auth-buttons{display:flex;gap:1rem}.auth-buttons button{padding:.5rem 1rem;border-radius:20px;border:none;background-color:#1db954;color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s}.auth-buttons button:hover{background-color:#1ed760}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.4;background-color:var(--background-color)}.app-container{min-height:100vh;background:var(--background-color);padding-bottom:100px}.app-container.full-width .main-content{max-width:100%;padding:0}.app-logo img{width:40px;height:40px;margin-right:8px;margin-top:4px}.app-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:var(--header-background);z-index:1000}.header-content{max-width:var(--max-content-width);height:100%;margin:0 auto;padding:0 var(--content-padding);display:flex;align-items:center;gap:20px}.app-title{display:none}.header-nav{display:flex;align-items:center;gap:24px;height:100%}.nav-link{color:#ccc;text-decoration:none;font-size:clamp(14px,3vw,18px);padding:0 8px;height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.nav-link:hover,.nav-link.active{color:#fff;border-bottom-color:var(--primary-color)}.search-container{flex:1;max-width:300px;position:relative;margin-left:2rem;margin-right:3rem}.search-input{width:300px;height:28px;padding:0 32px;border-radius:4px;border:none;background:var(--search-background);font-size:clamp(14px,3vw,18px)}.header-actions{display:flex;align-items:center;gap:8px}.header-button{padding:4px 10px;font-size:clamp(14px,3vw,18px);font-weight:500;cursor:pointer;transition:background-color .3s}.header-button:hover{background-color:#ff55001a}.button-primary{background:var(--primary-color);color:#fff;border:none}.button-primary:hover{background-color:#e24a00}.button-secondary{background:transparent;color:#ccc;border:1px solid #666}.button-secondary:hover{border-color:#fff;color:#fff}.user-menu{display:flex;align-items:center;gap:4px}.user-avatar{width:26px;height:26px;border-radius:50%;background:#555;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.user-avatar img{width:100%;height:100%;object-fit:cover}.main-layout{display:flex;padding-top:var(--header-height);min-height:calc(100vh - var(--header-height))}.sidebar{width:300px;flex-shrink:0;background:#fff;border-left:1px solid var(--border-color);padding:30px;height:100%;position:sticky;top:var(--header-height)}.sidebar-playlist-item{display:flex;align-items:center;padding:8px;text-decoration:none;color:inherit;transition:background-color .2s;border-radius:4px}.sidebar-playlist-item:hover{background-color:#0000000d}.playlist-thumbnail{width:32px;height:32px;min-width:32px;border-radius:4px;overflow:hidden;margin-right:8px;background-color:#0000001a}.playlist-thumbnail img{width:100%;height:100%;object-fit:cover}.playlist-thumbnail-placeholder{width:100%;height:100%;background-color:#0000001a}.playlist-name{font-size:clamp(14px,3vw,18px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-section{margin-bottom:40px;margin-top:var(--header-height)}.sidebar-heading{font-size:16px;font-weight:500;text-transform:uppercase;color:var(--text-secondary);margin-bottom:20px;letter-spacing:.1em}.sidebar-link{display:block;padding:8px 0;color:var(--text-primary);text-decoration:none;font-size:clamp(14px,3vw,18px)}.sidebar-link:hover{color:var(--primary-color)}.liked-songs-list{max-height:300px;overflow-y:auto;margin-top:8px}.liked-song-item{font-size:.9em;padding:4px 8px;color:#666}.liked-song-item:hover{color:#f50}.liked-songs-header{font-weight:500;color:#333}.liked-songs-list{display:flex;flex-direction:column;gap:8px;padding:8px 0}.liked-song-thumbnail{width:32px;height:32px;border-radius:4px;overflow:hidden;margin-right:8px}.liked-songs-list{display:flex;flex-direction:column;gap:8px;padding:8px 0;max-height:300px;overflow-y:auto}.sidebar-liked-song{display:flex;align-items:center;padding:8px;text-decoration:none;color:inherit;transition:background-color .2s;border-radius:4px}.sidebar-liked-song:hover{background-color:#ffffff1a}.liked-song-thumbnail{width:32px;height:32px;min-width:32px;border-radius:4px;overflow:hidden;margin-right:8px;background-color:#0003}.liked-song-thumbnail img{width:100%;height:100%;object-fit:cover}.song-thumbnail-placeholder{width:100%;height:100%;background-color:#ffffff1a}.liked-song-info{flex:1;min-width:0}.liked-song-name{display:block;font-size:clamp(14px,3vw,18px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-all-link{display:block;padding:12px 8px;color:#f50;text-decoration:none;font-size:clamp(14px,3vw,18px);border-radius:4px;transition:background-color .2s}.view-all-link:hover{background-color:#ff55001a}.liked-songs-list::-webkit-scrollbar{width:6px}.liked-songs-list::-webkit-scrollbar-track{background:#0000001a}.liked-songs-list::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.liked-songs-list::-webkit-scrollbar-thumb:hover{background-color:#fff6}.liked-song-name{display:block;font-size:clamp(14px,3vw,18px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-section{width:100%;max-width:1000px;margin-bottom:30px;padding-top:20px;border-top:1px solid var(--border-color)}.content-section:first-child{margin-bottom:30px;border-top:none}.content-wrapper{padding-top:var(--header-height);min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.centered-content{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--content-padding);display:flex;gap:30px;width:100%;position:relative}.login-prompt{background:none;border:none;width:100%;text-align:left;cursor:pointer;color:#f50;padding:8px}.login-prompt:hover{text-decoration:underline}.main-content{flex:1;min-width:0;padding:30px 0}.main-content.full-width{padding:0}.hero-section .song-artist{color:#ffffffb3;font-weight:100}.view-playlist-button{padding:6px 16px;border-radius:3px;background:#f2f2f2;border:1px solid #e5e5e5;color:var(--text-primary);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-playlist-link{display:block;text-align:right;padding:8px 0;color:var(--text-secondary);text-decoration:none;font-size:16px;transition:color .2s ease}.view-playlist-link:hover{color:var(--text-primary)}.play-button{width:fit-content;padding:8px 24px;font-size:16px;border-radius:3px}.scroll-container{position:relative;width:100%}.scroll-content{display:flex;gap:16px;overflow-x:hidden;padding-bottom:12px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.scroll-content::-webkit-scrollbar{display:none}.scroll-controls{position:absolute;top:50%;transform:translateY(-50%);width:100%;pointer-events:none;z-index:2}.scroll-button{position:absolute;width:30px;height:30px;background:#fff;border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.scroll-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.scroll-button.left{left:-15px}.scroll-button.right{right:-15px}.view-playlist-link{color:#fff;text-decoration:none;font-size:clamp(14px,3vw,18px);opacity:.8;transition:opacity .2s ease;padding:8px 0}.view-playlist-link:hover{opacity:1}.artist-card{flex:0 0 180px;cursor:pointer;outline:none;min-width:180px;text-align:center;transition:transform .2s ease}.artist-card:hover{transform:translateY(-4px)}.artist-image{width:180px;height:180px;border-radius:50%;margin-bottom:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.artist-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.artist-image img{width:100%;height:100%;object-fit:cover}.artist-name{font-size:clamp(14px,3vw,18px);font-weight:500;color:var(--text-primary);margin-bottom:4px}.artist-followers{font-size:16px;color:var(--text-secondary)}.track-card{flex:0 0 180px;min-width:180px;transition:transform .2s ease}.track-card:hover{transform:translateY(-2px)}.track-artwork{width:180px;height:180px;border-radius:4px;margin-bottom:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.track-artwork img{width:100%;height:100%;object-fit:cover}.track-title{font-size:clamp(14px,3vw,18px);font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:16px;color:var(--text-secondary)}.loading-container,.error-container{width:100%;max-width:var(--section-width);padding:40px;text-align:center;color:var(--text-secondary)}@media (max-width: 1440px){:root{--section-width: 750px}}@media (max-width: 1200px){:root{--section-width: 650px}}@media (max-width: 768px){.hide-mobile{display:none}.sidebar{height:auto;overflow-y:visible;position:static;border:none}.liked-songs-list{max-height:none}.main-content{margin-right:0}:root{--section-width: 90%}}@media screen and (max-width: 1280px){.content-section{max-width:850px}}@media screen and (max-width: 1024px){.content-section{max-width:700px}.centered-content{padding:0 20px}}@media screen and (max-width: 768px){.main-content{margin-right:0}.sidebar{display:none}.content-section{max-width:100%}}.mobile-menu{display:none}@media (max-width: 768px){.mobile-menu{display:block}.header-actions,.centered-content .sidebar{display:none}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:.3s ease;z-index:999}.mobile-menu-backdrop.open{opacity:1;visibility:visible}.mobile-menu-drawer{position:fixed;top:0;right:0;width:280px;height:100vh;background:#fff;transform:translate(100%);transition:.3s ease;z-index:1000;display:flex;flex-direction:column}.mobile-menu-drawer.open{transform:translate(0)}.mobile-menu-trigger{padding:8px;background:none;margin-right:8px;border:none;cursor:pointer}.hamburger-line{display:block;width:20px;height:2px;background:#fff;margin:4px 0;transition:.3s ease}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:46px;background:#333;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-close-button{background:none;border:none;padding:8px;cursor:pointer}.close-icon{position:relative;display:inline-block;width:20px;height:20px}.close-icon:before,.close-icon:after{content:"";position:absolute;top:50%;left:0;width:20px;height:2px;background:#fff}.close-icon:before{transform:rotate(45deg)}.close-icon:after{transform:rotate(-45deg)}.mobile-menu-title{color:#fff;font-size:16px}.mobile-menu-content{flex:1;overflow-y:auto}.mobile-menu-content .sidebar{display:block;position:static;width:100%;height:auto;padding:16px;margin-top:0;border:none}.mobile-user-section{padding:16px;border-bottom:1px solid #e5e5e5}.mobile-user-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mobile-user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden}.mobile-user-avatar img{width:100%;height:100%;object-fit:cover}.mobile-username{font-weight:500;margin-bottom:4px}.mobile-profile-link{color:#f50;font-size:clamp(14px,3vw,18px);background:none;border:none;padding:0;cursor:pointer}.mobile-user-actions{display:flex;gap:8px}.mobile-upload-button,.mobile-logout-button{flex:1;padding:8px 16px;border-radius:3px;font-size:clamp(14px,3vw,18px);font-weight:500;text-align:center;cursor:pointer;text-decoration:none}.mobile-upload-button{background:#f50;color:#fff;border:none}.mobile-logout-button{background:#fff;color:#333;border:1px solid #e5e5e5}}._container_mn5rd_1{width:100%}._heroContainer_mn5rd_5{position:relative;width:100%;height:350px;margin-bottom:24px}._heroBackground_mn5rd_12{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}._backgroundImage_mn5rd_21{width:100%;height:100%;object-fit:cover;transform:scale(1.1);filter:blur(4px)}._overlay_mn5rd_29{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#000000b3)}._heroContent_mn5rd_38{position:relative;z-index:1;max-width:1240px;margin:0 auto;height:100%;padding:32px;display:flex;align-items:flex-end}._profile_mn5rd_49{display:flex;align-items:flex-end;gap:24px}._profileImage_mn5rd_55{width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 4px 60px #00000080}._profileImage_mn5rd_55 img{width:100%;height:100%;object-fit:cover}._info_mn5rd_70{margin-bottom:16px}._name_mn5rd_74{font-size:48px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}._meta_mn5rd_83{color:#fffc;font-size:16px}._location_mn5rd_88{display:flex;align-items:center;gap:6px}._content_mn5rd_94{max-width:1240px;margin:0 auto;padding:0 32px}._contentActions_mn5rd_100{margin-bottom:20px}._playAllButton_mn5rd_104{background:var(--primary-color);color:#fff;border:none;padding:8px 24px;border-radius:3px;font-size:clamp(14px,3vw,18px);font-weight:500;cursor:pointer;transition:background-color .2s ease}._playAllButton_mn5rd_104:hover{background-color:#ff6b1a}._toastNotification_mn5rd_121{position:absolute;top:-30px;right:0;background-color:#000c;color:#fff;padding:6px 12px;border-radius:4px;font-size:.9em;white-space:nowrap;z-index:1000;animation:_fadeIn_mn5rd_1 .3s ease-in}@keyframes _fadeIn_mn5rd_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._songsTable_mn5rd_147{width:100%;border-radius:4px;background:#fff;box-shadow:0 1px 3px #0000001a}._songsHeader_mn5rd_154{display:grid;grid-template-columns:50px 2fr 1fr 1fr 100px;padding:12px 20px;border-bottom:1px solid var(--border-color);font-weight:500;color:var(--text-secondary)}._songsList_mn5rd_163{display:flex;flex-direction:column}._songRow_mn5rd_168{display:grid;grid-template-columns:50px 2fr 1fr 1fr 100px;padding:12px 20px;align-items:center;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}._songRow_mn5rd_168:hover{background-color:#f8f8f8}._songNumber_mn5rd_181{color:var(--text-secondary)}._songTitleCell_mn5rd_185{display:flex;align-items:center;gap:12px}._songThumbnail_mn5rd_191{width:40px;height:40px;border-radius:3px;overflow:hidden}._songThumbnail_mn5rd_191 img{width:100%;height:100%;object-fit:cover}._songName_mn5rd_204{font-weight:500}._songArtist_mn5rd_208,._songGenre_mn5rd_209{color:var(--text-secondary)}._songActions_mn5rd_213{display:flex;gap:8px;position:relative}._actionButton_mn5rd_219{background:none;border:none;padding:6px;color:var(--text-secondary);cursor:pointer;border-radius:3px;transition:all .2s ease}._actionButton_mn5rd_219:hover{color:var(--primary-color);background:#0000000d}._playlistDropdown_mn5rd_234{position:absolute;right:0;top:100%;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:200px}._playlistOption_mn5rd_246{display:block;width:100%;padding:.75rem 1rem;text-align:left;border:none;background:none;cursor:pointer}._playlistOption_mn5rd_246:hover{background-color:#f5f5f5}._createNewPlaylist_mn5rd_260{border-top:1px solid #eee;color:#f50;font-weight:500}._loadingContainer_mn5rd_266,._errorContainer_mn5rd_267{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-secondary);font-size:16px}._errorContainer_mn5rd_267{color:var(--primary-color)}@media screen and (max-width: 1024px){._profileImage_mn5rd_55{width:160px;height:160px}._name_mn5rd_74{font-size:36px}._songsHeader_mn5rd_154,._songRow_mn5rd_168{grid-template-columns:50px 2fr 1fr 100px}._songGenre_mn5rd_209{display:none}}@media screen and (max-width: 768px){._heroContainer_mn5rd_5{height:300px}._profile_mn5rd_49{flex-direction:column;align-items:center;text-align:center}._profileImage_mn5rd_55{width:140px;height:140px}._name_mn5rd_74{font-size:28px}._songsHeader_mn5rd_154,._songRow_mn5rd_168{grid-template-columns:50px 2fr 100px;padding:12px 10px}._songArtist_mn5rd_208{display:none}}.edit-playlist-container{padding:2rem;max-width:800px;margin:0 auto}.edit-playlist-form{margin-top:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input.error{border-color:#f44}.error-message{color:#f44;font-size:.875rem;margin-top:.25rem}.save-button{background-color:#f50;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}.save-button:hover{background-color:#f62}.playlist-songs{margin-top:3rem}.songs-list{margin-top:1rem}.song-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #eee}.song-info{display:flex;align-items:center;gap:1rem}.song-thumbnail{width:40px;height:40px;object-fit:cover;border-radius:4px}.remove-song-button{background-color:#f44;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.remove-song-button:hover{background-color:#f55}._container_1e189_1{width:100%}._sectionHeader_1e189_6{margin:25px 0;padding-bottom:10px}._heroWrapper_1e189_12{width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f2f2f2}._scrollSection_1e189_20{margin:30px 0;padding-bottom:20px;border-bottom:1px solid #f2f2f2}._headerContent_1e189_26{display:flex;justify-content:space-between;align-items:center}._sectionTitle_1e189_32{font-size:min(8.15vw,32px);font-weight:700;color:#333}._heroSection_1e189_38{width:100%;height:280px;background:linear-gradient(135deg,#846170,#70929c);border-radius:8px;display:flex;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease}._heroSection_1e189_38:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}._heroArtwork_1e189_54{width:240px;height:240px;position:relative;flex-shrink:0;transition:transform .3s ease}._heroArtwork_1e189_54 img{width:100%;height:100%;object-fit:cover;border-radius:4px;transition:filter .3s ease}._heroPlayButton_1e189_70{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:60px;height:60px;border-radius:50%;background:#f50;border:none;color:#fff;font-size:min(8.15vw,32px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,transform .3s ease,background-color .2s ease;cursor:pointer}._heroArtwork_1e189_54:hover{transform:scale(1.02)}._heroArtwork_1e189_54:hover img{filter:brightness(.8)}._heroArtwork_1e189_54:hover ._heroPlayButton_1e189_70{opacity:1;transform:translate(-50%,-50%) scale(1)}._heroContent_1e189_103{flex:1;margin-left:20px;overflow:hidden}._heroPlayButton_1e189_70:hover{background:#ff6b1a;transform:translate(-50%,-50%) scale(1.1)}._heroPlayButton_1e189_70:focus{opacity:1;outline:none;box-shadow:0 0 0 3px #f506}._heroSongs_1e189_120{height:100%;overflow-y:auto}._songItem_1e189_125{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}._songInfo_1e189_133{flex:1;text-decoration:none;color:inherit;display:flex;gap:8px;align-items:center;min-width:0}._songTitle_1e189_143{font-size:clamp(14px,3vw,18px);font-weight:600;color:#fff}._songDivider_1e189_149{color:#ffffff80}._songArtist_1e189_153{font-size:clamp(14px,3vw,18px);color:#fff9}._songPlayButton_1e189_158{background:none;border:none;color:#fff;font-size:16px;width:32px;margin-right:40px;height:32px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s ease}._songPlayButton_1e189_158:hover{opacity:1}._heroFooter_1e189_177{margin-top:12px;display:flex;justify-content:flex-end}._viewPlaylistButton_1e189_183{padding:6px 16px;border-radius:3px;background:#f2f2f2;border:1px solid #e5e5e5;color:#333;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}._viewPlaylistButton_1e189_183:hover{background:#e5e5e5}._scrollSection_1e189_20{margin:30px 0;padding-bottom:20px}._scrollContainer_1e189_205{position:relative;width:100%}._scrollContent_1e189_210{display:flex;gap:20px;overflow-x:auto;padding:10px 0;scrollbar-width:none}._scrollContent_1e189_210{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative}._scrollContent_1e189_210::-webkit-scrollbar{display:none}._scrollControls_1e189_229{position:absolute;top:50%;transform:translateY(-50%);width:100%;pointer-events:none;z-index:2}._scrollButton_1e189_238{position:absolute;width:40px;height:40px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 6px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto}._scrollButtonLeft_1e189_253{position:absolute;width:40px;height:40px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 6px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;left:-20px}._scrollButtonRight_1e189_269{position:absolute;width:40px;height:40px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 6px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;right:-20px}._scrollButtonLeft_1e189_253{left:-20px}._scrollButtonRight_1e189_269{right:-20px}._scrollButtonLeft_1e189_253:hover,._scrollButtonRight_1e189_269:hover{transform:scale(1.1);background-color:#f8f8f8;box-shadow:0 4px 12px #0003}._scrollButtonLeft_1e189_253:focus,._scrollButtonRight_1e189_269:focus{outline:none;box-shadow:0 0 0 3px #f506,0 2px 6px #00000026}._scrollButtonLeft_1e189_253,._scrollButtonRight_1e189_269{position:absolute;width:40px;height:40px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 6px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;color:#333}@keyframes _shimmer_1e189_1{0%{background-position:-200% 0}to{background-position:200% 0}}._artistCard_1e189_335{flex:0 0 200px;min-width:200px;cursor:pointer;text-align:center;background:none;border:none;padding:0;transition:transform .3s ease;position:relative}._artistCard_1e189_335:hover ._artistImage_1e189_347{transform:scale(1.02);box-shadow:0 12px 24px #0003}._artistCard_1e189_335:hover ._artistImage_1e189_347:after{opacity:1}._artistCard_1e189_335:focus{outline:none}._artistCard_1e189_335:focus-visible{outline:2px solid #ff5500;outline-offset:4px;border-radius:4px}._artistImage_1e189_347{width:200px;height:200px;border-radius:50%;overflow:hidden;margin-bottom:12px;position:relative;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;background:#f0f0f0}._artistImage_1e189_347 img{width:100%;height:100%;object-fit:cover}._artistImage_1e189_347:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity .3s ease}._artistName_1e189_398{font-size:clamp(14px,3vw,18px);font-weight:600;color:#333;transition:color .3s ease;position:relative;display:inline-block}._artistName_1e189_398:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#f50;transform:scaleX(0);transition:transform .3s ease;transform-origin:right}._artistCard_1e189_335:hover ._artistName_1e189_398:after{transform:scaleX(1);transform-origin:left}._trackCard_1e189_426{flex:0 0 220px;min-width:220px;text-decoration:none;color:inherit;transition:transform .3s ease;position:relative}._trackCard_1e189_426:hover{transform:translateY(-8px)}._trackCard_1e189_426:focus{outline:none}._trackCard_1e189_426:focus-visible{outline:2px solid #ff5500;outline-offset:4px;border-radius:4px}._trackArtwork_1e189_449{width:220px;height:220px;border-radius:8px;overflow:hidden;margin-bottom:10px;position:relative;transition:transform .3s ease,box-shadow .3s ease}._trackArtwork_1e189_449:before{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);color:#fff;font-size:32px;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:2}._trackArtwork_1e189_449:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;opacity:0;transition:opacity .3s ease}._trackArtwork_1e189_449 img{width:100%;height:100%;object-fit:cover}._trackTitle_1e189_490{font-size:clamp(14px,3vw,18px);font-weight:600;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._trackCard_1e189_426:hover ._trackArtwork_1e189_449:before{opacity:1;transform:translate(-50%,-50%) scale(1)}._trackCard_1e189_426:hover ._trackArtwork_1e189_449:after{opacity:1}._trackCard_1e189_426:hover ._trackArtwork_1e189_449{transform:scale(1.05);box-shadow:0 12px 24px #0003}._trackArtist_1e189_514{font-size:16px;color:#999}._authButtons_1e189_520{display:flex;gap:10px}._loadingContainer_1e189_526,._errorContainer_1e189_527{width:100%;padding:40px;text-align:center;color:#999}._songItem_1e189_125._loading_1e189_526{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:_shimmer_1e189_1 1.5s infinite;height:60px;border-radius:4px}._errorContainer_1e189_527{color:#f50}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 1200px){._heroSection_1e189_38{height:auto;flex-direction:column}._heroArtwork_1e189_54{width:100%;max-width:240px;margin:0 auto 20px}}@media (max-width: 768px){._trackCard_1e189_426{flex:0 0 160px;min-width:160px}._trackArtwork_1e189_449{width:160px;height:160px}._scrollButtonLeft_1e189_253,._scrollButtonRight_1e189_269{display:none}}:root{--header-height: 60px;--sidebar-width: 420px;--section-width: 70%;--primary-color: #ff5500;--background-color: #ffffff;--text-primary: #333;--text-secondary: #999;--border-color: #e5e5e5}.playlist-view-wrapper{width:100%}.playlist-hero{position:relative;width:100%;height:300px;background:linear-gradient(135deg,#846170,#70929c)}.playlist-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;background:#0000004d}.playlist-hero-content{position:relative;z-index:1;max-width:1240px;margin:0 auto;height:100%;padding:14px 12px;display:flex;align-items:flex-end}.playlist-hero-info{display:flex;align-items:flex-end;gap:24px;margin-bottom:24px}.playlist-artwork{width:232px;height:232px;background:#2c2c2c;border-radius:8px;overflow:hidden;box-shadow:0 4px 60px #00000080}.playlist-artwork img{width:100%;height:100%;object-fit:cover}.playlist-details{display:flex;flex-direction:column;gap:16px;margin-bottom:8px;color:#fff}.playlist-title{font-size:36px;font-weight:700;margin:0}.playlist-meta{display:flex;align-items:center;gap:8px;font-size:clamp(14px,3vw,18px);color:#ffffffb3}.meta-divider{color:#ffffff80}.playlist-content{max-width:1240px;margin:0 auto;padding:24px 32px}.playlist-actions{display:flex;align-items:center;gap:16px;margin-bottom:32px}.play-all-button{background:var(--primary-color);color:#fff;border:none;padding:12px 32px;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.play-all-button:hover{background-color:#f60}.share-button{background:none;border:none;color:#666;font-size:clamp(14px,3vw,18px);cursor:pointer;padding:8px 16px;transition:color .2s ease}.share-button:hover{color:#333}.songs-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.songs-header{display:grid;grid-template-columns:48px 2fr 1fr 1fr 100px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border-color);color:#666;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.songs-list{display:flex;flex-direction:column}.song-row{display:grid;grid-template-columns:48px 2fr 1fr 1fr 100px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.song-row:hover{background-color:#00000005}.song-row:last-child{border-bottom:none}.song-number{color:#999;font-size:clamp(14px,3vw,18px)}.song-title-cell{display:flex;align-items:center;gap:12px}.song-thumbnail{width:40px;height:40px;border-radius:4px;overflow:hidden;background:#eee}.song-thumbnail img{width:100%;height:100%;object-fit:cover}.song-name{font-weight:500;color:#333}.song-artist,.song-genre{color:#666;font-size:clamp(14px,3vw,18px)}.song-actions{display:flex;align-items:center;gap:8px;position:relative}.play-song-button,.add-to-playlist-button{background:none;border:none;color:#999;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.play-song-button:hover,.add-to-playlist-button:hover{color:var(--primary-color);background:#0000000d}.playlist-dropdown{position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:10;min-width:200px;margin-top:4px}.playlist-option{width:100%;padding:12px 16px;text-align:left;border:none;background:none;color:#333;font-size:clamp(14px,3vw,18px);cursor:pointer;transition:background-color .2s ease}.playlist-option:hover{background-color:#0000000d}.hero-footer{display:flex;gap:12px;justify-content:flex-end;padding:8px 0}.view-playlist-button,.edit-playlist-button{padding:6px 16px;border-radius:3px;font-size:16px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease}.view-playlist-button{background:#f2f2f2;border:1px solid #e5e5e5;color:#333}.edit-playlist-button{background:transparent;border:1px solid #e5e5e5;color:#333}.view-playlist-button:hover,.edit-playlist-button:hover{background:#e5e5e5}.playlist-actions{display:flex;gap:12px;margin-bottom:20px}.play-all-button,.edit-playlist-button{padding:8px 24px;border-radius:3px;font-size:clamp(14px,3vw,18px);font-weight:500;cursor:pointer;transition:all .2s ease}.play-all-button{background:#f50;color:#fff;border:none}.play-all-button:hover{background:#ff6a1a}@media screen and (max-width: 1280px){.playlist-hero-content,.playlist-content{max-width:1000px}}@media screen and (max-width: 1024px){.playlist-hero-content,.playlist-content{max-width:900px;padding:24px 20px}}@media screen and (max-width: 768px){.playlist-hero{height:auto;min-height:300px}.playlist-hero-info{flex-direction:column;align-items:flex-start;gap:16px}.playlist-artwork{width:180px;height:180px}.songs-header,.song-row{grid-template-columns:48px 2fr 1fr 80px}.song-genre-header,.song-genre{display:none}}._container_q9vkm_1{width:100%}._contentWrapper_q9vkm_5{max-width:1200px;padding:0 30px;margin:0 auto;width:100%;display:flex;flex-direction:column}._hero_q9vkm_14{background:linear-gradient(135deg,#0009,#22394099);width:100%;height:380px;display:flex;margin-bottom:30px;position:relative;z-index:2;overflow:hidden}._hero_q9vkm_14:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--song-thumbnail);background-size:cover;background-position:center;filter:blur(6px);padding:1px;transform:scale(1.1);z-index:-1;opacity:1}._heroLeft_q9vkm_42{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#ffffff14,#ffffff08);margin:1px;box-shadow:inset 0 0 0 1px #ffffff0d}._heroRight_q9vkm_58{width:380px;height:380px;flex-shrink:0;padding:1px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}._heroRight_q9vkm_58 img{width:100%;height:100%;object-fit:cover;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0003}._heroLeft_q9vkm_42,._heroRight_q9vkm_58{position:relative;z-index:1}._playButton_q9vkm_84{width:60px;height:60px;border-radius:50%;background:#f50;border:none;color:#fff;font-size:min(8.15vw,32px);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}._playButton_q9vkm_84:hover{transform:scale(1.05)}._songInfo_q9vkm_103{display:flex;flex-direction:column;margin-left:20px;gap:8px;text-shadow:black 1px 1px 2px}._songInfo_q9vkm_103 button{text-shadow:black 1px 1px 1px}._artistName_q9vkm_116{font-size:16px;color:#999;margin:0}._songTitle_q9vkm_122{font-size:min(8.15vw,32px);color:#fff;margin:0;line-height:1.2}._songMeta_q9vkm_129{display:flex;align-items:center;gap:10px;margin-top:4px}._songDate_q9vkm_136{font-size:clamp(14px,3vw,18px);color:#999}._songGenre_q9vkm_141{font-size:clamp(14px,3vw,18px);color:#999;background:#0003;padding:4px 8px;border-radius:15px;display:inline-block}._waveform_q9vkm_150{width:100%;height:100px;background:#ffffff1a;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#fff9;margin-top:auto}._content_q9vkm_5{display:flex;gap:30px;position:relative;z-index:1}._mainContent_q9vkm_170{flex:1;position:relative;z-index:2;background:#fff}._commentForm_q9vkm_177{display:flex;gap:15px;background:#f2f2f2;padding:20px;border-radius:3px;margin-bottom:20px}._userAvatar_q9vkm_186{width:40px;height:40px;border-radius:50%;overflow:hidden}._userAvatar_q9vkm_186 img{width:100%;height:100%;object-fit:cover}._commentInputWrapper_q9vkm_199{flex:1;display:flex;gap:10px}._commentInput_q9vkm_199{flex:1;padding:8px 12px;border:1px solid #e5e5e5;border-radius:4px;font-size:clamp(14px,3vw,18px)}._submitButton_q9vkm_213{padding:8px 15px;background:#f50;color:#fff;border:none;border-radius:3px;font-size:clamp(14px,3vw,18px);cursor:pointer}._likeButton_q9vkm_223{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:8px}._errorMessage_q9vkm_232{color:#f50;font-size:clamp(14px,3vw,18px);margin:10px 0}._commentsList_q9vkm_238{display:flex;flex-direction:column;gap:20px}._comment_q9vkm_177{display:flex;gap:15px}._commentAvatar_q9vkm_249{width:40px;height:40px;border-radius:50%;overflow:hidden}._commentAvatar_q9vkm_249 img{width:100%;height:100%;object-fit:cover}._commentContent_q9vkm_262{flex:1}._commenterName_q9vkm_266{font-size:clamp(14px,3vw,18px);color:#999;margin-bottom:4px}._commentText_q9vkm_272{font-size:clamp(14px,3vw,18px);color:#333}._editCommentField_q9vkm_277{padding-left:.5em}._commentButtonsContainer_q9vkm_281{display:flex;gap:3vw;justify-content:space-between;margin-top:20px;width:fit-content}._btnCommentControl_q9vkm_289{background-color:var(--text-primary);border:1px solid var(--text-primary);color:#fff;font-weight:700;padding:10px 0;transition:all .25s ease-in;width:100px}._btnCommentControl_q9vkm_289:hover{background-color:#fff;color:var(--text-primary)}._sidebar_q9vkm_304{width:300px;flex-shrink:0;margin-top:0}._sidebarSection_q9vkm_310{margin-bottom:30px}._sidebarHeading_q9vkm_314{color:#999;text-transform:uppercase;font-size:16px;font-weight:600;margin-bottom:15px}._noComments_q9vkm_322{text-align:center;color:#999;padding:30px 0}@media (max-width: 1024px){._hero_q9vkm_14{height:auto}._heroRight_q9vkm_58{width:300px}}@media (max-width: 768px){._content_q9vkm_5,._comment_q9vkm_177{flex-direction:column}._sidebar_q9vkm_304{width:100%}._comment_q9vkm_177{align-items:center}._commentContent_q9vkm_262{align-items:center;display:flex;flex-direction:column}._commentText_q9vkm_272{text-align:center}._editCommentForm_q9vkm_362{width:250px}._editCommentForm_q9vkm_362>._editCommentField_q9vkm_277,._editCommentForm_q9vkm_362>._commentButtonsContainer_q9vkm_281{width:100%}}.required-star{color:red}.edit-profile-section{align-items:center}.profile-picture{border-radius:50%;height:160px;margin-top:5px;width:160px}.upload-song-form,.upload-form-field,.song-upload-button{width:100%}.upload-song-form{align-items:center;gap:20px;margin-top:20px;padding:0 25%}.upload-form-text-label{font-weight:700}.upload-form-text-input{outline-color:#30aea8;padding:8px 3%}.choose-file-button,.song-upload-button{padding:10px 30%}.choose-file-button{background-color:#333;color:#fff}.label-on-button{cursor:inherit;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.song-upload-button{background:linear-gradient(#0ddc43,#22be83,#30aea8);border-radius:20px;margin-top:30px}.playlists-screen{width:100%}.content-section{width:100%;margin-bottom:30px;padding-top:20px;border-top:1px solid var(--border-color)}.content-section:first-child{border-top:none;padding-top:0}.section-header{margin-bottom:16px}.section-title{font-size:clamp(14px,3vw,18px);font-weight:500;color:var(--text-primary)}.hero-section{width:100%;height:250px;border-radius:4px;background:linear-gradient(135deg,#846170,#70929c);margin-bottom:12px;display:flex;overflow:hidden;position:relative;padding:16px}.hero-artwork{width:220px;height:220px;position:relative;flex-shrink:0;padding:16px}.hero-artwork img{width:100%;height:100%;object-fit:cover}.hero-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:var(--primary-color);border:none;color:#fff;font-size:min(8.15vw,32px);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease}.hero-artwork:hover .hero-play-button{opacity:1}.hero-content{flex:1;padding:16px;display:flex;flex-direction:column}.hero-songs{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:188px;padding-right:12px}.hero-song-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1);min-height:40px}.hero-song-item:last-child{border-bottom:none}.song-info{display:flex;align-items:center;gap:8px;color:#fff}.song-title{font-size:clamp(14px,3vw,18px);font-weight:500}.song-divider{color:#ffffff80;font-weight:300}.song-artist{font-size:clamp(14px,3vw,18px);color:#fffc}.song-play-button{background:none;border:none;margin-right:1rem;color:#fff;font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.8;transition:opacity .2s ease}.song-play-button:hover{opacity:1}.hero-footer{display:flex;justify-content:flex-end;padding:8px 0}.view-playlist-button{padding:6px 16px;border-radius:3px;background:#f2f2f2;border:1px solid #e5e5e5;color:var(--text-primary);font-size:16px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease}.view-playlist-button:hover{background:#e5e5e5}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;height:400px;color:#666;font-size:16px}.error-container{color:var(--primary-color)}@media screen and (max-width: 1024px){.hero-section{height:auto;min-height:300px;flex-direction:column}.hero-artwork{width:180px;height:180px}}@media screen and (max-width: 768px){.user-header,.playlists-screen{padding:0 20px}.hero-section,.hero-content{padding:12px}.tab-list{gap:20px}.tab-button{font-size:clamp(14px,3vw,18px)}}.delete-modal-button-row{display:flex;gap:2vw;margin-top:20px}.delete-modal-button{border:2px solid black;font-size:1.5rem;padding:10px 3.9vw;margin:auto;width:fit-content;font-weight:700;letter-spacing:.06em}.delete-confirm{background-color:red;color:#fff}.uploads-section{gap:20px}.hero-section.user-uploads{align-items:center;flex-direction:column;overflow:scroll;padding:16px 8%}.hero-section.user-uploads>.track-item{width:100%}.hero-section.user-uploads>.track-item>.track-main .track-title,.hero-section.user-uploads>.track-item>.track-meta .track-date,.hero-section.user-uploads>.track-item>.track-meta .track-genre{color:var(--text-primary);font-size:clamp(18px,2vw,20px);font-weight:700}.no-uploads-yet{align-items:center;justify-content:center;padding:0 10%}.no-uploads-button.header-button.button-primary{border-radius:2em;font-size:2rem;text-decoration:none;text-align:center;margin-top:50px;padding:20px 0;width:100%}.edit-song-button{color:#00008b}.delete-song-button{color:#8b0000}.track-info.track-title-container{position:relative}.title-track-tooltip{align-items:center;background-color:#fff;clip-path:polygon(0% 25%,45% 25%,50% 15%,55% 25%,100% 25%,100% 75%,0% 75%);color:#000;display:none;height:50px;padding:1.2em 2.4em;position:absolute;top:100%;width:fit-content}.track-info.track-title-container:hover .title-track-tooltip{display:flex}@media screen and (max-width: 1150px){.hero-section.user-uploads{height:auto;min-height:300px}.hero-section.user-uploads>.track-item{align-items:flex-start;flex-direction:column}.hero-section.user-uploads>.track-item>.track-meta{justify-content:flex-start}}.user-view-container{width:100%}.user-view-image-container{overflow:hidden;width:100%}.user-view-top-image{height:auto;object-fit:cover;width:100%}.user-view-image .user-header{margin-bottom:32px;padding:0 32px}.user-header h1{font-size:20px;font-weight:500;color:var(--text-primary);margin-bottom:16px}.user-nav{border-bottom:1px solid var(--border-color)}.tab-list{display:flex;gap:32px}.tab-button{background:none;border:none;padding:12px 0;color:var(--text-secondary);font-size:clamp(14px,3vw,18px);font-weight:500;cursor:pointer;position:relative;transition:color .2s ease}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--primary-color)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary-color)}.user-content{width:100%}#modal,#modal-background{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}#modal{align-items:center;display:flex;justify-content:center}#modal-background{background-color:#000000b3}#modal-content{align-items:center;background-color:#fff;border-radius:.5em;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:600px;padding:25px;position:absolute;top:100px;width:49.56vw}#modal-content h1{font-size:clamp(1.5rem,3.125vw,2rem);margin-bottom:20px;text-align:center;z-index:10000}#modal-content .form-container,#modal-content .form-container label,#modal-content .form-container label>input{width:100%}#modal-content input{background:#0080801a;border:2px solid darkblue;padding:.5em .2em;margin-top:4px}#modal-content .form-container label:not(:nth-of-type(1)){margin-top:10px}#modal-content .form-container button{border:2px solid darkblue;box-shadow:2px 2px #00008b;margin-top:20px;padding:10px 3.9vw;width:100%}@media screen and (max-width: 575px){#modal-content{max-width:320px;width:93vw}}