.home-page.svelte-1uha8ag{gap:2.75rem;padding-bottom:5rem;position:relative}.ambient-header.svelte-1uha8ag,.home-page.svelte-1uha8ag{flex-direction:column;display:flex}.ambient-header.svelte-1uha8ag{background:linear-gradient(rgba(30,75,45,.4),rgba(20,35,25,.2) 60%,rgba(18,18,18,0));gap:1.5rem;margin:-1.25rem -1.75rem 0;padding:1.75rem 1.75rem 1.25rem}@media screen and (max-width:900px){.ambient-header.svelte-1uha8ag{margin:-.75rem -.75rem 0;padding:1.25rem .75rem 1rem}}.greeting-row.svelte-1uha8ag{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.greeting-row.svelte-1uha8ag .greeting-title:where(.svelte-1uha8ag){color:#fff;letter-spacing:-.04em;margin:0 0 .45rem;font-size:2.1rem;font-weight:800}.greeting-row.svelte-1uha8ag .pref-meta-row:where(.svelte-1uha8ag){color:#a7a7a7;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.85rem;display:flex}.greeting-row.svelte-1uha8ag .pref-meta-row:where(.svelte-1uha8ag) .pref-label:where(.svelte-1uha8ag){margin-right:.15rem;font-weight:600}.greeting-row.svelte-1uha8ag .pref-meta-row:where(.svelte-1uha8ag) .pref-pill:where(.svelte-1uha8ag){color:#fff;background:rgba(255,255,255,.1);border-radius:9999px;padding:.18rem .55rem;font-size:.76rem;font-weight:600}.greeting-row.svelte-1uha8ag .pref-meta-row:where(.svelte-1uha8ag) .pref-pill.artist:where(.svelte-1uha8ag){color:#1ed760;background:rgba(30,215,96,.15);border:1px solid rgba(30,215,96,.3)}.greeting-row.svelte-1uha8ag .pref-meta-row:where(.svelte-1uha8ag) .pref-pill.more:where(.svelte-1uha8ag){color:#fff;background:rgba(255,255,255,.15)}.greeting-row.svelte-1uha8ag .customize-pref-btn:where(.svelte-1uha8ag){color:#fff;cursor:pointer;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.82rem;font-weight:700;transition:all .14s;display:inline-flex}.greeting-row.svelte-1uha8ag .customize-pref-btn:where(.svelte-1uha8ag):hover{color:#000;background:#fff;transform:scale(1.03)}.quick-grid.svelte-1uha8ag{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.75rem;display:grid}@media screen and (max-width:600px){.quick-grid.svelte-1uha8ag{grid-template-columns:1fr 1fr;gap:.5rem}}.quick-tile.svelte-1uha8ag{cursor:pointer;color:#fff;background:rgba(255,255,255,.08);border-radius:4px;align-items:center;height:4.25rem;text-decoration:none;transition:background .2s;display:flex;position:relative;overflow:hidden}.quick-tile.svelte-1uha8ag:hover{background:rgba(255,255,255,.2)}.quick-tile.svelte-1uha8ag:hover .tile-play-btn:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)scale(1)}.quick-tile.svelte-1uha8ag .tile-art:where(.svelte-1uha8ag){flex-shrink:0;justify-content:center;align-items:center;width:4.25rem;height:4.25rem;display:flex;box-shadow:4px 0 16px rgba(0,0,0,.3)}.quick-tile.svelte-1uha8ag .tile-art.liked-art:where(.svelte-1uha8ag){color:#fff;background:linear-gradient(135deg,#450af5,#8e8ee5 50%,#c4efd9)}.quick-tile.svelte-1uha8ag .tile-art.fire-art:where(.svelte-1uha8ag){color:#fff;background:linear-gradient(135deg,#ff462d,#fca311)}.quick-tile.svelte-1uha8ag .tile-img:where(.svelte-1uha8ag){-o-object-fit:cover;object-fit:cover;flex-shrink:0;width:4.25rem;height:4.25rem}.quick-tile.svelte-1uha8ag .tile-title:where(.svelte-1uha8ag){white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 1rem;font-size:.95rem;font-weight:700;overflow:hidden}.quick-tile.svelte-1uha8ag .tile-play-btn:where(.svelte-1uha8ag){color:#000;opacity:0;background:#1ed760;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;right:.85rem;transform:translateY(4px)scale(.9);box-shadow:0 8px 16px rgba(0,0,0,.4)}.quick-tile.svelte-1uha8ag .tile-play-btn:where(.svelte-1uha8ag):hover{background:#1fdf64;transform:scale(1.08)!important}.spotify-section.svelte-1uha8ag{flex-direction:column;gap:1.25rem;display:flex}.section-title-bar.svelte-1uha8ag{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.section-title-bar.svelte-1uha8ag .section-kicker:where(.svelte-1uha8ag){letter-spacing:.08em;color:#b3b3b3;margin-bottom:.25rem;font-size:.72rem;font-weight:800;display:block}.section-title-bar.svelte-1uha8ag .section-heading:where(.svelte-1uha8ag){color:#fff;letter-spacing:-.03em;margin:0;font-size:1.55rem;font-weight:800}.section-title-bar.svelte-1uha8ag .section-actions-row:where(.svelte-1uha8ag){align-items:center;gap:.5rem;display:flex}.section-title-bar.svelte-1uha8ag .section-actions-row:where(.svelte-1uha8ag) .clear-recent-btn:where(.svelte-1uha8ag){color:rgba(255,255,255,.45);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.45rem .6rem;font-size:.78rem;font-weight:600;transition:all .14s}.section-title-bar.svelte-1uha8ag .section-actions-row:where(.svelte-1uha8ag) .clear-recent-btn:where(.svelte-1uha8ag):hover{color:#ef4444;background:rgba(239,68,68,.1)}.section-title-bar.svelte-1uha8ag .spotify-play-btn:where(.svelte-1uha8ag){color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.82rem;font-weight:700;transition:all .14s;display:inline-flex}.section-title-bar.svelte-1uha8ag .spotify-play-btn:where(.svelte-1uha8ag):hover{color:#000;background:#1ed760;border-color:#1ed760;transform:scale(1.04)}.section-title-bar.svelte-1uha8ag .view-all-link:where(.svelte-1uha8ag){color:#b3b3b3;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .15s}.section-title-bar.svelte-1uha8ag .view-all-link:where(.svelte-1uha8ag):hover{color:#fff;text-decoration:underline}.mix-cards-grid.svelte-1uha8ag{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;flex-direction:row;gap:.9rem;padding:.25rem .25rem .75rem;display:flex;overflow-x:auto;overflow-y:hidden}.mix-cards-grid.svelte-1uha8ag::-webkit-scrollbar{height:5px}.mix-cards-grid.svelte-1uha8ag::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:9999px}.mix-card.svelte-1uha8ag{scroll-snap-align:start;cursor:pointer;width:138px;color:inherit;background:#181818;border-radius:.55rem;flex-direction:column;flex:0 0 138px;gap:.55rem;padding:.65rem;text-decoration:none;transition:background-color .2s,transform .15s;display:flex}.mix-card.svelte-1uha8ag:hover{background-color:#242424;transform:translateY(-3px)}.mix-card.svelte-1uha8ag:hover .card-play-hover:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)}.mix-card.svelte-1uha8ag .card-cover-wrap:where(.svelte-1uha8ag){aspect-ratio:1;background:#282828;border-radius:.35rem;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.45)}.mix-card.svelte-1uha8ag .card-cover-wrap:where(.svelte-1uha8ag) .card-cover-img:where(.svelte-1uha8ag){-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.mix-card.svelte-1uha8ag .card-cover-wrap:where(.svelte-1uha8ag) .custom-pl-art:where(.svelte-1uha8ag){color:rgba(255,255,255,.4);background:linear-gradient(135deg,#1e293b,#0f172a);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mix-card.svelte-1uha8ag .card-cover-wrap:where(.svelte-1uha8ag) .card-play-hover:where(.svelte-1uha8ag){color:#000;cursor:pointer;opacity:0;background:#1ed760;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;padding:0;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:.45rem;right:.45rem;transform:translateY(6px);box-shadow:0 4px 12px rgba(0,0,0,.6)}.mix-card.svelte-1uha8ag .card-cover-wrap:where(.svelte-1uha8ag) .card-play-hover:where(.svelte-1uha8ag):hover{background:#1fdf64;transform:scale(1.08)!important}.mix-card.svelte-1uha8ag .card-meta:where(.svelte-1uha8ag){flex-direction:column;gap:.15rem;display:flex}.mix-card.svelte-1uha8ag .card-meta:where(.svelte-1uha8ag) .card-title:where(.svelte-1uha8ag){color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.84rem;font-weight:700;overflow:hidden}.mix-card.svelte-1uha8ag .card-meta:where(.svelte-1uha8ag) .card-subtitle:where(.svelte-1uha8ag){color:#a7a7a7;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.74rem;line-height:1.35;overflow:hidden}@media screen and (max-width:600px){.mix-card.svelte-1uha8ag{flex:0 0 118px;width:118px;padding:.5rem}.mix-card.svelte-1uha8ag .card-meta:where(.svelte-1uha8ag) .card-title:where(.svelte-1uha8ag){font-size:.78rem}.mix-card.svelte-1uha8ag .card-meta:where(.svelte-1uha8ag) .card-subtitle:where(.svelte-1uha8ag){font-size:.68rem}}.artist-cards-grid.svelte-1uha8ag{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;flex-direction:row;gap:1rem;padding:.25rem .25rem .75rem;display:flex;overflow-x:auto;overflow-y:hidden}.artist-cards-grid.svelte-1uha8ag::-webkit-scrollbar{height:5px}.artist-cards-grid.svelte-1uha8ag::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:9999px}.artist-card.svelte-1uha8ag{scroll-snap-align:start;text-align:center;width:125px;color:inherit;cursor:pointer;background:#181818;border-radius:.55rem;flex-direction:column;flex:0 0 125px;align-items:center;gap:.6rem;padding:.65rem;text-decoration:none;transition:background-color .2s,transform .15s;display:flex}.artist-card.svelte-1uha8ag:hover{background-color:#242424;transform:translateY(-3px)}.artist-card.svelte-1uha8ag:hover .card-play-hover:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)}.artist-card.svelte-1uha8ag .artist-circle:where(.svelte-1uha8ag){aspect-ratio:1;border-radius:50%;width:100%;max-width:96px;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.4)}.artist-card.svelte-1uha8ag .artist-circle:where(.svelte-1uha8ag) .artist-circle-img:where(.svelte-1uha8ag){-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.artist-card.svelte-1uha8ag .artist-circle:where(.svelte-1uha8ag) .card-play-hover:where(.svelte-1uha8ag){color:#000;opacity:0;background:#1ed760;border-radius:50%;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;transition:all .18s;display:flex;position:absolute;bottom:.4rem;right:.4rem;transform:translateY(6px);box-shadow:0 6px 14px rgba(0,0,0,.4)}.artist-card.svelte-1uha8ag .artist-circle:where(.svelte-1uha8ag) .card-play-hover:where(.svelte-1uha8ag):hover{background:#1fdf64;transform:scale(1.08)!important}.artist-card.svelte-1uha8ag .artist-meta:where(.svelte-1uha8ag){flex-direction:column;gap:.15rem;width:100%;display:flex}.artist-card.svelte-1uha8ag .artist-meta:where(.svelte-1uha8ag) .artist-name:where(.svelte-1uha8ag){color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.artist-card.svelte-1uha8ag .artist-meta:where(.svelte-1uha8ag) .artist-genre:where(.svelte-1uha8ag){color:#a7a7a7;font-size:.76rem}.tracks-table.svelte-1uha8ag{background:rgba(255,255,255,.02);border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden}.tracks-table.svelte-1uha8ag .table-header-row:where(.svelte-1uha8ag){color:#b3b3b3;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.08);grid-template-columns:2.5rem 1fr 1fr 3rem;padding:.55rem 1rem;font-size:.76rem;font-weight:700;display:grid}.tracks-table.svelte-1uha8ag .table-header-row:where(.svelte-1uha8ag) .th-num:where(.svelte-1uha8ag){text-align:center}.tracks-table.svelte-1uha8ag .table-header-row:where(.svelte-1uha8ag) .th-time:where(.svelte-1uha8ag){text-align:right;justify-content:flex-end;display:flex}.tracks-table.svelte-1uha8ag .table-body:where(.svelte-1uha8ag){flex-direction:column;display:flex}.genres-grid.svelte-1uha8ag{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}@media screen and (max-width:600px){.genres-grid.svelte-1uha8ag{grid-template-columns:repeat(2,1fr);gap:.75rem}}.genre-tile.svelte-1uha8ag{aspect-ratio:16/9;color:#fff;border-radius:.55rem;align-items:flex-start;padding:1rem;font-size:1.15rem;font-weight:800;text-decoration:none;transition:transform .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.3)}.genre-tile.svelte-1uha8ag:hover{transform:scale(1.03)}.genre-tile.svelte-1uha8ag .genre-title:where(.svelte-1uha8ag){z-index:1}.home-loading.svelte-1uha8ag{color:#b3b3b3;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:6rem 1rem;display:flex}.home-loading.svelte-1uha8ag .spotify-spinner:where(.svelte-1uha8ag){border:3px solid rgba(255,255,255,.1);border-top-color:#1ed760;border-radius:50%;width:2.75rem;height:2.75rem;animation:.8s linear infinite svelte-1uha8ag-spin}@keyframes svelte-1uha8ag-spin{to{transform:rotate(1turn)}}@media screen and (max-width:600px){.home-page.svelte-1uha8ag{gap:2rem;padding-bottom:6.5rem}.greeting-row.svelte-1uha8ag .greeting-title:where(.svelte-1uha8ag){letter-spacing:-.03em;font-size:1.5rem}.pref-meta-row.svelte-1uha8ag{font-size:.78rem}.pref-meta-row.svelte-1uha8ag .pref-pill:where(.svelte-1uha8ag){padding:.15rem .5rem;font-size:.7rem}.genre-tile.svelte-1uha8ag{padding:.85rem;font-size:.95rem}}@media screen and (max-width:400px){.quick-tile.svelte-1uha8ag{height:3.4rem}.quick-tile.svelte-1uha8ag .tile-art:where(.svelte-1uha8ag){width:3.4rem;height:3.4rem}.quick-tile.svelte-1uha8ag .tile-img:where(.svelte-1uha8ag){width:3.4rem;height:3.4rem}.quick-tile.svelte-1uha8ag .tile-title:where(.svelte-1uha8ag){padding:0 .7rem;font-size:.82rem}.quick-tile.svelte-1uha8ag .tile-play-btn:where(.svelte-1uha8ag){width:2.2rem;height:2.2rem;right:.6rem}}