*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff}#root{height:100%}button{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:#1db954;color:#000}:focus-visible{outline:2px solid #fff;outline-offset:2px}button:focus:not(:focus-visible){outline:none}.sidebar{width:280px;min-width:280px;height:100%;background:#121212;display:flex;flex-direction:column;gap:8px;padding:8px;transition:width .2s ease,min-width .2s ease}.sidebar.collapsed{width:72px;min-width:72px}.sidebar-nav{background:#1a1a1a;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:16px;padding:12px;border:none;background:transparent;color:#b3b3b3;font-size:15px;font-weight:600;cursor:pointer;border-radius:4px;transition:color .2s}.nav-item:hover,.nav-item.active{color:#fff}.nav-icon{font-size:24px;flex-shrink:0}.sidebar-library{flex:1;background:#1a1a1a;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.library-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.library-title{display:flex;align-items:center;gap:12px;border:none;background:transparent;color:#b3b3b3;font-size:15px;font-weight:600;cursor:pointer;padding:4px;border-radius:4px}.library-title:hover{color:#fff}.library-actions{display:flex;gap:8px}.icon-btn{width:32px;height:32px;border:none;background:transparent;color:#b3b3b3;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.icon-btn:hover{color:#fff;background:#ffffff1a}.library-filters{display:flex;gap:8px;padding:0 16px 12px;flex-wrap:wrap}.filter-pill{padding:6px 12px;border-radius:16px;border:none;background:#ffffff12;color:#fff;font-size:13px;cursor:pointer;white-space:nowrap}.filter-pill:hover{background:#ffffff1a}.filter-pill.active{background:#fff;color:#000}.library-items{flex:1;overflow-y:auto;padding:0 8px}.library-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border:none;background:transparent;cursor:pointer;border-radius:6px;text-align:left}.library-item:hover{background:#ffffff1a}.library-item-cover{width:48px;height:48px;border-radius:4px;object-fit:cover;background:#333}.library-item-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.library-item-title{color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-item-meta{color:#b3b3b3;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-items::-webkit-scrollbar{width:8px}.library-items::-webkit-scrollbar-track{background:transparent}.library-items::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.library-items::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media(max-width:768px){.sidebar{display:none}}.mobile-nav{display:none}@media(max-width:768px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#121212;border-top:1px solid #282828;padding:8px 0 env(safe-area-inset-bottom,8px);z-index:100}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:none;background:transparent;color:#b3b3b3;font-size:10px;cursor:pointer}.mobile-nav-item.active{color:#fff}.mobile-nav-icon{font-size:24px}}.player-bar{height:90px;background:#181818;border-top:1px solid #282828;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:fixed;bottom:0;left:0;right:0;z-index:100}.mobile-progress,.mobile-player-content,.mobile-only{display:none}.player-track-info{display:flex;align-items:center;gap:12px;width:30%;min-width:180px}.player-cover{width:56px;height:56px;border-radius:4px;object-fit:cover;background:#333}.player-track-details{display:flex;flex-direction:column;gap:2px;overflow:hidden}.player-track-title{color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track-title:hover{text-decoration:underline;cursor:pointer}.player-track-artist{color:#b3b3b3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track-artist:hover{color:#fff;text-decoration:underline;cursor:pointer}.player-empty{color:#b3b3b3;font-size:14px}.player-controls{display:flex;flex-direction:column;align-items:center;gap:8px;width:40%;max-width:720px}.player-buttons{display:flex;align-items:center;gap:8px}.control-btn{border:none;background:transparent;color:#b3b3b3;cursor:pointer;padding:4px;font-size:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative}.control-btn:hover{color:#fff}.control-btn.small{font-size:16px}.control-btn.active{color:#1db954}.control-btn.play-btn{width:32px;height:32px;background:#fff;color:#000;font-size:16px}.control-btn.play-btn:hover{transform:scale(1.05)}.repeat-one{position:absolute;font-size:10px;font-weight:700;bottom:2px;right:2px}.player-progress{display:flex;align-items:center;gap:8px;width:100%}.time-display{color:#b3b3b3;font-size:11px;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.progress-bar{flex:1;height:4px;background:#4d4d4d;border-radius:2px;cursor:pointer;position:relative}.progress-bar:hover{height:6px}.progress-fill{height:100%;background:#fff;border-radius:2px;position:relative;transition:background .2s}.progress-bar:hover .progress-fill{background:#1db954}.progress-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s}.progress-bar:hover .progress-fill:after{opacity:1}.player-secondary{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:30%;min-width:180px}.volume-control{display:flex;align-items:center;gap:4px}.volume-bar{width:93px;height:4px;background:#4d4d4d;border-radius:2px;cursor:pointer}.volume-bar:hover{height:6px}.volume-fill{height:100%;background:#fff;border-radius:2px}.volume-bar:hover .volume-fill{background:#1db954}@media(max-width:768px){.player-bar.hidden-mobile{display:none}.player-bar{height:auto;flex-direction:column;padding:0;bottom:60px;background:linear-gradient(180deg,#3d2a6b,#2a1f4a);border-top:none}.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-progress{display:block!important;width:100%;height:2px;background:#ffffff4d;cursor:pointer}.mobile-progress-fill{height:100%;background:#fff;transition:width .1s linear}.mobile-player-content{display:flex!important;align-items:center;justify-content:space-between;padding:8px 12px;width:100%;gap:12px;cursor:pointer}.mobile-player-content .player-track-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0;overflow:hidden}.mobile-player-content .player-cover{width:48px;height:48px;border-radius:4px;flex-shrink:0}.mobile-player-content .player-track-details{display:flex;flex-direction:column;gap:0;min-width:0;overflow:hidden}.mobile-player-content .player-track-title{font-size:14px;font-weight:600}.mobile-player-content .player-track-artist{font-size:12px}.mobile-player-content .player-controls-mobile{display:flex;align-items:center;gap:12px;flex-shrink:0}.mobile-play-btn{width:32px;height:32px;border-radius:50%;background:#1db954;border:none;color:#000;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-play-btn:active{transform:scale(.95)}}.now-playing-view{position:fixed;inset:0;background:linear-gradient(180deg,#3d2a6b,#121212 40%);z-index:200;display:flex;flex-direction:column;padding:16px;padding-top:env(safe-area-inset-top,16px);padding-bottom:env(safe-area-inset-bottom,16px);overflow-y:auto}.np-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:24px}.np-close,.np-more{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;padding:8px;display:flex}.np-album-title{color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.np-artwork{flex:1;display:flex;align-items:center;justify-content:center;padding:0 16px;max-height:45vh}.np-artwork img{width:100%;max-width:360px;aspect-ratio:1;object-fit:cover;border-radius:8px;box-shadow:0 8px 32px #00000080}.np-track-info{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 0 16px;gap:16px}.np-track-details{flex:1;min-width:0}.np-track-title{color:#fff;font-size:22px;font-weight:700;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-track-artist{color:#b3b3b3;font-size:16px;margin:0;display:flex;align-items:center;gap:6px}.np-track-artist .explicit-badge{background:#fff9;color:#121212;font-size:9px;font-weight:700;padding:2px 4px;border-radius:2px}.np-add-btn{background:transparent;border:none;color:#b3b3b3;font-size:32px;cursor:pointer;padding:4px;display:flex;flex-shrink:0}.np-add-btn:hover{color:#fff}.np-progress{padding:0 0 8px}.np-progress-bar{height:4px;background:#ffffff4d;border-radius:2px;position:relative;cursor:pointer}.np-progress-fill{height:100%;background:#fff;border-radius:2px}.np-progress-thumb{position:absolute;top:50%;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.np-times{display:flex;justify-content:space-between;margin-top:8px;color:#b3b3b3;font-size:12px;font-variant-numeric:tabular-nums}.np-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 0}.np-control-btn{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;padding:8px;display:flex}.np-control-btn.active{color:#1db954}.np-play-btn{width:64px;height:64px;border-radius:50%;background:#fff;border:none;color:#000;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center}.np-play-btn:active{transform:scale(.95)}.np-actions{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.np-action-btn{background:transparent;border:none;color:#b3b3b3;font-size:24px;cursor:pointer;padding:8px;display:flex}.np-action-btn:hover{color:#fff}.np-actions-right{display:flex;gap:16px}.np-section{margin-top:32px;padding:20px;background:#ffffff0d;border-radius:8px}.np-section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#fff;font-size:20px}.np-section h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 16px}.np-lyrics-content{min-height:100px}.np-coming-soon{color:#b3b3b3;font-size:16px;font-style:italic;margin:0}.np-credits-list{display:flex;flex-direction:column;gap:12px}.np-credit-item{display:flex;flex-direction:column;gap:2px}.np-credit-name{color:#fff;font-size:14px;font-weight:600}.np-credit-roles{color:#b3b3b3;font-size:13px}@media(min-width:769px){.now-playing-view{display:none}}.home-view{padding:24px 32px 120px}.home-header{margin-bottom:24px}.home-header h1{color:#fff;font-size:32px;font-weight:700;margin:0}.quick-access{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:40px}.quick-card{display:flex;align-items:center;gap:16px;background:#ffffff12;border-radius:4px;overflow:hidden;border:none;cursor:pointer;text-align:left;transition:background .3s}.quick-card:hover{background:#ffffff1a}.quick-card img{width:80px;height:80px;object-fit:cover}.quick-card span{color:#fff;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px}.content-section{margin-bottom:40px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.show-all{background:none;border:none;color:#b3b3b3;font-size:14px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;text-decoration:none}.show-all:hover{text-decoration:underline;color:#fff}.horizontal-scroll{display:flex;gap:24px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.horizontal-scroll::-webkit-scrollbar{height:8px}.horizontal-scroll::-webkit-scrollbar-track{background:transparent}.horizontal-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.scroll-card{flex-shrink:0;width:180px;background:#181818;padding:16px;border-radius:8px;border:none;cursor:pointer;text-align:left;transition:background .3s;scroll-snap-align:start}.scroll-card:hover{background:#282828}.card-image{position:relative;margin-bottom:16px}.card-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;box-shadow:0 8px 24px #00000080}.card-play-btn{position:absolute;bottom:8px;right:8px;width:48px;height:48px;border-radius:50%;background:#1db954;border:none;color:#000;font-size:20px;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;box-shadow:0 8px 8px #0000004d}.scroll-card:hover .card-play-btn{opacity:1;transform:translateY(0)}.card-play-btn:hover{transform:scale(1.05);background:#1ed760}.scroll-card h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-card p{color:#b3b3b3;font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-card{flex-shrink:0;width:300px;background:var(--app-color, #1a1a2e);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s;scroll-snap-align:start}.app-card:hover{transform:scale(1.02);box-shadow:0 8px 32px #0000004d}.app-screenshot{position:relative;width:100%;aspect-ratio:16/10;background:#0000004d;overflow:hidden}.app-screenshot img{width:100%;height:100%;object-fit:cover}.app-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.app-icon{font-size:48px;font-weight:700;color:#fffc}.app-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .2s}.app-card:hover .app-overlay{opacity:1}.app-overlay svg{font-size:32px;color:#fff}.app-info{padding:16px}.app-info h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.app-info p{color:#b3b3b3;font-size:13px;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-tags{display:flex;gap:8px;flex-wrap:wrap}.app-tag{background:#ffffff1a;color:#b3b3b3;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.video-card{flex-shrink:0;width:280px;scroll-snap-align:start;text-decoration:none;transition:transform .2s}.video-card:hover{transform:scale(1.02)}.video-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:#282828;border-radius:8px;overflow:hidden;margin-bottom:12px}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .2s}.video-card:hover .video-play-overlay{opacity:1}.video-play-overlay svg{font-size:48px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.video-badge{position:absolute;top:8px;left:8px;background:red;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:2px;text-transform:uppercase}.video-title{color:#fff;font-size:14px;font-weight:500;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.social-scroll{gap:16px}.social-card{flex-shrink:0;width:140px;aspect-ratio:1;background:#282828;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-decoration:none;transition:background .3s,transform .2s;scroll-snap-align:start}.social-card:hover{background:#383838;transform:scale(1.02)}.social-icon{font-size:48px;color:var(--social-color)}.social-card span{color:#fff;font-size:14px;font-weight:600}@media(max-width:768px){.home-view{padding:16px 16px 160px}.home-header h1{font-size:24px}.quick-access{grid-template-columns:1fr;gap:8px}.quick-card img{width:56px;height:56px}.quick-card span{font-size:14px}.section-header h2{font-size:20px}.horizontal-scroll{gap:12px;margin:0 -16px;padding:0 16px 16px}.scroll-card{width:150px;padding:12px}.scroll-card h3{font-size:14px}.scroll-card p{font-size:12px}.app-card{width:260px}.app-info h3{font-size:16px}.app-info p{font-size:12px}.video-card{width:240px}.social-card{width:120px}.social-icon{font-size:40px}}.home-footer{padding:40px 0 20px;text-align:center}.home-footer .version{color:#404040;font-size:11px;font-family:monospace}.playing-animation{display:flex;align-items:flex-end;gap:2px;height:16px;min-width:14px}.playing-animation .bar{width:3px;background:#1db954;border-radius:1px;animation:equalize .8s ease-in-out infinite}.playing-animation .bar:nth-child(1){height:60%;animation-delay:0s}.playing-animation .bar:nth-child(2){height:100%;animation-delay:.2s}.playing-animation .bar:nth-child(3){height:40%;animation-delay:.4s}.playing-animation .bar:nth-child(4){height:80%;animation-delay:.6s}.playing-animation.paused .bar{animation-play-state:paused}@keyframes equalize{0%,to{height:20%}50%{height:100%}}.album-view{padding-bottom:120px;position:relative}.back-button{display:none}.album-header{display:flex;align-items:flex-end;gap:24px;padding:24px 32px;min-height:280px;background:linear-gradient(transparent 0,#00000080),linear-gradient(135deg,#5038a0,#1a1a1a)}.album-cover{width:232px;height:232px;border-radius:4px;box-shadow:0 4px 60px #00000080;object-fit:cover;flex-shrink:0}.album-info{display:flex;flex-direction:column;gap:8px}.album-title{font-size:48px;font-weight:900;color:#fff;margin:0;line-height:1.1;letter-spacing:-.04em}.album-artist-row{display:flex;align-items:center;gap:8px}.artist-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.artist-name{color:#fff;font-weight:700;font-size:14px}.artist-name:hover{text-decoration:underline;cursor:pointer}.album-meta{display:flex;align-items:center;gap:4px;font-size:14px;color:#b3b3b3}.meta-dot{margin:0 4px}.album-actions{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:linear-gradient(#0009 0,#121212)}.actions-left,.actions-right{display:flex;align-items:center;gap:16px}.action-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.action-btn{border:none;background:transparent;color:#b3b3b3;font-size:24px;cursor:pointer;padding:4px;display:flex}.action-btn:hover{color:#fff}.action-btn.green{color:#1db954}.shuffle-button{border:none;background:transparent;color:#b3b3b3;font-size:28px;cursor:pointer;padding:4px;display:flex}.shuffle-button:hover{color:#fff}.play-button{width:56px;height:56px;border-radius:50%;background:#1db954;border:none;color:#000;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .1s}.play-button:hover{transform:scale(1.05);background:#1ed760}.track-list{padding:0 16px}.track-header{display:grid;grid-template-columns:40px 1fr 60px;gap:16px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:#b3b3b3;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.track-num{text-align:center}.track-duration-header{text-align:right;font-size:18px}.track-row{display:grid;grid-template-columns:40px 1fr 60px;gap:16px;padding:8px 16px;border:none;background:transparent;cursor:pointer;border-radius:4px;width:100%;text-align:left}.track-row:hover{background:#ffffff1a}.track-row .track-num{color:#b3b3b3;font-size:16px;display:flex;align-items:center;justify-content:center;position:relative}.track-num-text,.track-num-play,.track-num-pause,.track-num-animation{position:absolute;pointer-events:none}.track-num-play,.track-num-pause,.track-num-animation{display:none}.track-num-play,.track-num-pause{color:#fff;font-size:14px}.track-num-text{display:block}.track-row:hover:not(.playing) .track-num-text{display:none}.track-row:hover:not(.playing) .track-num-play{display:block}.track-row.playing .track-num-text{display:none}.track-row.playing .track-num-animation{display:flex}.track-row.playing:hover .track-num-animation{display:none}.track-row.playing:hover .track-num-pause{display:block}.track-row.playing .track-num{color:#1db954}.track-playing-indicator{display:none}.track-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.track-title{color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title.active{color:#1db954}.track-meta{display:flex;align-items:center;gap:8px}.explicit-badge{background:#fff9;color:#121212;font-size:9px;font-weight:700;padding:2px 4px;border-radius:2px}.track-artist{color:#b3b3b3;font-size:14px}.track-artist:hover{color:#fff;text-decoration:underline}.track-duration{color:#b3b3b3;font-size:14px;text-align:right;display:flex;align-items:center;justify-content:flex-end}.track-menu{display:none;border:none;background:transparent;color:#b3b3b3;font-size:20px;padding:4px;cursor:pointer}.album-footer{padding:32px;color:#b3b3b3;font-size:12px}.release-date{margin:0 0 4px}.copyright{margin:0 0 24px}.credits-section{margin-top:32px}.credits-section h3{color:#fff;font-size:18px;margin:0 0 16px}.credit-row{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.credit-name{color:#fff;font-size:14px;font-weight:500}.credit-roles{color:#b3b3b3;font-size:13px}.mobile-only{display:none}@media(max-width:768px){.album-view{padding-bottom:160px}.desktop-only{display:none!important}.mobile-only{display:flex}.back-button{display:flex;position:absolute;top:16px;left:16px;z-index:10;border:none;background:transparent;color:#fff;font-size:28px;cursor:pointer;padding:8px}.album-header{flex-direction:column;align-items:center;text-align:center;padding:60px 24px 24px;min-height:auto;background:linear-gradient(180deg,#3d2a6b,#121212)}.album-cover{width:55vw;max-width:280px;height:auto;aspect-ratio:1;margin-bottom:16px}.album-info{align-items:flex-start;width:100%}.album-title{font-size:24px;text-align:left}.album-artist-row{margin-bottom:4px}.album-meta{font-size:12px}.album-actions{padding:12px 16px;background:transparent}.action-avatar{width:28px;height:28px}.action-btn{font-size:22px}.shuffle-button{font-size:24px}.play-button{width:48px;height:48px;font-size:20px}.track-list{padding:0}.track-row{display:flex;align-items:center;padding:12px 16px;gap:12px}.track-info{flex:1}.track-title{font-size:15px;font-weight:500}.track-meta{gap:6px}.track-artist{font-size:13px}.track-menu{display:flex;align-items:center;justify-content:center}.track-playing-indicator.mobile-only{display:flex;margin-right:8px}.album-footer{padding:24px 16px}}.search-view{padding:24px 24px 160px}.search-bar{display:flex;align-items:center;gap:12px;background:#fff;border-radius:4px;padding:12px 16px;margin-bottom:24px}.search-icon{color:#121212;font-size:24px;flex-shrink:0}.search-bar input{flex:1;border:none;background:transparent;font-size:16px;color:#121212;outline:none}.search-bar input::placeholder{color:#757575}.browse-section h2{color:#fff;font-size:22px;font-weight:700;margin:0 0 16px}.genre-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.genre-card{aspect-ratio:1.6;border-radius:8px;padding:16px;overflow:hidden;position:relative}.genre-card span{color:#fff;font-size:18px;font-weight:700}.search-results h2{color:#fff;font-size:22px;font-weight:700;margin:0 0 16px}.results-list{display:flex;flex-direction:column;gap:8px}.result-item{display:flex;align-items:center;gap:12px;padding:8px;border:none;background:transparent;cursor:pointer;border-radius:4px;text-align:left}.result-item:hover{background:#ffffff1a}.result-item img{width:48px;height:48px;border-radius:4px;object-fit:cover}.result-info{display:flex;flex-direction:column;gap:2px}.result-title{color:#fff;font-size:16px;font-weight:500}.result-meta{color:#b3b3b3;font-size:14px}.no-results{color:#b3b3b3;font-size:16px}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.coming-soon h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 8px}.coming-soon p{color:#b3b3b3;font-size:16px;margin:0}@media(max-width:768px){.search-view{padding:16px}.genre-grid{gap:12px}.genre-card{aspect-ratio:1.4;padding:12px}.genre-card span{font-size:16px}}.library-view{padding:24px 32px 160px}.library-header{margin-bottom:32px}.library-header h1{color:#fff;font-size:32px;font-weight:700;margin:0}.artist-section{margin-bottom:40px}.artist-name{color:#fff;font-size:24px;font-weight:700;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.album-card{background:#181818;padding:16px;border-radius:8px;border:none;cursor:pointer;text-align:left;transition:background .3s}.album-card:hover{background:#282828}.album-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;margin-bottom:16px;box-shadow:0 8px 24px #00000080}.album-card h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card p{color:#b3b3b3;font-size:14px;margin:0}.empty-library{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.empty-library p{color:#b3b3b3;font-size:16px;margin:0}@media(max-width:768px){.library-view{padding:16px 16px 160px}.library-header h1{font-size:24px}.artist-name{font-size:20px}.albums-grid{grid-template-columns:repeat(2,1fr);gap:12px}.album-card{padding:12px}.album-card h3{font-size:14px}.album-card p{font-size:12px}}.app{height:100vh;display:flex;flex-direction:column;background:#000}.app-container{flex:1;display:flex;overflow:hidden;padding-bottom:90px}.main-content{flex:1;background:#121212;overflow-y:auto;border-radius:8px;margin:8px 8px 8px 0}.main-content::-webkit-scrollbar{width:12px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:6px;border:3px solid #121212}.main-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media(max-width:768px){.app-container{padding-bottom:132px}.main-content{margin:0;border-radius:0}}