*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#000;--bg-surface:#121212;--bg-elevated:#181818;--bg-elevated-highlight:#242424;--bg-hover:#282828;--bg-highlight:#333;--bg-player:#000;--accent:#1ed760;--accent-dim:#1db954;--text-primary:#fff;--text-secondary:#b3b3b3;--text-tertiary:#6a6a6a;--text-subdued:#535353;--nav-bg:#000000db;--nav-pill:#ffffff14;--hero-gradient:linear-gradient(135deg, #1db95429 0%, #1ed7600a 30%, #5032b41f 60%, transparent 100%);--brand-on-accent:#000;--radius:8px;--radius-lg:12px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:var(--text-secondary);font-family:var(--font);background:0 0;border:none;padding:0}svg{display:block}.music-app{background:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-base) 600px);min-height:100vh;padding-bottom:104px}.top-nav{z-index:20;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:12px;display:flex}.nav-mark{background:var(--accent);width:34px;height:34px;color:var(--brand-on-accent);letter-spacing:-.03em;border-radius:10px;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex;box-shadow:0 8px 24px #00000040}.nav-branding{flex-direction:column;gap:2px;display:flex}.nav-title{letter-spacing:-.02em;font-size:15px;font-weight:700}.nav-subtitle{color:var(--text-tertiary);font-size:11px}.nav-right{align-items:center;display:flex}.nav-profile{background:var(--nav-pill);cursor:default;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 3px;display:flex}.nav-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-dim));width:28px;height:28px;color:var(--brand-on-accent);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.nav-profile span{font-size:13px;font-weight:600}.hero-section{padding:52px 28px 40px;position:relative;overflow:hidden}.hero-gradient{background:var(--hero-gradient);pointer-events:none;position:absolute;inset:0}.hero-content{z-index:1;max-width:960px;position:relative}.hero-type{letter-spacing:.2em;color:var(--text-secondary);margin-bottom:10px;font-size:11px;font-weight:700}.hero-title{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(3.5rem,8vw,7rem);font-weight:900;line-height:.9}.hero-stats{flex-wrap:wrap;gap:36px;margin-bottom:18px;display:flex}.hero-stat{flex-direction:column;gap:2px;display:flex}.hero-stat-num{color:var(--accent);font-size:28px;font-weight:800;line-height:1}.hero-stat-label{color:var(--text-tertiary);font-size:12px}.hero-desc{color:var(--text-secondary);max-width:560px;font-size:14px;line-height:1.6}.hero-sync{color:var(--text-tertiary);margin-top:10px;font-size:11px}.main-content{max-width:1100px;margin:0 auto;padding:0 28px}.tabs{gap:8px;margin-bottom:32px;display:flex}.tab{color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);white-space:nowrap;background:#ffffff12;border:none;border-radius:999px;padding:6px 16px;transition:all .15s}.tab:hover{background:#ffffff24}.tab.active{background:var(--text-primary);color:#000;font-weight:600}.tab-count{display:none}.section{margin-bottom:44px}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.section-header h2{letter-spacing:-.02em;font-size:20px;font-weight:700}.section-sub{color:var(--text-tertiary);font-size:12px}.track-list{flex-direction:column;display:flex}.track-row{border-radius:var(--radius);cursor:pointer;grid-template-columns:32px 44px 2fr 1.5fr 48px;align-items:center;gap:14px;padding:8px 12px;transition:background .15s;display:grid}.track-row:hover{background:var(--bg-hover)}.track-idx{text-align:center;width:32px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:15px}.track-row:hover .track-idx{color:var(--text-primary)}.track-art{object-fit:cover;border-radius:4px;flex-shrink:0;width:44px;height:44px}.track-art.placeholder{background:var(--bg-highlight)}.track-info{flex-direction:column;gap:3px;min-width:0;display:flex}.track-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.track-row:hover .track-name{color:var(--accent)}.track-artist{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.track-album{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.track-dur{color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.artist-card{background:var(--bg-elevated);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;transition:background .2s,transform .15s;display:flex}.artist-card:hover{background:var(--bg-hover);transform:translateY(-2px)}.artist-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden;box-shadow:0 6px 20px #0006}.artist-img{object-fit:cover;width:100%;height:100%}.artist-letter{color:var(--text-primary);text-transform:uppercase;font-size:34px;font-weight:800}.artist-name{text-align:center;font-size:14px;font-weight:600;line-height:1.3}.calendar-heatmap{padding:4px 0 12px;position:relative}.calendar-empty{color:var(--text-tertiary);text-align:center;padding:24px 0;font-size:13px}.calendar-grid-wrapper{padding-bottom:4px;overflow-x:auto}.calendar-month-row{display:flex}.calendar-gutter{flex-shrink:0;width:28px}.calendar-month-labels{grid-template-columns:repeat(var(--cols,26), 14px);gap:3px;margin-bottom:4px;display:grid}.calendar-month{color:var(--text-tertiary);white-space:nowrap;font-size:10px;line-height:1}.calendar-body{display:flex}.calendar-day-labels{flex-direction:column;flex-shrink:0;gap:3px;width:28px;padding-top:1px;display:flex}.calendar-day-label{color:var(--text-tertiary);height:14px;font-size:10px;line-height:14px}.calendar-grid{grid-template-rows:repeat(7,14px);grid-auto-flow:column;grid-template-columns:repeat(var(--cols,26), 14px);gap:3px;display:grid}.calendar-cell{background:var(--bg-elevated);cursor:default;border-radius:2px;width:14px;height:14px;transition:outline .1s}.calendar-cell.mini{border-radius:2px;width:12px;height:12px}.calendar-cell.lvl-future{background:0 0}.calendar-cell.lvl-0{background:var(--bg-elevated-highlight)}.calendar-cell.lvl-1{background:color-mix(in srgb, var(--accent) 25%, var(--bg-elevated-highlight))}.calendar-cell.lvl-2{background:color-mix(in srgb, var(--accent) 50%, transparent)}.calendar-cell.lvl-3{background:color-mix(in srgb, var(--accent) 75%, transparent)}.calendar-cell.lvl-4{background:var(--accent)}.calendar-cell:hover:not(.lvl-future){outline:2px solid var(--text-primary);outline-offset:1px;border-radius:3px}.calendar-legend{justify-content:flex-end;align-items:center;gap:4px;margin-top:10px;padding-right:4px;display:flex}.calendar-legend-label{color:var(--text-tertiary);font-size:10px}.calendar-tooltip{z-index:100;background:var(--bg-elevated-highlight);color:var(--text-primary);pointer-events:none;white-space:nowrap;border:1px solid var(--bg-highlight);border-radius:6px;padding:6px 10px;font-size:11px;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 12px #00000080}.calendar-tooltip strong{color:var(--accent)}@media (width<=768px){.calendar-cell{width:11px;height:11px}.calendar-grid{grid-template-rows:repeat(7,11px);grid-template-columns:repeat(var(--cols,26), 11px);gap:2px}.calendar-day-label{height:11px;font-size:9px;line-height:11px}.calendar-month-labels{grid-template-columns:repeat(var(--cols,26), 11px);gap:2px}.calendar-gutter,.calendar-day-labels{width:22px}}.footer{color:var(--text-subdued);text-align:center;padding:20px 0 8px;font-size:11px}.now-playing-bar{z-index:30;background:var(--bg-player);border-top:1px solid #282828;grid-template-columns:minmax(180px,1fr) minmax(0,600px) minmax(180px,1fr);align-items:center;height:72px;padding:0 16px;display:grid;position:fixed;bottom:0;left:0;right:0}.np-left{align-items:center;gap:14px;min-width:0;display:flex}.np-art{object-fit:cover;border-radius:4px;flex-shrink:0;width:56px;height:56px;box-shadow:0 0 10px #00000080}.np-art.placeholder{background:var(--bg-highlight);justify-content:center;align-items:center;display:flex}.np-art.idle{background:linear-gradient(135deg,#333,#1a1a1a)}.np-info{flex-direction:column;gap:3px;min-width:0;display:flex}.np-track-link{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;transition:color .15s;overflow:hidden}.np-track-link:hover{color:var(--text-primary);text-decoration:underline}.np-track-link.dimmed{color:var(--text-tertiary)}.np-artist-name{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.np-heart{color:var(--accent);opacity:.7;flex-shrink:0;padding:4px;transition:opacity .15s}.np-heart:hover{opacity:1}.np-center{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:600px;margin:0 auto;padding:0 16px;display:flex}.np-controls{justify-content:center;align-items:center;gap:16px;display:flex}.np-ctrl{color:var(--text-secondary);padding:4px;transition:color .15s}.np-ctrl:hover{color:var(--text-primary)}.np-play{background:var(--text-primary);color:#000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .1s;display:flex}.np-play:hover{background:var(--text-primary);transform:scale(1.05)}.np-progress-row{align-items:center;gap:8px;width:100%;display:flex}.np-time{color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:32px;font-size:10px}.np-time:first-child{text-align:right}.np-time:last-child{text-align:left}.np-bar-track{background:var(--bg-highlight);cursor:pointer;border-radius:2px;flex:1;height:4px;position:relative}.np-bar-track:hover{height:6px}.np-bar-track:hover .np-bar-dot{opacity:1}.np-bar-fill{background:var(--text-primary);border-radius:2px;height:100%;transition:width .3s;position:relative}.np-bar-track:hover .np-bar-fill{background:var(--accent)}.np-bar-dot{background:var(--text-primary);opacity:0;border-radius:50%;width:12px;height:12px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.np-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.np-volume{align-items:center;gap:6px;display:flex}.np-vol-track{background:var(--bg-highlight);cursor:pointer;border-radius:2px;width:93px;height:4px;overflow:hidden}.np-vol-track:hover{height:6px}.np-vol-fill{background:var(--text-primary);border-radius:2px;height:100%}.np-vol-track:hover .np-vol-fill{background:var(--accent)}.loading-state,.error-state{height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-state h1,.error-state h1{color:var(--text-primary);font-size:22px}.spinner{border:3px solid var(--bg-highlight);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.now-playing-bar{grid-template-columns:1fr 1.5fr 1fr;padding:0 12px}.np-controls{gap:12px}.np-volume{display:none}}@media (width<=768px){.hero-section{padding:32px 16px 28px}.hero-title{font-size:2.4rem}.hero-stats{gap:20px}.hero-stat-num{font-size:22px}.main-content{padding:0 16px}.track-row{grid-template-columns:28px 36px 2fr 1fr;gap:10px;padding:6px 8px}.track-album,.track-dur{display:none}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.artist-avatar{width:76px;height:76px}.artist-letter{font-size:26px}.activity-chart{height:150px}.now-playing-bar{grid-template-columns:1fr 1fr;height:64px;padding:0 10px}.np-center,.np-right{display:none}}@media (width<=480px){.track-row{grid-template-columns:24px 32px 1fr}.track-artist{display:none}.track-name{font-size:13px}.artist-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.stat-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:3px;min-width:92px;padding:12px 14px;display:flex}.stat-pill-value{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1}.stat-pill-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.apple-nav{border-bottom:1px solid #ffffff0f}.apple-mark{border-radius:12px}.apple-nav-actions{align-items:center;gap:12px;display:flex}.apple-search{min-width:220px;color:var(--text-tertiary);background:#ffffff0f;border-radius:999px;padding:10px 14px;font-size:13px}.apple-profile{background:#ffffff0f}.apple-hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;max-width:1280px;margin:0 auto;padding:34px 28px 18px;display:grid}.apple-hero-copy{padding-top:14px}.apple-stats{margin-top:18px}.apple-feature-card{background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff1a;border-radius:28px;min-height:380px;padding:18px;position:relative;overflow:hidden}.apple-feature-badge{z-index:2;letter-spacing:.08em;text-transform:uppercase;background:#ffffff1f;border-radius:999px;padding:7px 12px;font-size:12px;position:absolute;top:18px;left:18px}.apple-feature-art{object-fit:cover;border-radius:22px;width:100%;height:260px;margin-top:32px;box-shadow:0 24px 60px #00000059}.apple-feature-art.placeholder{background:linear-gradient(135deg,#ffffff0f,#ffffff24)}.apple-feature-meta{gap:6px;margin-top:16px;display:grid}.apple-feature-title{letter-spacing:-.03em;font-size:20px;font-weight:800}.apple-feature-sub{color:var(--text-secondary)}.apple-feature-row{color:var(--text-tertiary);justify-content:space-between;font-size:12px;display:flex}.apple-content{padding-top:4px}.apple-rail{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.apple-chip{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:10px 16px}.apple-chip.active{background:var(--accent);color:var(--brand-on-accent)}.apple-section{margin-bottom:36px}.apple-card-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;display:grid}.apple-media-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:14px}.apple-media-rank{color:var(--text-tertiary);margin-bottom:10px;font-size:12px}.apple-media-art{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%;margin-bottom:12px}.apple-media-art.placeholder{background:#ffffff14}.apple-media-title{font-size:14px;font-weight:700;line-height:1.3}.apple-media-sub{color:var(--text-tertiary);margin-top:4px;font-size:12px}.apple-two-col{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:start;gap:24px;display:grid}.apple-list{gap:10px;display:grid}.apple-list-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.apple-list-idx,.apple-list-time{color:var(--text-tertiary);font-size:12px}.apple-list-title{font-weight:700}.apple-list-sub{color:var(--text-tertiary);font-size:12px}.apple-artist-card{background:linear-gradient(#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:28px;place-items:center;gap:10px;min-height:280px;padding:22px;display:grid;position:relative;overflow:hidden}.apple-artist-glow{filter:blur(10px);background:radial-gradient(circle,#fb4b6959,#0000 70%);height:200px;position:absolute;inset:auto -20% -35%}.apple-artist-avatar{border-radius:50%;width:130px;height:130px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000059}.apple-artist-name{font-size:18px;font-weight:800;position:relative}.apple-artist-meta{color:var(--text-tertiary);font-size:12px;position:relative}.apple-player{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0810eb;border-top:1px solid #ffffff14;grid-template-columns:minmax(240px,1fr) minmax(0,1.4fr) minmax(120px,.6fr);align-items:center;gap:18px;padding:14px 18px;display:grid;position:fixed;bottom:0;left:0;right:0}.apple-player-left{align-items:center;gap:12px;min-width:0;display:flex}.apple-player-art{object-fit:cover;border-radius:14px;width:52px;height:52px}.apple-player-art.placeholder{background:#ffffff14}.apple-player-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.apple-player-sub{color:var(--text-tertiary);font-size:12px}.apple-player-center{gap:10px;display:grid}.apple-mini-controls{color:var(--text-primary);justify-content:center;gap:18px;display:flex}.apple-progress{background:#ffffff1a;border-radius:999px;height:4px;overflow:hidden}.apple-progress-fill{background:var(--accent);height:100%}.apple-player-right{color:var(--text-secondary);justify-self:end;font-size:13px}.yt-nav{border-bottom:1px solid #ffffff0f}.yt-mark{border-radius:999px}.yt-search{max-width:520px;color:var(--text-tertiary);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;flex:1;padding:12px 16px}.yt-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;max-width:1280px;margin:0 auto;padding:30px 28px 12px;display:grid}.yt-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.yt-card{background:#ffffff0d;border:1px solid #ffffff12;border-radius:22px;gap:10px;padding:14px;display:grid}.yt-card-art{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%}.yt-card-art.placeholder{background:#ffffff14}.yt-card-title{font-weight:700}.yt-card-sub{color:var(--text-tertiary);font-size:12px}.yt-content{padding-top:6px}.yt-tabs{margin-bottom:18px}.sc-nav{border-bottom:1px solid #ffffff0f}.sc-mark{border-radius:10px}.sc-hero{max-width:1280px;margin:0 auto;padding:34px 28px 12px}.sc-wave{grid-template-columns:repeat(36,minmax(0,1fr));align-items:end;gap:4px;height:140px;margin-top:18px;display:grid}.sc-wave span{background:linear-gradient(180deg, var(--accent), #ffffff26);border-radius:999px 999px 4px 4px;display:block}.sc-content{padding-top:6px}.sc-tabs{margin-bottom:18px}.music-app.theme-spotifyDesktop{background:radial-gradient(circle at 20% 0,#1ed76024,#0000 26%),radial-gradient(circle at 80% 20%,#4c55ff1a,#0000 28%),linear-gradient(#111318 0%,#0b0d11 100%);padding-bottom:96px}.spotify-desktop-shell{min-height:100dvh;color:var(--text-primary);grid-template-rows:64px minmax(0,1fr) 88px;gap:14px;padding:12px;display:grid}.spotify-desktop-topbar{grid-template-columns:auto minmax(420px,1fr) auto;align-items:center;gap:16px;padding:0 8px;display:grid}.desktop-top-left,.desktop-top-right{align-items:center;gap:8px;display:flex}.desktop-icon-btn{width:36px;height:36px;color:var(--text-primary);background:#ffffff1a;border-radius:50%;place-items:center;font-size:18px;line-height:1;display:grid}.desktop-icon-btn.muted{color:var(--text-secondary)}.desktop-search{height:42px;color:var(--text-secondary);background:#17191f;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:10px;padding:0 16px;font-size:14px;display:flex}.desktop-search-icon{color:var(--text-primary);font-size:18px}.desktop-profile{background:#ffffff14;padding:3px 12px 3px 3px}.spotify-desktop-grid{grid-template-columns:280px minmax(0,1fr) 320px;align-items:stretch;gap:12px;min-height:0;display:grid}.desktop-sidebar,.desktop-queue,.desktop-main{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111318d6;border:1px solid #ffffff0f;border-radius:20px;min-height:0}.desktop-sidebar,.desktop-queue{padding:16px;overflow:hidden}.desktop-main{padding:16px 16px 20px;overflow:auto}.desktop-sidebar{grid-template-rows:auto auto auto auto;align-self:start;gap:14px;height:fit-content;display:grid}.desktop-sidebar-head,.desktop-queue-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.desktop-sidebar-title,.desktop-queue-title{letter-spacing:.02em;font-size:13px;font-weight:800}.desktop-create{height:32px;color:var(--text-primary);background:#ffffff14;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.desktop-filters{flex-wrap:wrap;gap:8px;display:flex}.desktop-filter,.desktop-toggle,.desktop-queue-tab{height:30px;color:var(--text-primary);background:#ffffff12;border-radius:999px;padding:0 12px;font-size:12px;font-weight:600}.desktop-filter.active,.desktop-toggle.active,.desktop-queue-tab.active{color:#000;background:#fffffff2}.desktop-sidebar-tools{color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.desktop-library-list{grid-auto-rows:min-content;align-content:start;gap:4px;min-height:0;padding-right:4px;display:grid;overflow:auto}.desktop-library-item{border-radius:16px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}.desktop-library-item:hover{background:#ffffff0d}.desktop-library-art{color:#ffffffe0;border-radius:12px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid;overflow:hidden}.desktop-library-art img{object-fit:cover;width:100%;height:100%}.desktop-library-copy{min-width:0}.desktop-library-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.desktop-library-sub{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.desktop-library-state{color:#22c55e;font-size:12px}.desktop-toggle-row{gap:8px;margin-bottom:14px;display:flex}.desktop-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px;display:grid}.desktop-mini-tile{background:#ffffff0f;border-radius:12px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;padding:4px;display:grid}.desktop-mini-tile:hover{background:#ffffff1a}.desktop-mini-art{color:#fff;border-radius:10px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid;overflow:hidden}.desktop-mini-art img{object-fit:cover;width:100%;height:100%}.desktop-mini-copy{min-width:0}.desktop-mini-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.desktop-mini-sub{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.desktop-section{margin-bottom:24px}.desktop-card-row{gap:12px;display:grid}.desktop-card-row.wide,.desktop-card-row.artists,.desktop-card-row.recents{grid-template-columns:repeat(6,minmax(0,1fr))}.desktop-card{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:18px;align-content:start;gap:10px;padding:12px;display:grid}.desktop-card:hover{background:#ffffff12}.desktop-card-art{aspect-ratio:1;object-fit:cover;background:#ffffff14;border-radius:12px;width:100%}.desktop-card-art.placeholder{background:linear-gradient(135deg,#ffffff14,#ffffff05)}.desktop-card-art.circle{border-radius:50%}.desktop-card-art.square{border-radius:14px}.desktop-card-title{font-size:14px;font-weight:700;line-height:1.3}.desktop-card-sub{color:var(--text-tertiary);font-size:12px;line-height:1.35}.desktop-card.circle{text-align:center}.desktop-artist-ring{background:linear-gradient(135deg,#ffffff2e,#ffffff0a);border-radius:50%;padding:5px}.desktop-queue{grid-template-rows:auto auto minmax(0,1fr);gap:16px;display:grid}.desktop-queue-close{color:var(--text-secondary);font-size:24px;line-height:1}.desktop-now-card{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:12px;margin-top:14px;display:grid}.desktop-now-art,.desktop-player-art,.desktop-queue-art{object-fit:cover;background:#ffffff14;border-radius:16px;width:100%;height:100%}.desktop-now-art{width:68px;height:68px}.desktop-now-track{font-size:15px;font-weight:800}.desktop-now-artist{color:var(--text-tertiary);margin-top:4px;font-size:12px}.desktop-queue-list{gap:8px;padding-right:2px;display:grid;overflow:auto}.desktop-queue-item{border-radius:14px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.desktop-queue-item:hover{background:#ffffff0d}.desktop-queue-art{border-radius:10px;width:44px;height:44px}.desktop-queue-copy{min-width:0}.desktop-queue-track{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.desktop-queue-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.desktop-queue-sub{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.desktop-player{background:#0a0b0ff5;border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:minmax(220px,1fr) minmax(0,560px) minmax(220px,1fr);align-items:center;gap:18px;padding:0 14px;display:grid;box-shadow:0 -12px 40px #00000040}.desktop-player-left,.desktop-player-right{align-items:center;gap:12px;display:flex}.desktop-player-art{border-radius:12px;width:56px;height:56px}.desktop-player-art.placeholder,.desktop-now-art.placeholder,.desktop-queue-art.placeholder{background:linear-gradient(135deg,#ffffff1a,#ffffff08)}.desktop-player-meta{min-width:0}.desktop-player-track{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.desktop-player-artist{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.desktop-heart{color:#1ed760;background:#ffffff14;border-radius:50%;width:28px;height:28px;font-size:12px}.desktop-player-center{gap:10px;display:grid}.desktop-player-controls{justify-content:center;align-items:center;gap:16px;display:flex}.desktop-player-btn{color:var(--text-primary);font-size:18px}.desktop-player-btn.muted{color:var(--text-secondary)}.desktop-player-play{color:#000;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;font-weight:800;display:grid}.desktop-player-progress{color:var(--text-tertiary);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:11px;display:grid}.desktop-progress-track,.desktop-volume-track{background:#ffffff1a;border-radius:999px;height:4px;position:relative;overflow:hidden}.desktop-progress-fill,.desktop-volume-fill{background:#fff;position:absolute;inset:0 auto 0 0}.desktop-progress-dot{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.desktop-volume{align-items:center;gap:8px;display:flex}.desktop-volume-track{width:92px}@media (width<=1480px){.spotify-desktop-grid{grid-template-columns:240px minmax(0,1fr) 300px}.desktop-card-row.wide,.desktop-card-row.artists,.desktop-card-row.recents{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.spotify-desktop-shell{grid-template-rows:64px auto auto}.spotify-desktop-grid{grid-template-columns:1fr}.desktop-queue{order:3}.desktop-sidebar{order:1}.desktop-main{order:2}}@media (width<=900px){.spotify-desktop-topbar{grid-template-columns:1fr}.desktop-search{max-width:none}.desktop-top-right{display:none}.desktop-player{grid-template-columns:1fr}.desktop-player-right{justify-content:flex-start}}@media (width<=768px){.apple-nav-actions,.yt-search{display:none}.apple-hero,.yt-hero,.sc-hero,.apple-content,.yt-content,.sc-content{padding-inline:16px}.yt-feature-grid{grid-template-columns:1fr 1fr}.sc-wave{grid-template-columns:repeat(18,minmax(0,1fr));height:96px}}