@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";:root{--text:#c4c0d4;--text-h:#f4f2fb;--muted:#8b849e;--bg:#0c0a10;--surface:#14121a;--surface-hover:#1c1924;--border:#2a2635;--accent:#a78bfa;--accent-warm:#fb7185;--shadow:#00000073 0 18px 40px -12px, #00000040 0 8px 16px -8px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}.app{min-height:100svh;color:var(--text);flex-direction:column;padding-bottom:6.5rem;display:flex}.top{border-bottom:1px solid var(--border);z-index:2;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem .75rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-wrap{flex:14rem;min-width:0;max-width:24rem}.search-input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);border-radius:10px;padding:.5rem .75rem;font-family:inherit;font-size:.88rem}.search-input::placeholder{color:var(--muted)}.search-input:focus{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px}.brand{color:var(--text-h);align-items:center;gap:.65rem;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-warm));width:.65rem;height:.65rem;box-shadow:0 0 20px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%}.brand-lockup{flex-direction:column;align-items:flex-start;gap:.12rem;line-height:1.1;display:flex}.brand-name{letter-spacing:-.04em;color:var(--text-h);font-size:1.14rem;font-weight:600}@supports ((-webkit-background-clip:text) or (background-clip:text)){.brand-name{background:linear-gradient(120deg, var(--text-h) 0%, color-mix(in srgb, var(--accent) 85%, var(--text-h)) 55%, var(--accent-warm) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}}.brand-hub{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.65rem;font-weight:600}.player-cover-photo{background-position:50%;background-repeat:no-repeat;background-size:cover}.main{box-sizing:border-box;flex:1;width:100%;max-width:42rem;margin:0 auto;padding:1.75rem 1.25rem 2rem}.hero{text-align:left;margin-bottom:2.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 .5rem;font-size:.75rem}.hero h1{letter-spacing:-.03em;color:var(--text-h);margin:0 0 .65rem;font-size:clamp(1.65rem,4.5vw,2.15rem);font-weight:600;line-height:1.15}.hero-sub{color:var(--text);font-weight:400}.hero-meta{color:var(--muted);margin:0;font-size:.9rem}.lang-filters{flex-wrap:wrap;gap:.45rem;margin-top:1.1rem;display:flex}.lang-filter{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-family:inherit;font-size:.82rem;transition:background .15s,border-color .15s,color .15s}.lang-filter:hover{background:var(--surface-hover)}.lang-filter.on{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:color-mix(in srgb, var(--accent) 16%, var(--surface));color:var(--text-h)}.spotify-artists-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:1.25rem 0 .45rem;font-size:.72rem;font-weight:600}.spotify-artist-chips{flex-wrap:wrap;gap:.4rem;display:flex}.spotify-artist-chip{border:1px solid color-mix(in srgb, #1ed760 35%, var(--border));background:color-mix(in srgb, #1ed760 8%, var(--surface));color:#86efac;cursor:pointer;border-radius:999px;padding:.35rem .7rem;font-family:inherit;font-size:.78rem;transition:background .15s,border-color .15s}.spotify-artist-chip:hover{background:color-mix(in srgb, #1ed760 16%, var(--surface))}.spotify-artist-chip.on{background:color-mix(in srgb, #1ed760 22%, var(--surface));color:#ecfdf5;border-color:#4ade80}.block-title-tag{letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;color:#86efac;border:1px solid color-mix(in srgb, #1ed760 40%, var(--border));border-radius:4px;margin-left:.45rem;padding:.15rem .4rem;font-size:.62rem;font-weight:700;display:inline-block}.spotify-status{color:var(--muted);text-align:left;margin:0 0 .75rem;font-size:.82rem;line-height:1.45}.spotify-status code{background:var(--surface);color:var(--text-h);border-radius:4px;padding:.1rem .25rem;font-size:.78rem}.spotify-warn{color:#fdba74}.block{margin-bottom:2rem}.block-hint{color:var(--muted);text-align:left;margin:0 0 .75rem;font-size:.8rem;line-height:1.45}.block-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 .75rem;font-size:.8rem;font-weight:600}.track-list{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.track-row{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto auto;align-items:center;gap:.65rem .75rem;padding:.6rem .75rem;transition:background .15s;display:grid}.track-row:last-child{border-bottom:none}.track-row:hover{background:var(--surface-hover)}.track-row.active{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.track-play{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;width:2.75rem;height:2.75rem;padding:0;position:relative;overflow:hidden}.mini-cover{position:absolute;inset:0}.play-glyph{color:#fff;text-shadow:0 1px 3px #00000073;opacity:0;background:#00000059;place-items:center;font-size:.65rem;transition:opacity .15s;display:grid;position:absolute;inset:0}.track-row:hover .play-glyph,.track-row.active .play-glyph{opacity:1}.track-text{text-align:left;min-width:0}.track-title-line{align-items:center;gap:.45rem;min-width:0;margin:0;display:flex}.lang-tag{letter-spacing:.06em;border:1px solid var(--border);color:var(--muted);border-radius:4px;flex-shrink:0;padding:.2rem .35rem;font-size:.62rem;font-weight:700;line-height:1}.lang-tag.lang-en{border-color:color-mix(in srgb, #38bdf8 35%, var(--border));color:#7dd3fc}.lang-tag.lang-hi{border-color:color-mix(in srgb, #fb923c 40%, var(--border));color:#fdba74}.track-title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:.92rem;font-weight:500;overflow:hidden}.track-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 0;font-size:.78rem;overflow:hidden}.track-station{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin-top:.35rem;display:flex}.station-pill{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--accent-warm) 18%, var(--surface));color:#fda4af;border:1px solid color-mix(in srgb, var(--accent-warm) 35%, var(--border));border-radius:4px;padding:.2rem .45rem;font-size:.65rem;font-weight:600}.station-link{color:#4ade80;font-size:.72rem;font-weight:600;text-decoration:none}.station-link:hover{text-underline-offset:2px;text-decoration:underline}.track-dur{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.78rem}.heart{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:.25rem;font-size:1.1rem;line-height:1;transition:color .15s,transform .12s}.heart:hover,.heart.on{color:var(--accent-warm)}.player{z-index:3;background:color-mix(in srgb, var(--bg) 94%, #000);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem 1rem;padding:.65rem 1rem .75rem;transition:transform .25s;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.player.visible{transform:translateY(0)}.player-cover{border-radius:8px;grid-row:span 2;width:3rem;height:3rem}.player-info{text-align:left;min-width:0}.player-title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:500;overflow:hidden}.player-artist{color:var(--muted);align-items:center;gap:.4rem;min-width:0;margin:.1rem 0 0;font-size:.75rem;display:flex}.player-lang{border:1px solid var(--border);color:var(--muted);border-radius:3px;flex-shrink:0;padding:.12rem .28rem;font-size:.58rem;font-weight:700}.player-lang.lang-en{border-color:color-mix(in srgb, #38bdf8 35%, var(--border));color:#7dd3fc}.player-lang.lang-hi{border-color:color-mix(in srgb, #fb923c 40%, var(--border));color:#fdba74}.player-spotify{color:#4ade80;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:.35rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-block;overflow:hidden}.player-spotify:hover{text-underline-offset:2px;text-decoration:underline}.player-spotify-note{color:var(--muted);margin:.35rem 0 0;font-size:.7rem;line-height:1.35}.player-external{justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.15rem 0 0;display:flex}.player-spotify-cta{color:#1ed760;border:1px solid color-mix(in srgb, #1ed760 45%, var(--border));background:color-mix(in srgb, #1ed760 12%, var(--surface));border-radius:999px;padding:.35rem .65rem;font-size:.8rem;font-weight:600;text-decoration:none}.player-spotify-cta:hover{background:color-mix(in srgb, #1ed760 22%, var(--surface))}.player-external-dur{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.72rem}.spotify-pill{letter-spacing:.05em;color:#1ed760;border:1px solid color-mix(in srgb, #1ed760 40%, var(--border));background:color-mix(in srgb, #1ed760 10%, var(--surface));border-radius:4px;flex-shrink:0;padding:.18rem .32rem;font-size:.58rem;font-weight:700}.player-controls{grid-row:span 2;justify-self:end}.icon-btn.play{background:var(--accent);width:2.5rem;height:2.5rem;color:var(--bg);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:.75rem;transition:filter .15s,transform .1s;display:grid}.icon-btn.play:hover{filter:brightness(1.08)}.icon-btn.play:active{transform:scale(.96)}.player-bar-wrap{grid-column:2/-1;width:100%}.progress-hit{cursor:pointer;background:0 0;border:none;width:100%;padding:.35rem 0;display:block}.progress-bg{background:var(--border);border-radius:999px;height:4px;display:block;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-warm));border-radius:999px;height:100%;display:block}.time-row{font-variant-numeric:tabular-nums;color:var(--muted);justify-content:space-between;margin-top:.15rem;font-size:.68rem;display:flex}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);text-align:left;width:min(26rem,100%);box-shadow:var(--shadow);border-radius:16px;padding:1.5rem 1.35rem 1.35rem}.modal h2{color:var(--text-h);margin:0 0 .35rem;font-size:1.35rem}.modal-lead{color:var(--muted);margin:0 0 1.25rem;font-size:.9rem;line-height:1.45}.field{color:var(--muted);flex-direction:column;gap:.4rem;margin-bottom:1.1rem;font-size:.82rem;display:flex}.field input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:10px;padding:.65rem .75rem;font-family:inherit;font-size:1rem}.field input:focus{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:1px}.genre-fieldset{border:none;margin:0 0 1.25rem;padding:0}.genre-fieldset legend{color:var(--muted);margin-bottom:.5rem;font-size:.82rem}.genre-chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:.4rem .75rem;font-family:inherit;font-size:.82rem;transition:background .15s,border-color .15s,color .15s}.chip.on{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 18%, var(--bg));color:var(--text-h)}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.btn.primary{background:var(--accent);width:100%;color:var(--bg);padding:.7rem 1rem;font-weight:600}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{border-color:var(--border);color:var(--text-h);background:0 0;font-size:.82rem}.btn.ghost:hover{background:var(--surface-hover)}.attribution{border-top:1px solid var(--border);color:var(--muted);text-align:left;margin:2rem 0 0;padding-top:1.25rem;font-size:.72rem;line-height:1.5}.attribution a{color:color-mix(in srgb, var(--accent) 75%, var(--text));text-underline-offset:2px;text-decoration:underline}.attribution a:hover{color:var(--accent)}@media (width>=640px){.player{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:1.5rem}.player-bar-wrap{grid-column:2}}