:root{color-scheme:dark;--blue:#2468dc;--navy:#030b1d;--text:#f8f6ed;--muted:#aab8d2}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030917;color:var(--text);font-family:Arial,Helvetica,sans-serif}body{background:radial-gradient(circle at 50% 24%,#123a7a 0,#071b43 30%,#030917 70%)}main{min-height:100vh;overflow:hidden;padding:36px 18px 28px;text-align:center}header{width:min(620px,94vw);margin:0 auto 52px}header img{display:block;width:100%;height:auto}.live,.kicker{font-size:13px;font-weight:800;letter-spacing:.28em;color:#91a9cf}.live i{display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:50%;background:#276bdf;box-shadow:0 0 0 8px rgba(39,107,223,.12)}#play{width:144px;height:144px;margin:24px auto 10px;border:0;border-radius:50%;background:#f6f4e9;color:#06122f;display:grid;place-items:center;box-shadow:0 0 0 26px rgba(25,88,188,.2),0 18px 45px rgba(0,0,0,.32);touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}#play:active{transform:scale(.97)}.playIcon{display:block;width:0;height:0;margin-left:8px;border-top:24px solid transparent;border-bottom:24px solid transparent;border-left:37px solid #07132f}.is-playing .playIcon{width:34px;height:48px;margin:0;border:0;border-left:11px solid #07132f;border-right:11px solid #07132f}.is-loading .playIcon{width:42px;height:42px;margin:0;border:5px solid #bdc7d6;border-top-color:#07132f;border-radius:50%;animation:spin .8s linear infinite}#status{min-height:20px;margin:22px 0;color:#f2cb86;font-size:14px}.now{margin-top:14px}.cover{width:200px;height:200px;margin:0 auto 38px;border:3px solid #2468dc;border-radius:28px;overflow:hidden;background:#071b43;box-shadow:0 18px 45px rgba(0,0,0,.35)}.cover img{width:100%;height:100%;display:block;object-fit:cover}.artist{margin:0 0 10px;color:#c4cee0;font-size:21px}h1{margin:0 auto;max-width:760px;font-size:clamp(27px,6vw,42px);line-height:1.12}.recent{width:min(760px,100%);margin:70px auto 0;padding:28px 24px;background:rgba(5,18,45,.72);border:1px solid rgba(90,135,218,.2);border-radius:26px;text-align:left}.recent h2{margin:5px 0 20px;font-size:27px}.recent ol{list-style:none;margin:0;padding:0}.recent li{padding:13px 0;border-top:1px solid rgba(255,255,255,.09);color:#dce4f2}.recent li small{display:block;margin-top:4px;color:#8496b5}footer{display:flex;flex-direction:column;gap:13px;align-items:center;margin-top:42px;color:#71809a;font-size:12px;letter-spacing:.08em}footer a{color:#91a4c3;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){main{padding-top:28px}header{margin-bottom:48px}#play{width:124px;height:124px}.cover{width:190px;height:190px}}