@font-face{font-display:swap;font-family:Starborn;font-style:normal;font-weight:400;src:url(/static/media/Starborn.921086e813b46abea23a.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body,html{overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fafa33;font-family:Starborn,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background:#000;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-brand{align-items:center;display:flex;text-decoration:none}.navbar-logo{height:80px;max-width:400px;object-fit:contain;width:auto}.navbar-logo-text{color:#667eea;font-size:1.5rem;font-weight:700}.navbar-menu{align-items:center;display:flex;gap:1.5rem}.navbar-link{font-weight:500;text-decoration:none;transition:color .3s}.navbar-link,.navbar-link:hover{color:#fafa33}.navbar-user{color:#666;font-size:.9rem}.navbar-button{border:none;border-radius:25px;color:#000;cursor:pointer;display:inline-block;font-weight:500;padding:.5rem 1.5rem;text-decoration:none;transition:background .3s}.navbar-button,.navbar-button:hover{background:#fafa33}@media (max-width:768px){.navbar-container{flex-direction:column;gap:1rem}.navbar-menu{flex-wrap:wrap;gap:1rem;justify-content:center}.navbar-user{display:none}.navbar-logo{height:60px;max-width:300px}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.auth-card{background:#fafa33;max-width:400px;padding:2.5rem;width:100%}.auth-card h2{color:#000;font-size:2rem;margin-bottom:2rem;text-align:center}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea}.auth-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:background .3s;width:100%}.auth-button:hover:not(:disabled){background:#5568d3}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-link{color:#000;margin-top:1.5rem;text-align:center}.auth-link a{color:#667eea;font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}@media (max-width:768px){.auth-card{padding:2rem 1.5rem}.auth-card h2{font-size:1.5rem}}.audio-player{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)!important;border:1px solid #fafa331a!important;border-radius:24px!important;box-shadow:0 8px 32px #0006,0 0 0 1px #fafa330d,inset 0 1px 0 #ffffff0d!important;margin:2rem 0!important;padding:2rem!important;position:-webkit-sticky!important;position:sticky!important;top:80px!important;transition:all .3s ease!important;z-index:100!important}.audio-player:hover{border-color:#fafa3333;box-shadow:0 12px 48px #00000080,0 0 0 1px #fafa331a,inset 0 1px 0 #ffffff14}.player-info{margin-bottom:2rem;position:relative;text-align:center}.player-info:after{background:linear-gradient(90deg,#0000,#fafa33,#0000);border-radius:2px;bottom:-1rem;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.player-info h3{color:#fff!important;font-size:1.5rem!important;font-weight:600!important;letter-spacing:-.02em!important;margin-bottom:.5rem!important;text-shadow:0 2px 8px #0000004d!important}.player-info p{color:#ffffffb3!important;font-size:.95rem!important;font-weight:400!important;letter-spacing:.01em!important}.player-controls{flex-wrap:wrap;gap:1.5rem}.play-button,.player-controls{align-items:center;display:flex;justify-content:center}.play-button{background:linear-gradient(135deg,#fafa33,#e8e82a);border:none;border-radius:50%;box-shadow:0 4px 16px #fafa334d,0 0 0 0 #fafa3366,inset 0 1px 0 #fff3;color:#000;cursor:pointer;flex-shrink:0;font-size:1.8rem;height:64px;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.play-button .play-icon{filter:brightness(0) saturate(100%);height:24px;object-fit:contain;width:24px}.play-button .pause-icon{align-items:center;display:flex;font-size:1.5rem;justify-content:center;line-height:1}.play-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.play-button:active{transform:scale(.98)}.progress-container{align-items:center;display:flex;flex:1 1;gap:1rem;max-width:500px;min-width:250px}.progress-wrapper{background:#ffffff1a;border-radius:6px;flex:1 1;height:6px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#fafa33,#e8e82a);border-radius:6px;box-shadow:0 0 8px #fafa334d;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:width .1s linear}.time{font-feature-settings:"tnum";color:#fff9;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.02em;min-width:45px}.progress-bar{-webkit-appearance:none;appearance:none;background:#0000;border-radius:6px;cursor:pointer;height:6px;left:0;margin:0;outline:none;position:absolute;top:0;width:100%;z-index:2}.progress-wrapper:hover,.progress-wrapper:hover .progress-bar{height:8px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#fafa33,#e8e82a);border:2px solid #0000004d;border-radius:50%;box-shadow:0 2px 8px #fafa3366,0 0 0 2px #0003,0 0 0 4px #fafa331a;cursor:pointer;height:18px;position:relative;-webkit-transition:all .2s;transition:all .2s;width:18px;z-index:3}.progress-bar::-webkit-slider-thumb:hover{box-shadow:0 3px 12px #fafa3380,0 0 0 2px #0003,0 0 0 6px #fafa3326;transform:scale(1.2)}.progress-wrapper:hover .progress-bar::-webkit-slider-thumb{height:20px;width:20px}.progress-bar::-moz-range-thumb{background:linear-gradient(135deg,#fafa33,#e8e82a);border:2px solid #0000004d;border-radius:50%;box-shadow:0 2px 8px #fafa3366,0 0 0 2px #0003,0 0 0 4px #fafa331a;cursor:pointer;height:18px;position:relative;-moz-transition:all .2s;transition:all .2s;width:18px;z-index:3}.progress-bar::-moz-range-thumb:hover{box-shadow:0 3px 12px #fafa3380,0 0 0 2px #0003,0 0 0 6px #fafa3326;transform:scale(1.2)}.progress-wrapper:hover .progress-bar::-moz-range-thumb{height:20px;width:20px}.progress-bar::-webkit-slider-runnable-track{background:#0000;border:none;border-radius:6px;height:6px}.progress-bar::-moz-range-track{background:#0000;border:none;border-radius:6px;height:6px}.volume-container{align-items:center;display:flex;gap:.75rem;min-width:140px}.volume-container span{color:#ffffffb3;font-size:1.2rem;transition:color .2s}.volume-container:hover span{color:#fafa33}.volume-bar{background:#ffffff1a;border-radius:4px;cursor:pointer;flex:1 1;height:4px;outline:none;transition:height .2s}.volume-bar:hover{height:6px}.volume-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#fafa33,#e8e82a);border:1.5px solid #0000004d;border-radius:50%;box-shadow:0 2px 6px #fafa334d,0 0 0 2px #0003;cursor:pointer;height:14px;-webkit-transition:all .2s;transition:all .2s;width:14px}.volume-bar::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #fafa3366,0 0 0 2px #0003,0 0 0 4px #fafa331a;transform:scale(1.15)}.volume-bar::-moz-range-thumb{background:linear-gradient(135deg,#fafa33,#e8e82a);border:1.5px solid #0000004d;border-radius:50%;box-shadow:0 2px 6px #fafa334d,0 0 0 2px #0003;cursor:pointer;height:14px;-moz-transition:all .2s;transition:all .2s;width:14px}.volume-bar::-moz-range-thumb:hover{box-shadow:0 2px 8px #fafa3366,0 0 0 2px #0003,0 0 0 4px #fafa331a;transform:scale(1.15)}.volume-bar::-moz-range-progress{background:linear-gradient(90deg,#fafa33,#e8e82a);border-radius:4px;height:4px}.volume-bar::-webkit-slider-runnable-track{background:linear-gradient(90deg,#fafa33,#e8e82a);border-radius:4px;height:4px}@keyframes pulse-glow{0%,to{box-shadow:0 4px 16px #fafa334d,0 0 0 0 #fafa3366}50%{box-shadow:0 6px 24px #fafa3366,0 0 0 4px #fafa331a}}.play-button.playing{animation:pulse-glow 2s ease-in-out infinite}@media (max-width:768px){.audio-player{border-radius:20px;margin:1rem 0;padding:1.5rem}.player-info h3{font-size:1.3rem}.player-info p{font-size:.85rem}.player-controls{flex-direction:column;gap:1.25rem}.play-button{font-size:1.6rem;height:56px;width:56px}.progress-container{max-width:none}.progress-container,.volume-container{min-width:0;min-width:auto;width:100%}.time{font-size:.8rem}}@media (prefers-color-scheme:dark){.audio-player{background:linear-gradient(135deg,#0a0a0a,#151515)}}.dashboard-layout{background:#000;color:#fafa33;display:flex;min-height:100vh}.dashboard-sidebar{background:#000;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;height:100vh;left:0;padding:1.5rem 0;position:fixed;top:0;width:240px;z-index:100}.sidebar-logo{align-items:center;display:flex;padding:0 1.5rem 2rem;text-decoration:none}.logo-img{height:50px;max-width:100%;object-fit:contain;width:auto}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:0 1rem}.nav-item{align-items:center;background:none;border:none;border-radius:50px;color:#fafa33;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.nav-item:hover{background:#ffffff0d;border-radius:50px;color:#fafa33}.nav-item.active{background:#fafa334d;border-radius:50px;color:#fafa33}.nav-icon{font-size:1.2rem;text-align:center;width:24px}.nav-icon.home-icon,.nav-icon.login-icon,.nav-icon.signup-icon{flex-shrink:0;height:24px;width:24px}.nav-caret{font-size:.8rem;margin-left:auto}.nav-sub-item{align-items:center;border-radius:50px;color:#fafa33;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 1rem .5rem 2.5rem;text-decoration:none;transition:all .2s}.nav-sub-item:hover{background:#ffffff0d;border-radius:50px;color:#fafa33}.sub-item-icon{font-size:.6rem;text-align:center;width:24px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem}.logout-item{justify-content:flex-start;width:100%}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:240px;min-height:100vh;position:relative}.mobile-menu-toggle{background:#000c;border:1px solid #fff3;border-radius:8px;color:#fafa33;cursor:pointer;display:none;font-size:1.5rem;height:44px;left:1rem;position:fixed;top:1rem;transition:all .2s;width:44px;z-index:101}.mobile-menu-toggle:hover{background:#000000e6;border-color:#fafa3380}.mobile-menu-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}.dashboard-topbar{align-items:center;background:#000;border-bottom:1px solid #ffffff1a;display:flex;gap:2rem;justify-content:center;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-logo{display:none;text-decoration:none}.topbar-logo .logo-img{height:40px;object-fit:contain;width:auto}.topbar-search{align-items:center;display:flex;flex:1 1;margin:0 auto;max-width:600px;position:relative}.search-icon{color:#ffffff80;font-size:1.2rem;left:1rem;position:absolute}.search-input{background:#fafa33;border:1px solid #fafa33;border-radius:24px;color:#000;font-family:Starborn,sans-serif;font-size:1rem;outline:none;padding:.75rem 1rem;text-align:center;transition:all .2s;width:100%}.search-input:focus{background:#fafa33;border-color:#fafa33}.search-input::placeholder{color:#000!important;color:#ffffff80;font-family:Starborn,sans-serif;opacity:1;text-align:center}.topbar-user{gap:1rem;position:absolute;right:2rem}.topbar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,orange,#ff8c00);border-radius:50%;color:#1a1a1a;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-info{display:flex;flex-direction:column}.user-name{font-size:.95rem;font-weight:600}.user-status{color:#fff9;font-size:.75rem}.topbar-icon-btn{background:none;border:none;border-radius:8px;cursor:pointer;font-size:1.3rem;padding:.5rem;transition:background .2s}.topbar-icon-btn:hover{background:#ffffff1a}.topbar-link{border-radius:8px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background .2s}.topbar-link:hover{background:#ffffff1a}.dashboard-content{flex:1 1;overflow-y:auto;padding:2rem}.featured-section{background:#e89f21;background:linear-gradient(90deg,#e89f21,#e4e95d);background:-webkit-linear-gradient(90deg,#e89f21,#e4e95d);border-radius:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E89D1F",endColorstr="#E4E95D",GradientType=1);margin:-2rem -2rem 3rem;padding:3rem 2rem;width:calc(100% + 4rem)}.featured-carousel{height:400px;overflow:hidden}.featured-cards,.featured-carousel{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.featured-cards{height:100%}.featured-card{border-radius:16px;box-shadow:0 8px 32px #0006;cursor:pointer;height:280px;overflow:hidden;position:absolute;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);width:280px}.featured-card.active{box-shadow:0 12px 48px #ffa5004d;height:320px;width:320px}.featured-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-size:6rem;height:100%;justify-content:center;width:100%}.featured-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;left:0;padding:1.5rem;position:absolute;right:0}.featured-title{font-size:1.3rem;font-weight:600;letter-spacing:2px;margin-bottom:.25rem}.featured-artist{color:#fffc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;margin-bottom:.75rem}.featured-play-btn{align-items:center;background:orange;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;font-size:1.2rem;height:48px;justify-content:center;padding:0;transition:transform .2s;width:48px}.featured-play-btn .play-icon{filter:brightness(0) saturate(100%);height:20px;object-fit:contain;width:20px}.carousel-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:40px;z-index:20}.carousel-nav:hover{background:#ffa5004d;color:orange}.carousel-nav.prev{left:1rem}.carousel-nav.next{right:1rem}.categories-section{margin-bottom:3rem}.section-title{color:#fafa33;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.categories-scroll{align-items:center;display:flex;gap:1rem;position:relative}.categories-list{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;gap:.75rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.categories-list::-webkit-scrollbar{display:none}.category-btn{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;justify-content:center;padding:.6rem 1.5rem;text-align:center;transition:all .2s;white-space:nowrap}.category-btn:hover{background:#ffffff1a;color:#fff}.category-btn.active{background:#fafa334d;border-color:#fafa3380;color:#fff}.scroll-nav{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.2rem;height:36px;transition:all .2s;width:36px}.scroll-nav:hover{background:#fafa334d;color:#fafa33}.popular-songs-section{margin-bottom:3rem}.songs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:.5rem 0}.song-card{color:inherit;display:flex;flex-direction:column;position:relative;text-decoration:none;transition:transform .2s}.song-card:hover{transform:translateY(-4px)}.song-image-wrapper{margin-bottom:.75rem;position:relative;width:100%}.song-image{aspect-ratio:1;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 16px #0000004d;font-size:4rem;width:100%}.song-image,.song-play-btn{align-items:center;display:flex;justify-content:center}.song-play-btn{background:orange;border:none;border-radius:50%;bottom:12px;box-shadow:0 4px 12px #0006;color:#1a1a1a;cursor:pointer;font-size:1.2rem;height:48px;opacity:1;padding:0;position:absolute;right:12px;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:10}.song-play-btn .play-icon{filter:brightness(0) saturate(100%);height:20px;object-fit:contain;width:20px}.song-play-btn .pause-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center;line-height:1}.song-play-btn:active{transform:scale(.95)}.song-play-btn.playing{background:orange;box-shadow:0 0 0 4px #ffa5004d;opacity:1;transform:scale(1)}.song-info{text-align:left}.playlists-section{background:#e89f21;background:linear-gradient(90deg,#e89f21,#e4e95d);background:-webkit-linear-gradient(90deg,#e89f21,#e4e95d);border-radius:16px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E89D1F",endColorstr="#E4E95D",GradientType=1);margin-bottom:3rem;margin-top:2rem;padding:2rem}.playlists-section .section-title{color:#fff}.playlists-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.playlist-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:inherit;padding:1.5rem;text-decoration:none;transition:all .2s}.playlist-card:hover{background:#ffffff14;box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.playlist-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;font-size:4rem;height:200px;justify-content:center;margin-bottom:1rem;width:100%}.playlist-info h3{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:2px;margin-bottom:.5rem}.playlist-info p{color:#ffffffb3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;line-height:1.4}.playlist-info p,.playlist-tags{margin-bottom:.75rem}.playlist-tag{background:#ffa50033;border:1px solid #ffa5004d;color:#fff;padding:.25rem .6rem}.playlist-meta,.playlist-tag{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.playlist-meta{border-top:1px solid #ffffff1a;color:#fff9;display:flex;justify-content:space-between;padding-top:.75rem}.loading{color:#ffffffb3;font-size:1.2rem;padding:3rem;text-align:center}.error-message{background:#f003;border:1px solid #ff00004d;margin-bottom:2rem}.empty-state{color:#ffffffb3;font-size:1.1rem}.empty-state a{color:orange;text-decoration:none}.empty-state a:hover{text-decoration:underline}.dashboard-audio-player{background:#000;border-top:1px solid #ffffff1a;bottom:0;left:240px;position:fixed;right:0;z-index:200}@media (max-width:768px){.dashboard-audio-player{left:70px}}@media (max-width:1024px){.dashboard-sidebar{width:200px}.dashboard-main{margin-left:200px}}@media (max-width:768px){.dashboard-sidebar{padding:1rem 0;width:70px}.sidebar-logo .logo-img{height:40px}.nav-caret,.nav-item span:not(.nav-icon){display:none}.nav-item{justify-content:center;padding:1rem}.dashboard-main{margin-left:70px}.dashboard-topbar{gap:1rem;padding:1rem}.topbar-search{max-width:200px}.topbar-user .user-info{display:none}.dashboard-content{padding:1rem}.featured-card{height:240px;width:240px}.featured-card.active{height:260px;width:260px}.playlists-grid{grid-template-columns:1fr}.songs-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.featured-section{margin:-1rem -1rem 2rem;padding:2rem 1rem;width:calc(100% + 2rem)}.featured-carousel{height:300px}.featured-card{height:200px;width:200px}.featured-card.active{height:220px;width:220px}.section-title{font-size:1.2rem}.categories-section{margin-bottom:2rem}.category-btn{font-size:.85rem;padding:.5rem 1rem}.popular-songs-section{margin-bottom:2rem}.playlists-section{margin-top:1.5rem;padding:1.5rem}}@media (max-width:480px){.mobile-menu-overlay,.mobile-menu-toggle{display:block}.dashboard-sidebar{transform:translateX(-100%);transition:transform .3s ease;z-index:100}.dashboard-sidebar.mobile-open{transform:translateX(0)}.dashboard-main{margin-left:0;width:100%}.dashboard-topbar{padding:.75rem 1rem}.topbar-search{font-size:.9rem;max-width:150px}.dashboard-content{padding:1rem .75rem}.featured-section{margin:-.75rem -.75rem 1.5rem;padding:1.5rem .75rem;width:calc(100% + 1.5rem)}.featured-carousel{height:250px}.featured-card{height:160px;width:160px}.featured-card.active{height:180px;width:180px}.songs-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.song-card{min-height:auto}.song-image{height:120px}.song-title{font-size:.9rem}.song-artist{font-size:.75rem}.section-title{font-size:1.1rem;margin-bottom:1rem}.category-btn{font-size:.8rem;padding:.45rem .85rem}.playlists-section{margin-top:1rem;padding:1rem}.playlist-card{padding:1rem}.playlist-image{height:150px}.playlist-info h3{font-size:1rem}.playlist-info p{font-size:.85rem}.scroll-nav{font-size:1rem;height:32px;width:32px}}.my-playlists-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:2rem 0}.my-playlists-header h1{color:#fff;font-size:2.5rem;text-shadow:2px 2px 4px #0003}.create-button{background:#fff;border-radius:25px;color:#667eea;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:transform .3s,box-shadow .3s}.create-button:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.empty-state{background:#fafa33;color:#000;padding:3rem;text-align:center}.empty-state p{font-size:1.1rem;margin-bottom:1.5rem}.playlist-card{background:#fafa33;padding:2rem;transition:transform .3s}.playlist-card,.playlist-link{display:flex;flex-direction:column}.playlist-link{align-items:center;color:inherit;flex-grow:1;text-align:center;text-decoration:none}.playlist-card:hover{transform:translateY(-5px)}.playlist-icon{font-size:4rem;margin-bottom:1rem}.playlist-card h3{color:#000;font-size:1.5rem;margin-bottom:.5rem}.playlist-description{color:#000;flex-grow:1;font-size:.9rem;margin-bottom:1rem}.playlist-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:.75rem 0;min-height:1.5rem}.playlist-tag{background:#667eea33;border:1px solid #667eea4d;border-radius:12px;color:#667eea}.playlist-tag,.playlist-tag-more{display:inline-block;font-size:.75rem;font-weight:500;padding:.3rem .6rem}.playlist-tag-more{color:#0009}.playlist-meta{color:#000;font-size:.85rem;text-align:center;width:100%}.playlist-actions,.playlist-meta{border-top:1px solid #000;padding-top:1rem}.playlist-actions{margin-top:1rem}.delete-button{background:#f44;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem;transition:background .3s;width:100%}.delete-button:hover{background:#c00}@media (max-width:768px){.my-playlists-header{align-items:stretch;flex-direction:column}.my-playlists-header h1{font-size:2rem;text-align:center}.create-button{text-align:center}}.create-playlist-container{display:flex;justify-content:center;padding:2rem 0}.create-playlist-card{background:#fafa33;max-width:500px;padding:2.5rem;width:100%}.create-playlist-card h2{color:#000;font-size:2rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#000;display:block}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.submit-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:background .3s;width:100%}.submit-button:hover:not(:disabled){background:#5568d3}.submit-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fafa33;color:#000;margin-bottom:1rem;padding:.75rem}.tags-input-container{display:flex;flex-direction:column;gap:.75rem}.tag-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.tag-input:focus{border-color:#667eea;outline:none}.tags-display{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem}.tag{background:#667eea;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.4rem .75rem}.tag,.tag-remove{align-items:center;color:#fff}.tag-remove{background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:20px}.tag-remove:hover{background:#ffffff4d}.suggested-tags{display:flex;flex-direction:column;gap:.5rem}.suggested-tags-label{color:#0009;font-size:.85rem;font-weight:500}.suggested-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.suggested-tag{background:#667eea1a;border:1px solid #667eea4d;border-radius:16px;color:#667eea;cursor:pointer;font-family:inherit;font-size:.85rem;padding:.35rem .75rem;transition:all .2s}.suggested-tag:hover{background:#667eea33;border-color:#667eea;transform:translateY(-1px)}.suggested-tag:active{transform:translateY(0)}@media (max-width:768px){.create-playlist-card{padding:2rem 1.5rem}}.playlist-detail-container{background:#000;color:#fafa33;min-height:100vh;padding-bottom:100px}.playlist-detail-header{align-items:flex-start;background:#000c;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.back-button,.menu-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fafa33;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;transition:background .2s;width:44px}.back-button:hover,.menu-button:hover{background:#fafa331a}.playlist-detail-title{color:#fafa33;font-family:Starborn,sans-serif;font-size:2rem;font-weight:600;letter-spacing:2px;margin:0 0 .5rem;text-align:center}.playlist-description-text{color:#ffffffb3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;line-height:1.4;margin:0}.playlist-songs-list{margin:0;padding:0}.playlist-song-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:1rem;padding:1rem;transition:background .2s}.playlist-song-item:hover{background:#ffffff05}.playlist-song-item.playing{background:#fafa331a}.song-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.song-details{flex:1 1;min-width:0}.song-title{color:#fafa33;font-family:Starborn,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:.25rem}.song-artist,.song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist{color:#fff9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.85rem}.song-play-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fafa33;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;transition:all .2s;width:44px}.song-play-button:hover{background:#fafa3333;border-color:#fafa3366;transform:scale(1.05)}.song-play-button .play-icon{filter:brightness(0) saturate(100%) invert(89%) sepia(100%) saturate(10000%) hue-rotate(0deg);height:20px;object-fit:contain;width:20px}.playlist-song-item.playing .song-play-button{background:#fafa334d;border-color:#fafa3380}.floating-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-top:1px solid #ffffff1a;bottom:0;left:0;padding:1rem;position:fixed;right:0;z-index:1000}.floating-player .audio-player{background:#0000;border:none;box-shadow:none;margin:0;padding:1rem}.empty-songs{color:#fff9;padding:3rem 1rem;text-align:center}.empty-songs p{margin:.5rem 0}.error-message{background:#ff00001a;border-radius:8px;color:#ff6b6b;margin:1rem;padding:1rem;text-align:center}.upload-section{background:#fafa331a;border:1px solid #fafa3333;border-radius:16px;margin:2rem 1rem;padding:2rem}.upload-section h3{color:#fafa33;font-family:Starborn,sans-serif;margin-bottom:1.5rem}.upload-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#fafa33;font-weight:500;margin-bottom:.5rem}.form-group input[type=file],.form-group input[type=text],.form-group label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.form-group input[type=file],.form-group input[type=text]{background:#00000080;border:1px solid #fafa334d;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input:focus{border-color:#fafa33;outline:none}.upload-button{align-self:flex-start;background:#fafa33;border:none;border-radius:8px;color:#000;cursor:pointer;font-family:Starborn,sans-serif;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .3s}.upload-button:hover:not(:disabled){background:#e8e82a}.upload-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.playlist-detail-title{font-size:1rem}.song-thumbnail{font-size:1.5rem;height:50px;width:50px}.song-title{font-size:.9rem}.song-artist{font-size:.8rem}.form-row{grid-template-columns:1fr}}.App{min-height:100vh;padding-bottom:80px}.container{margin:0 auto;max-width:1200px;padding:20px}@media (max-width:768px){.container{padding:15px}}
/*# sourceMappingURL=main.33cc305a.css.map*/