@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color-scheme:dark;font-family:Barlow,sans-serif;color:#fefefe;background:radial-gradient(circle at top left,rgba(253,207,0,.3),transparent 32%),radial-gradient(circle at top right,rgba(90,150,186,.34),transparent 30%),linear-gradient(180deg,#1a435c,#285a77 55%,#173448);--bg-deep: #173448;--bg-main: #285a77;--panel: rgba(27, 71, 96, .74);--panel-strong: rgba(40, 90, 119, .88);--panel-border: rgba(255, 255, 255, .14);--accent: #fdcf00;--accent-soft: rgba(253, 207, 0, .22);--text-muted: rgba(254, 254, 254, .82);--shadow: 0 22px 60px rgba(6, 21, 30, .2)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(253,207,0,.3),transparent 32%),radial-gradient(circle at top right,rgba(90,150,186,.34),transparent 30%),linear-gradient(180deg,#1a435c,#285a77 55%,#173448)}button,a,input{font:inherit}button{border:0}a{color:inherit;text-decoration:none}svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.appShell{min-height:100vh;overflow:hidden}.playerLayout{width:min(100%,34rem);min-height:100vh;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 1rem) 1rem calc(env(safe-area-inset-bottom,0px) + 2rem);position:relative}.topBar{display:grid;grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem .8rem;background:#d7e0e5;border:1px solid rgba(12,43,60,.14);border-radius:1.75rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.brandBlock{display:flex;justify-content:center}.brandBlock__logo{display:block;width:100%;max-width:13.5rem}.topBar__badge{padding:.45rem .8rem;border-radius:999px;background:var(--accent);color:#091f2b;font-size:.76rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.iconButton,.ghostButton{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#0c2b3c;cursor:pointer}.iconButton{width:3rem;height:3rem;border-radius:999px;border:1px solid rgba(12,43,60,.12);background:#0c2b3c0f}.heroCard{margin-top:1.25rem;padding:1.2rem;background:radial-gradient(circle at right top,rgba(253,207,0,.24),transparent 28%),linear-gradient(180deg,#265b77eb,#1d4962f5);border:1px solid var(--panel-border);border-radius:2rem;position:relative;overflow:hidden;box-shadow:var(--shadow)}.heroCard__glow{position:absolute;inset:auto -3rem -4rem auto;width:12rem;height:12rem;background:radial-gradient(circle,rgba(253,207,0,.4),transparent 60%);filter:blur(18px);pointer-events:none}.heroCard__brand,.volumePanel{position:relative;z-index:1}.heroCard__brand{display:grid;grid-template-columns:minmax(0,40%) minmax(0,60%);align-items:center;gap:1rem;justify-items:stretch}.heroCard__coverWrap{width:100%;max-width:10rem;padding:.8rem;border-radius:1.5rem;background:linear-gradient(180deg,#fdcf00fa,#f5bf00e0)}.heroCard__cover{width:100%;display:block;border-radius:1rem;background:#ffffff29}.trackMeta__label,.trackMeta__status{margin:0}.trackMeta__label{color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.trackMeta{align-self:start}.trackMeta h1{margin:.45rem 0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.45rem,4.8vw,2.15rem);line-height:1.08;height:3.24em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow-wrap:anywhere}.trackMeta__status{color:var(--text-muted);font-size:1rem}.volumePanel{margin-top:1.2rem;padding:1rem 1rem .9rem;border-radius:1.4rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.16)}.volumePanel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;color:var(--text-muted)}input[type=range]{width:100%;accent-color:var(--accent)}.actionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.25rem}.actionButton{min-height:7.7rem;padding:.9rem .65rem;border-radius:1.6rem;background:var(--panel);border:1px solid var(--panel-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;box-shadow:var(--shadow);cursor:pointer}.actionButton.is-primary{background:linear-gradient(180deg,#fdcf0057,#fdcf0029);border-color:#fdcf0066}.actionButton.is-disabled{opacity:.58;cursor:not-allowed}.actionButton__icon{width:4.3rem;height:4.3rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#183f55eb;border:2px solid rgba(255,255,255,.18);color:var(--accent)}.actionButton__icon.is-highlighted{background:#fffffff0;color:#0c2b3c;border-color:#fffffff0}.actionButton__label{font-size:.92rem;font-weight:700}.actionButton__helper{color:var(--text-muted);font-size:.7rem}.installCard{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem 1.1rem;border-radius:1.4rem;background:linear-gradient(180deg,#fdcf0047,#fdcf001f);border:1px solid rgba(253,207,0,.32);box-shadow:var(--shadow)}.installCard__eyebrow,.installCard__text{margin:0}.installCard__eyebrow{color:#0c2b3c;font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.installCard__text{margin-top:.3rem;color:#fffc;font-size:.92rem}.installCard__button{flex-shrink:0;padding:.95rem 1.15rem;border-radius:999px;background:#fff;color:#091f2b;font-weight:800;cursor:pointer}.secondaryLinks{display:grid;gap:.8rem;margin-top:1rem}.secondaryLinks a,.secondaryLinks__disabled{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;border-radius:1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);color:var(--text-muted)}.secondaryLinks__disabled{opacity:.7}.creditFooter{margin-top:1.1rem;text-align:center}.creditFooter--menu{margin-top:auto;padding-top:1.25rem}.creditFooter a{color:#f5f7fb8f;font-size:.8rem;letter-spacing:.08em}.sidePanel .creditFooter a{color:#0c2b3cb8}.sidePanel{position:fixed;inset:0 auto 0 0;z-index:30;width:min(86vw,22rem);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 1rem) 1rem 1rem;background:#d7e0e5;border-right:1px solid rgba(12,43,60,.14);transform:translate(-100%);transition:transform .22s ease}.sidePanel.is-open{transform:translate(0)}.sidePanel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.sidePanel__logo{width:100%;max-width:11rem}.sidePanel__nav{display:grid;gap:.55rem;margin-top:1.5rem}.sidePanel__nav a,.sidePanel__navItem{padding:.95rem 1rem;border-radius:1rem;background:#0c2b3c14;border:1px solid rgba(12,43,60,.12);color:#0c2b3c}.sidePanel__navItem{display:grid;gap:.25rem}.sidePanel__navItem.is-disabled{opacity:.72}.sidePanel__navItem small{color:#0c2b3cad}.scrim{position:fixed;inset:0;z-index:20;background:#00000085}@media(min-width:720px){.playerLayout{padding-top:1.5rem}.actionGrid{grid-template-columns:repeat(4,1fr)}.heroCard__coverWrap{max-width:11rem}}@media(max-width:540px){.heroCard__brand{grid-template-columns:minmax(0,38%) minmax(0,62%);gap:.85rem}.heroCard__coverWrap{max-width:8.5rem}}@media(max-width:540px){.installCard{align-items:flex-start;flex-direction:column}.installCard__button{width:100%}}