.rap-history{--rap-navy:#07153d;--rap-blue:#0b2455;--rap-orange:#ff9f43;box-sizing:border-box;width:100%;max-width:760px;margin:0 auto;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,var(--rap-navy),var(--rap-blue));color:#fff;font-family:inherit;box-shadow:0 14px 35px rgba(7,21,61,.25)}
.rap-history *{box-sizing:border-box}.rap-history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.rap-history-heading h3{margin:2px 0 0;color:#fff;font-size:25px;line-height:1.2}.rap-history-kicker{color:#aebde4;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.rap-history-live{padding:5px 9px;border-radius:999px;background:rgba(255,159,67,.16);color:#ffc27e;font-size:10px;font-weight:800;letter-spacing:.08em}.rap-history-list{border-top:1px solid rgba(255,255,255,.15)}.rap-history-item{display:grid;grid-template-columns:30px 54px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.1)}.rap-history-item:last-child{border-bottom:0}.rap-history-number{color:#7f91bd;font-size:12px;font-weight:800}.rap-history-art{display:grid;width:54px;height:54px;place-items:center;border-radius:9px;background:rgba(255,255,255,.08);object-fit:cover}.rap-history-art-fallback{color:var(--rap-orange);font-size:24px}.rap-history-song{display:flex;min-width:0;flex-direction:column}.rap-history-title,.rap-history-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rap-history-title{color:#fff;font-size:16px;font-weight:800}.rap-history-artist{margin-top:3px;color:#cbd5ee;font-size:13px}.rap-history-time{color:#aebde4;font-size:12px;font-variant-numeric:tabular-nums}.rap-history-status{margin:0;padding:22px 4px;color:#cbd5ee;text-align:center}
@media(max-width:560px){.rap-history{padding:16px;border-radius:13px}.rap-history-heading h3{font-size:21px}.rap-history-item{grid-template-columns:44px minmax(0,1fr) auto;gap:10px}.rap-history-number{display:none}.rap-history-art{width:44px;height:44px}.rap-history-title{font-size:14px}.rap-history-live{display:none}}
.rap-player{--rap-navy:#07153d;--rap-blue:#0b2455;--rap-orange:#ff9f43;box-sizing:border-box;max-width:620px;padding:20px;border-radius:18px;background:linear-gradient(145deg,var(--rap-navy),var(--rap-blue));color:#fff;font-family:inherit;box-shadow:0 14px 35px rgba(7,21,61,.25)}
.rap-player *{box-sizing:border-box}.rap-station-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.rap-station{max-width:75%;padding:8px 34px 8px 10px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#fff;color:var(--rap-navy);font-weight:700}.rap-live{padding:4px 9px;border-radius:999px;background:#e53935;font-size:11px;font-weight:800;letter-spacing:.08em}.rap-track-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px;margin:18px 0}.rap-main,.rap-next{display:flex;min-width:0;align-items:center;gap:14px}.rap-next{padding-left:18px;border-left:1px solid rgba(255,255,255,.15)}.rap-art{width:92px;height:92px;border-radius:12px;object-fit:cover;background:rgba(255,255,255,.1)}.rap-next-art{width:62px;height:62px;flex:0 0 62px;border-radius:9px;object-fit:cover;background:rgba(255,255,255,.1)}.rap-song{display:flex;min-width:0;flex-direction:column}.rap-label{margin-bottom:5px;color:#bfc9e6;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.rap-title,.rap-artist,.rap-next-title,.rap-next-artist{overflow:hidden;text-overflow:ellipsis}.rap-title{font-size:20px;line-height:1.25}.rap-next-title{font-size:15px;line-height:1.25}.rap-artist,.rap-next-artist{margin-top:4px;color:#d9e0f2}.rap-next-artist{font-size:13px}.rap-controls{display:flex;align-items:center;gap:10px}.rap-play{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border:0;border-radius:50%;background:var(--rap-orange);color:#091737;font-size:20px;cursor:pointer}.rap-play:hover{filter:brightness(1.08)}.rap-mute{display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:17px;cursor:pointer}.rap-mute:hover{border-color:var(--rap-orange);background:rgba(255,159,67,.18)}.rap-volume{width:150px;accent-color:var(--rap-orange);cursor:pointer}.rap-rating{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.15)}.rap-rating-label{display:block;margin-bottom:10px;font-size:14px}.rap-rating-buttons{display:flex;flex-wrap:wrap;gap:9px}.rap-rating-buttons button{padding:8px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;font-size:16px;cursor:pointer}.rap-rating-buttons button:hover,.rap-rating-buttons button.is-selected{border-color:var(--rap-orange);background:rgba(255,159,67,.25)}.rap-rating-buttons button:disabled{cursor:wait;opacity:.6}.rap-message{display:block;min-height:1.4em;margin-top:9px;color:#ffd39e}@media(max-width:620px){.rap-track-grid{grid-template-columns:1fr}.rap-next{padding-top:14px;padding-left:0;border-top:1px solid rgba(255,255,255,.15);border-left:0}}@media(max-width:480px){.rap-player{padding:16px;border-radius:13px}.rap-art{width:74px;height:74px}.rap-title{font-size:17px}.rap-volume{width:110px}}