@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@500;700&family=Space+Grotesk:wght@400;600;700&display=swap);*,:after,:before{box-sizing:border-box}body{background:#04060f;color:#f6f8ff;font-family:Space Grotesk,Manrope,system-ui,-apple-system,sans-serif;line-height:1.5;margin:0}button,input{font-family:inherit}.app-shell{background:radial-gradient(circle at 20% 20%,#687cff24,#0000 30%),radial-gradient(circle at 90% 10%,#ff78dc1f,#0000 32%),#060914;color:#e5e8ff;display:grid;grid-template-columns:280px 1fr;grid-template-rows:1fr auto;height:100vh;min-height:100vh;overflow:hidden}.sidebar{align-self:start;background:linear-gradient(160deg,#141930d9,#0a0a14e6);border-right:1px solid #ffffff0f;display:flex;flex-direction:column;gap:20px;height:100vh;overflow-y:auto;padding:28px 22px 110px;position:-webkit-sticky;position:sticky;top:0}.brand{align-items:center;display:flex;gap:10px;letter-spacing:.4px}.brand-mark{background:linear-gradient(130deg,#7c5dff,#4cc2ff);border-radius:12px;box-shadow:0 0 0 6px #7c5dff2e;height:34px;width:34px}.brand-kicker{color:#8aa0f3;font-size:12px;margin:0;text-transform:uppercase}.brand-name{color:#f8f8ff;font-size:18px;font-weight:700;margin:0}.nav-links{grid-gap:8px;display:grid;gap:8px}.nav-link{grid-gap:12px;align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;color:inherit;cursor:pointer;display:grid;gap:12px;grid-template-columns:auto 1fr;padding:12px 14px;transition:border .12s ease,transform .12s ease,background .14s ease}.nav-link:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.nav-link.active{background:linear-gradient(135deg,#7c5dff33,#4cc2ff2e);border-color:#7c5dffb3;box-shadow:0 10px 30px #7c5dff33}.nav-icon{background:linear-gradient(145deg,#6ee7ff,#7c5dff);border-radius:50%;box-shadow:0 0 0 6px #6c81ff14;height:10px;width:10px}.sidebar-block{border-top:1px solid #ffffff0f;padding-top:14px}.muted-label{color:#9ca9d8;font-size:12px;letter-spacing:.3px;margin:0}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.chip{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;font-size:13px;padding:8px 12px}.shortcut{grid-gap:12px;align-items:center;background:#ffffff08;border-radius:12px;display:grid;gap:12px;grid-template-columns:auto 1fr;margin-top:8px;padding:12px 10px}.shortcut.alt{background:#ffffff0d}.mini-cover{background:linear-gradient(150deg,#ff7eb6,#ffb88c);border-radius:12px;height:44px;width:44px}.mini-cover.alt{background:linear-gradient(150deg,#5fd1ff,#7c5dff)}.shortcut-title{font-weight:600;margin:0 0 4px}.page{display:flex;flex-direction:column;gap:24px;height:100vh;overflow-y:auto;padding:26px 30px 90px}.topbar{display:flex;gap:14px;justify-content:space-between}.search,.topbar{align-items:center}.search{grid-gap:10px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:grid;flex:1 1;gap:10px;grid-template-columns:20px 1fr;padding:12px 14px}.search input{background:#0000;border:none;color:#f6f8ff;font-size:14px;outline:none}.icon{color:#8aa0f3;height:20px;width:20px}.top-actions{align-items:center;display:flex;gap:12px}.pill{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;display:inline-flex;font-size:12px;gap:8px;padding:6px 12px}.pill.success{background:#42f5c314;border-color:#42f5c366;color:#42f5c3}.avatar{background:linear-gradient(145deg,#4cc2ff,#7c5dff);border-radius:50%;display:grid;font-weight:700;height:36px;place-items:center;width:36px}.ghost{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;color:#e5e8ff;cursor:pointer;padding:10px 14px}.hero{grid-gap:24px;background:linear-gradient(135deg,#1c2246e6,#121226d9);border:1px solid #ffffff0f;border-radius:22px;box-shadow:0 24px 60px #00000073;display:grid;gap:24px;grid-template-columns:1.35fr .85fr;padding:20px}.hero-text h1{font-size:36px;line-height:1.2;margin:8px 0}.muted{color:#b6bfd9;margin:10px 0 16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.primary{background:linear-gradient(135deg,#7c5dff,#4cc2ff);border:none;border-radius:14px;box-shadow:0 12px 32px #7061ff52;color:#04050f;cursor:pointer;font-weight:700;padding:12px 18px}.hero-card{background:radial-gradient(circle at 30% 30%,#ffffff14,#0000 45%),#ffffff05;border:1px solid #ffffff14;border-radius:18px;padding:18px}.floating-cover{height:140px;margin:12px 0;position:relative;width:140px}.orbital{background:linear-gradient(140deg,#4cc2ff4d,#7c5dff73);filter:blur(24px);inset:0}.cover-disc,.orbital{border-radius:18px;position:absolute}.cover-disc{background:linear-gradient(145deg,#17213c,#1f2d52);border:1px solid #ffffff1a;box-shadow:0 18px 40px #00000073,0 0 0 8px #7c5dff14;inset:12px}.hero-track{font-weight:600;margin:0}.hero-meta{color:#9ca9d8;display:flex;font-size:12px;justify-content:space-between}.banner{grid-gap:14px;align-items:center;background:linear-gradient(135deg,#7c5dff2e,#4cc2ff24);border:1px solid #ffffff14;border-radius:18px;box-shadow:0 18px 44px #00000059;display:grid;gap:14px;grid-template-columns:1.6fr auto;padding:16px 18px}.banner-title{font-size:20px;font-weight:700;margin:6px 0}.banner-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.search-page{display:flex;flex-direction:column;gap:16px}.artist-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.artist-card{grid-gap:12px;align-items:center;border-radius:16px;box-shadow:0 14px 40px #00000059;color:#0b0d19;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:14px}.artist-initial{background:#fff3;border-radius:50%;display:grid;font-size:18px;font-weight:800;height:44px;place-items:center;width:44px}.song-list{grid-gap:8px;display:grid;gap:8px}.song-row{grid-gap:12px;align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:grid;gap:12px;grid-template-columns:36px 1.6fr 1fr 60px;padding:12px 10px}.song-row:hover{border-color:#7c5dff66}.search-split{gap:16px}.album-grid,.playlist-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.album-card,.playlist-card{grid-gap:12px;align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:12px}.album-cover,.playlist-thumb{border-radius:14px;height:54px;width:54px}.credit-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.playlist-page{display:flex;flex-direction:column;gap:16px}.playlist-hero{grid-gap:18px;align-items:center;background:linear-gradient(135deg,#1f2447d9,#121226e6);border:1px solid #ffffff0f;border-radius:20px;box-shadow:0 24px 60px #00000073;display:grid;gap:18px;grid-template-columns:240px 1fr;padding:18px}.playlist-cover{aspect-ratio:1/1;background:radial-gradient(circle at 20% 20%,#ffffff1a,#0000 50%),linear-gradient(145deg,#7c5dff,#4cc2ff);border:1px solid #ffffff24;border-radius:18px;overflow:hidden;position:relative;width:100%}.cover-shine{background:radial-gradient(circle at 30% 30%,#ffffff4d,#0000 50%);inset:0;mix-blend-mode:screen;position:absolute}.cover-pattern{background:repeating-linear-gradient(45deg,#ffffff0f,#ffffff0f 1px,#0000 0,#0000 10px),repeating-linear-gradient(-45deg,#ffffff0f,#ffffff0f 1px,#0000 0,#0000 10px);inset:0;opacity:.6;position:absolute}.playlist-meta h1{font-size:34px;margin:4px 0}.stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:12px 0}.stat-block{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:10px 12px}.playlist-actions{display:flex;flex-wrap:wrap;gap:10px}.artist-page{display:flex;flex-direction:column;gap:16px}.artist-hero{grid-gap:18px;align-items:center;background:linear-gradient(135deg,#1f2447e6,#121226e6);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 24px 60px #00000073;display:grid;gap:18px;grid-template-columns:260px 1fr;padding:18px}.artist-photo{aspect-ratio:1/1;background:linear-gradient(145deg,#7c5dff,#4cc2ff);border:1px solid #ffffff24;border-radius:50%;box-shadow:0 18px 40px #0006;overflow:hidden;position:relative;width:100%}.artist-meta h1{font-size:34px;margin:4px 0}.artist-stats{color:#9ca9d8;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.artist-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.artist-row{grid-template-columns:40px 1.6fr 1fr 70px}.library-page,.mood-page,.podcast-page{display:flex;flex-direction:column;gap:16px}.podcast-hero{grid-gap:18px;align-items:center;background:linear-gradient(135deg,#1f2447e6,#121226e6);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 24px 60px #00000073;display:grid;gap:18px;grid-template-columns:280px 1fr;padding:18px}.podcast-art{aspect-ratio:1/1;background:linear-gradient(145deg,#7c5dff,#4cc2ff);border:1px solid #ffffff24;border-radius:24px;overflow:hidden;position:relative;width:100%}.podcast-badge{background:#00000059;border:1px solid #ffffff2e;border-radius:999px;bottom:12px;font-size:12px;font-weight:700;left:12px;padding:6px 10px;position:absolute}.podcast-meta h1{font-size:34px;margin:4px 0}.podcast-stats{color:#9ca9d8;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.podcast-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.episode-list{grid-gap:10px;display:grid;gap:10px}.episode-card{grid-gap:12px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:12px}.episode-number{background:#ffffff14;border-radius:12px;display:grid;font-weight:700;height:36px;place-items:center;width:36px}.episode-meta{grid-gap:8px;align-content:center;display:grid;gap:8px;justify-items:end}.player-page{display:flex;flex-direction:column;gap:16px}.player-hero{grid-gap:16px;align-items:center;background:linear-gradient(135deg,#1c2246e6,#121226e6);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 24px 60px #00000073;display:grid;gap:16px;grid-template-columns:1.2fr .6fr;padding:18px}.transport{align-items:center;display:inline-flex;gap:10px;margin:10px 0}.player-eq{grid-gap:4px;align-items:end;background:radial-gradient(circle at 20% 20%,#7c5dff38,#0000 45%),radial-gradient(circle at 80% 40%,#4cc2ff29,#0000 50%),#ffffff08;border:1px solid #ffffff0f;border-radius:16px;display:grid;gap:4px;grid-auto-flow:column;height:160px;padding:12px 14px}.eq-bar,.player-eq{overflow:hidden;position:relative}.eq-bar{background:#ffffff0d;border-radius:14px;height:100%;width:8px}.eq-bar:after,.eq-bar:before{background:linear-gradient(180deg,#38bdf8,#4cc2ff 25%,#7c5dff 60%,#ff4f9a);border-radius:12px;bottom:0;content:"";height:50%;height:var(--level,50%);left:0;-webkit-mask-image:repeating-linear-gradient(0deg,#000 0,#000 6px,#0000 0,#0000 11px);mask-image:repeating-linear-gradient(0deg,#000 0,#000 6px,#0000 0,#0000 11px);-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;-webkit-mask-size:100% 11px;mask-size:100% 11px;position:absolute;right:0;transition:height .22s ease}.eq-bar:before{filter:blur(10px);opacity:.55}.sound-tools{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tool-block{grid-gap:6px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:grid;gap:6px;padding:10px}.slider-input{-webkit-appearance:none;appearance:none;background:#ffffff1f;border-radius:999px;height:8px;outline:none;width:100%}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(145deg,#7c5dff,#4cc2ff);border-radius:50%;box-shadow:0 6px 14px #00000059;cursor:pointer;height:18px;width:18px}.seek-slider{height:6px}.center-slider{background:linear-gradient(90deg,#ffffff1f,#ffffff1f 50%,#ffffff1f)}.slider-labels{color:#9ca9d8;display:flex;font-size:11px;justify-content:space-between}.friends-page{display:flex;flex-direction:column;gap:16px}.friends-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.friend-card{grid-gap:12px;align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:12px}.friend-avatar{border-radius:14px;color:#0b0d19;display:grid;font-weight:700;height:48px;place-items:center;width:48px}.friend-info{grid-gap:4px;display:grid;gap:4px}.friend-track{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:inherit;cursor:pointer;padding:8px 10px;text-align:left}.docs-page{display:flex;flex-direction:column;gap:16px}.docs-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.docs-list{color:#b6bfd9;line-height:1.4;margin:8px 0 0;padding-left:14px}.colors-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.color-swatch{grid-gap:10px;align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:grid;gap:10px;grid-template-columns:60px 1fr;padding:10px}.swatch{border-radius:10px;box-shadow:0 10px 20px #0000004d;height:40px;width:60px}.browse-page{display:flex;flex-direction:column;gap:16px}.browse-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.browse-card{align-content:space-between;border-radius:14px;box-shadow:0 18px 40px #00000059;color:#0b0d19;display:grid;min-height:110px;padding:14px}.browse-list{grid-gap:10px;display:grid;gap:10px}.browse-row{grid-gap:10px;align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:10px 12px}.profile-page{display:flex;flex-direction:column;gap:16px}.heatmap-legend{align-items:center;display:flex;gap:10px}.legend-steps{display:inline-flex;gap:6px}.legend-dot{border-radius:4px;height:16px;width:16px}.heatmap-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(52,minmax(10px,1fr));max-width:900px}.heat-cell{border-radius:4px;padding-top:100%;width:100%}.profile-columns{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.4fr 1fr}.profile-row{grid-template-columns:36px 1.3fr 80px}.profile-stacks{grid-gap:12px;display:grid;gap:12px}.mini-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 12px 30px #0000004d;padding:12px}.suggestions{margin-top:12px}.mini-list{grid-gap:8px;display:grid;gap:8px}.two-col{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mini-row{grid-gap:10px;align-items:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;display:grid;gap:10px;grid-template-columns:auto 1fr;padding:8px 10px;transition:transform .12s ease,border .12s ease}.mini-row:hover{border-color:#7c5dff66;transform:translateY(-1px)}.dot{background:linear-gradient(135deg,#7c5dff,#4cc2ff);border-radius:50%;box-shadow:0 0 0 6px #7c5dff14;height:12px;width:12px}.slider-input::-moz-range-thumb{background:linear-gradient(145deg,#7c5dff,#4cc2ff);border:none;border-radius:50%;box-shadow:0 6px 14px #00000059;cursor:pointer;height:18px;width:18px}.player-row{grid-template-columns:40px 1.4fr 80px auto}.mood-hero{grid-gap:18px;align-items:center;background:linear-gradient(135deg,#7c5dff2e,#4cc2ff24);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 20px 46px #00000059;display:grid;gap:18px;grid-template-columns:1.3fr 1fr;padding:18px}.mood-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.mood-visual{aspect-ratio:1/1;background:radial-gradient(circle at 30% 30%,#ffffff1f,#0000 45%),#ffffff08;border:1px solid #ffffff1f;border-radius:24px;overflow:hidden;position:relative;width:100%}.mood-disc{background:linear-gradient(145deg,#7c5dff,#4cc2ff);box-shadow:0 18px 40px #0006;inset:14%}.mood-disc,.mood-glow{border-radius:50%;position:absolute}.mood-glow{background:radial-gradient(circle,#7c5dff66,#0000 55%);filter:blur(24px);inset:8%}.mood-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mood-card{grid-gap:10px;align-items:center;border-radius:16px;box-shadow:0 14px 40px #00000059;color:#0b0d19;display:grid;gap:10px;grid-template-columns:1fr auto;padding:14px}.album-page{display:flex;flex-direction:column;gap:16px}.album-hero{grid-gap:20px;align-items:center;background:linear-gradient(135deg,#1c2246e6,#121226e6);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 24px 60px #00000073;display:grid;gap:20px;grid-template-columns:260px 1fr;padding:18px}.album-art{aspect-ratio:1/1;background:linear-gradient(145deg,#7c5dff,#4cc2ff);border:1px solid #ffffff24;border-radius:18px;overflow:hidden;position:relative;width:100%}.album-badge{background:#00000059;border:1px solid #ffffff2e;border-radius:999px;font-size:12px;font-weight:700;padding:6px 10px;position:absolute;right:12px;top:12px}.album-meta h1{font-size:34px;margin:4px 0}.album-stats{color:#9ca9d8;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.album-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.album-tracks{background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;padding:14px}.album-headings,.album-row{grid-template-columns:40px 1.6fr 1fr 70px}.album-credits .credit-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.range{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden;position:relative}.range-fill{background:linear-gradient(135deg,#4cc2ff,#7c5dff);inset:0;position:absolute}.section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;padding:18px 18px 6px}.section-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section h2{margin:0}.slider-nav{align-items:center;display:flex;gap:8px}.slider-arrows{display:inline-flex;gap:6px}.icon-btn{padding:8px 10px;width:38px}.slider{position:relative}.slider-rail{grid-gap:12px;display:grid;gap:12px;grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;overflow:hidden;padding-bottom:6px;scroll-behavior:smooth;scroll-snap-type:x mandatory}.slide-card{min-width:0;scroll-snap-align:start}.playlist-tracks{background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;padding:14px}.track-headings{grid-gap:12px;color:#9ca9d8;display:grid;font-size:12px;gap:12px;grid-template-columns:40px 1.4fr 1fr 1.1fr 60px;letter-spacing:.4px;padding:8px 10px}.track-list{grid-gap:8px;display:grid;gap:8px}.track-row{grid-gap:12px;align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:grid;gap:12px;grid-template-columns:40px 1.4fr 1fr 1.1fr 60px;padding:12px 10px}.track-row:hover{border-color:#7c5dff66;transform:translateY(-1px)}.popularity{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto}.card-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.media-card{grid-gap:12px;align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:12px}.media-cover{border-radius:12px;display:grid;height:52px;place-items:center;position:relative;width:52px}.play-btn{background:#00000061;border:none;border-radius:50%;color:#fff;cursor:pointer;height:36px;width:36px}.media-info{overflow:hidden}.media-title{font-weight:600;margin:0}.split{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.2fr 1fr}.stack{display:flex;flex-direction:column;gap:12px}.mix-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mix-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;overflow:hidden;padding:14px;position:relative}.mix-bg{border-radius:12px;filter:blur(22px);inset:10px;opacity:.7;position:absolute}.mix-title{font-weight:700;margin:0 0 4px}.queue{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:12px}.queue-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.queue-item{align-items:center;background:#ffffff08;border-radius:12px;display:flex;justify-content:space-between;padding:10px}.player{grid-gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070fe6;border-top:1px solid #ffffff14;bottom:0;display:grid;grid-column:1/-1;grid-template-columns:1.2fr 2fr 1fr;padding:14px 22px;position:-webkit-sticky;position:sticky}.player,.player-track{align-items:center;gap:12px}.player-track{display:flex}.player-cover{background:linear-gradient(145deg,#ffa751,#ffe259);border-radius:14px;box-shadow:0 8px 24px #0006;height:48px;width:48px}.player-controls{flex-direction:column}.controls-row,.player-controls{align-items:center;display:flex;gap:8px}.controls-row button{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;color:#f6f8ff;cursor:pointer;padding:8px 12px}.circle{border-radius:50%;height:44px;width:44px}.player-range{width:100%}.player-times{color:#9ca9d8;font-size:12px;gap:6px}.player-meta,.player-times{align-items:center;display:flex}.player-meta{gap:10px;justify-content:flex-end}.queue-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060914f2;border:1px solid #ffffff14;border-radius:16px;bottom:90px;box-shadow:0 18px 40px #00000073;display:grid;grid-template-rows:auto 1fr;max-height:60vh;overflow:hidden;position:fixed;right:16px;width:min(360px,90vw);z-index:12}.queue-panel-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:12px 14px}.queue-panel-body{grid-gap:8px;display:grid;gap:8px;overflow-y:auto;padding:10px 12px 12px}.queue-panel-row{grid-gap:10px;align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;display:grid;gap:10px;grid-template-columns:24px 1fr auto;padding:8px 10px}@media (max-width:1024px){.app-shell{grid-template-columns:240px 1fr}.album-hero,.artist-hero,.banner,.hero,.mood-hero,.player-hero,.podcast-hero,.search-split{grid-template-columns:1fr}.player-row{grid-template-columns:32px 1fr 60px auto}.heatmap-grid{grid-template-columns:repeat(26,minmax(10px,1fr))}.profile-columns{grid-template-columns:1fr}.song-row{grid-template-columns:30px 1.4fr 1fr 60px}.playlist-hero{grid-template-columns:1fr}.track-headings,.track-row{grid-template-columns:30px 1.2fr 1fr 1fr 60px}.player,.split{grid-template-columns:1fr}.player{text-align:center}.player-meta,.player-track{justify-content:center}}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{align-items:center;flex-direction:row;gap:12px;overflow-x:auto;position:-webkit-sticky;position:sticky;top:0;z-index:4}.nav-links{display:grid;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-auto-flow:column}.page{padding:18px 16px 90px}.topbar{align-items:stretch;flex-direction:column}.slider-rail{grid-auto-columns:minmax(180px,1fr)}.top-actions{justify-content:space-between}.player{left:0;position:fixed;right:0}.track-headings:not(.album-headings) span:nth-child(3),.track-headings:not(.album-headings) span:nth-child(4),.track-row:not(.album-row) .popularity,.track-row:not(.album-row) span:nth-child(3){display:none}.song-row,.track-headings:not(.album-headings),.track-row:not(.album-row){grid-template-columns:28px 1fr 60px}.hide-mobile{display:none}.album-headings,.album-row{grid-template-columns:28px 1fr 80px 60px}}
/*# sourceMappingURL=main.28e7fb38.css.map*/