@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-vietnamese-wght-normal.qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-ext-wght-normal.DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--orange:#ff5722;--gold:#ffc107;--navy:#1a1d24;--navy-2:#232733;--navy-3:#2d3242;--cream:#f8f9fa;--muted:#9aa3b5;--radius:20px;--font-head:"Plus Jakarta Sans Variable", system-ui, sans-serif;--font-body:"Inter Variable", system-ui, sans-serif}*{box-sizing:border-box}html{color-scheme:dark}body{background:radial-gradient(900px 500px at 15% -10%, #ff572238, transparent 60%), radial-gradient(700px 500px at 100% 10%, #ffc1071a, transparent 60%), var(--navy);min-height:100svh;color:var(--cream);font-family:var(--font-body);flex-direction:column;margin:0;line-height:1.5;display:flex}.top,main,footer{width:min(1080px,100% - 32px);margin-inline:auto}.top{justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.brand{color:inherit;font:700 1.25rem var(--font-head);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.brand b{color:var(--orange)}.tagline{color:var(--muted);margin:0;font-size:.9rem}main{flex:1;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);align-items:start;gap:24px;padding-bottom:24px;display:grid}.card{background:linear-gradient(160deg, var(--navy-2), var(--navy));border-radius:var(--radius);border:1px solid #ffffff12;grid-template-columns:minmax(200px,300px) 1fr;gap:28px;padding:28px;display:grid;box-shadow:0 30px 80px -30px #ff572259}.art-wrap{position:relative}.cover{--h:20;aspect-ratio:1;background:linear-gradient(145deg, hsl(var(--h) 90% 55%), hsl(calc(var(--h) + 25) 90% 45%));width:100%;font:800 6rem var(--font-head);color:#ffffffd9;background-position:50%;background-size:cover;border-radius:16px;place-items:center;transition:transform .4s;display:grid;box-shadow:0 18px 40px -12px #0009}.cover.has-img{color:#0000}.card.playing .cover{transform:scale(1.015)}.eq{backdrop-filter:blur(6px);box-sizing:content-box;background:#1a1d24bf;border-radius:8px;align-items:flex-end;gap:3px;height:22px;padding:6px 8px;display:none;position:absolute;bottom:12px;right:12px}.card.playing .eq{display:flex}.eq i{background:var(--gold);transform-origin:bottom;border-radius:2px;width:4px;height:100%;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.info{flex-direction:column;min-width:0;display:flex}.status{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:0 0 8px;font-size:.8rem;display:flex}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.card.playing .dot{background:var(--orange);animation:1.6s infinite pulse;box-shadow:0 0 0 4px #ff572240}@keyframes pulse{50%{box-shadow:0 0 0 8px #ff572200}}.sep{opacity:.5}h1{font:800 clamp(1.6rem, 3.4vw, 2.4rem) / 1.15 var(--font-head);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0}.artist{color:var(--muted);margin:6px 0 0;font-size:1.05rem}.chips{flex-wrap:wrap;gap:8px;min-height:28px;margin:18px 0 22px;display:flex}.chip{text-transform:capitalize;color:var(--cream);background:#ffffff12;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:600}.chip-strong{color:#ffb199;background:#ff572233}.progress{background:#ffffff1a;border-radius:999px;height:6px;margin-top:auto;overflow:hidden}#bar{background:linear-gradient(90deg, var(--orange), var(--gold));border-radius:inherit;width:0;height:100%}.times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:.78rem;display:flex}.controls{align-items:center;gap:16px;margin-top:18px;display:flex}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.4;cursor:not-allowed}.btn-play{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:68px;height:68px;transition:transform .15s,background .15s;display:grid;box-shadow:0 10px 28px -8px #ff5722b3}.btn-play:not(:disabled):hover{background:#ff6a3c;transform:scale(1.06)}.btn-skip{background:#ffffff14;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.btn-skip:not(:disabled):hover{background:#ffffff29}.i-pause,.card.playing .i-play{display:none}.card.playing .i-pause{display:block}.vol{color:var(--muted);align-items:center;gap:8px;margin-left:auto;display:flex}input[type=range]{width:110px;accent-color:var(--orange)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.queue{background:var(--navy-2);border-radius:var(--radius);border:1px solid #ffffff12;padding:22px}.queue h2{font:700 1rem var(--font-head);color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.queue ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.queue li{align-items:center;gap:12px;min-width:0;display:flex}.mini-cover{--h:20;background:linear-gradient(145deg, hsl(var(--h) 90% 55%), hsl(calc(var(--h) + 25) 90% 45%));width:48px;height:48px;font:800 1.2rem var(--font-head);color:#ffffffd9;background-position:50%;background-size:cover;border-radius:10px;flex:none;place-items:center;display:grid}.mini-cover.has-img{color:#0000}.mini-meta{flex-direction:column;min-width:0;display:flex}.mini-meta strong,.mini-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-meta strong{font-size:.92rem}.mini-meta span{color:var(--muted);font-size:.8rem}footer{color:var(--muted);border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:20px 0 28px;font-size:.82rem;display:flex}footer p{margin:0}footer a{color:var(--gold)}@media (width<=820px){main{grid-template-columns:1fr}.card{grid-template-columns:1fr;gap:20px;padding:20px}.art-wrap{width:100%;max-width:320px;margin-inline:auto}.vol{flex:1;justify-content:flex-end;margin-left:0}.tagline{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}