.rp-root{--rp-yellow:var(--accent,#ffe000);color:var(--text,#fff);min-width:0}.rp-heading h1{font-size:31px;line-height:1.1;margin:0 0 8px}.rp-heading h2{font-size:25px;margin:0 0 8px}.rp-heading p,.rp-subtle{color:var(--soft,#aaa);font-size:14px;line-height:1.5;margin:0 0 18px}.rp-root button,.rp-root input,.rp-root select,.rp-mini button{font-family:inherit}.rp-root button{cursor:pointer}.rp-root button:disabled{opacity:.4;cursor:default}.rp-root button:focus-visible,.rp-root input:focus-visible,.rp-root select:focus-visible,.rp-mini button:focus-visible{outline:2px solid var(--rp-yellow,#ffe000);outline-offset:3px}.rp-primary{border:0;border-radius:9px;background:var(--rp-yellow,#ffe000);color:#101113;font-size:13px;font-weight:800;padding:13px 17px;cursor:pointer}.rp-link,.rp-back{background:none;border:0;color:var(--text,#fff);padding:12px 0;font-size:13px}.rp-link{text-decoration:underline}.rp-back{display:block;padding-top:0;margin-bottom:9px}.rp-lock{text-align:center;border:1px solid #ffffff14;border-radius:13px;overflow:hidden;padding:0 18px 13px;background:linear-gradient(#241e05,#111214 75%)}.rp-lock-art{height:165px;position:relative;margin:0 -18px}.rp-lock-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#14130c)}.rp-lock-art img{width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:.85}.rp-lock-art span{position:absolute;z-index:1;left:calc(50% - 22px);bottom:10px;color:var(--rp-yellow);border:2px solid var(--rp-yellow);border-radius:10px;padding:5px 9px;font-size:30px;line-height:1.1;background:#101113}.rp-lock h2{font-size:22px;margin:18px 0 10px}.rp-lock p{font-size:14px;color:#ccc;line-height:1.5}.rp-lock>.rp-primary{display:block;width:100%;margin-top:20px}.rp-lock>.rp-link{display:block;margin:0 auto}.rp-section-title{font-size:20px;margin:23px 0 12px}.rp-locked-row{display:flex;gap:11px;align-items:center;background:linear-gradient(130deg,#1c1d1e,#101113);border:1px solid #ffffff17;border-radius:10px;padding:10px;margin-bottom:9px}.rp-locked-row>img{width:57px;height:57px;object-fit:cover;border-radius:8px}.rp-locked-row>div{flex:1;min-width:0}.rp-locked-row strong,.rp-locked-row small{display:block}.rp-locked-row strong{font-size:13px;line-height:1.3}.rp-locked-row small{font-size:11px;color:#aaa;margin-top:4px}.rp-locked-row>button{border:0;background:none;color:var(--rp-yellow);font-size:24px}.rp-search{display:flex;align-items:center;gap:10px;background:#191a1c;border:1px solid #ffffff14;border-radius:12px;padding:13px 15px}.rp-search span{font-size:25px;color:#aaa}.rp-search input{min-width:0;width:100%;background:transparent;color:#fff;border:0;outline:0;font-size:14px}.rp-filters{display:flex;gap:7px;overflow-x:auto;padding:13px 0 4px;scrollbar-width:thin}.rp-filters button,.rp-filters select{flex-shrink:0;border:1px solid #ffffff22;border-radius:24px;padding:9px 13px;background:#151618;color:#ddd;font-size:12px;max-width:180px}.rp-filters .selected,.rp-tabs .selected{background:var(--rp-yellow);border-color:var(--rp-yellow);color:#111;font-weight:800}.rp-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 12px}.rp-section-heading h2{font-size:21px;margin:0}.rp-section-heading small{color:#aaa;font-size:11px}.rp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rp-card{background:linear-gradient(135deg,#1b1c1d,#101113);border:1px solid #ffffff20;border-radius:10px;padding:6px;min-width:0;overflow:hidden}.rp-cover{display:block;width:100%;padding:0;border:0;background:none;aspect-ratio:1}.rp-cover img{width:100%;height:100%;object-fit:cover;border-radius:7px}.rp-card-title{display:block;width:100%;background:none;border:0;color:#fff;font-size:12px;font-weight:750;line-height:1.35;text-align:left;padding:9px 0 5px;min-height:42px;overflow-wrap:anywhere}.rp-card>small{display:block;color:#bbb;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.rp-card-actions{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:9px}.rp-circle{display:grid;place-items:center;border:0;border-radius:50%;background:var(--rp-yellow,#ffe000);color:#111;width:32px;height:32px;flex-shrink:0;font-size:15px;padding:0}.rp-icon{display:grid;place-items:center;border:0;background:none;color:#b9babe;font-size:24px;width:28px;height:32px;padding:0}.rp-icon.liked,.rp-detail-actions .liked{color:var(--rp-yellow)}.rp-card-actions .rp-circle{width:29px;height:29px;font-size:13px}.rp-card-actions .rp-icon{width:23px;font-size:22px}.rp-card-actions svg{width:16px}.rp-more{display:block;background:#1b1c1e;color:#fff;border:1px solid #ffffff22;border-radius:10px;width:100%;margin:16px 0;padding:13px}.rp-continue{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ffffff22;border-radius:11px;background:linear-gradient(135deg,#202123,#101113)}.rp-continue>img{width:66px;height:66px;object-fit:cover;border-radius:8px}.rp-continue>div{flex:1;min-width:0}.rp-continue strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.rp-continue small{display:block;color:#bbb;font-size:11px;margin-top:4px}.rp-resume{background:none;border:0;color:var(--rp-yellow);font-size:11px;font-weight:700;padding:0}.rp-resume span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--rp-yellow);color:#111;margin:0 auto 5px;font-size:17px}.rp-track{height:5px;border-radius:4px;background:#343639;overflow:hidden;margin:8px 0}.rp-track i{display:block;height:100%;border-radius:4px;background:var(--rp-yellow)}.rp-tag{display:inline-block;background:var(--rp-yellow);color:#111;font-size:10px;padding:4px 10px;font-weight:800;border-radius:16px;margin:0 0 10px}.rp-show-title{font-size:28px;line-height:1.1;margin:0 0 9px;overflow-wrap:anywhere}.rp-dj-name{font-size:19px;margin:0 0 6px}.rp-player-art{aspect-ratio:1;width:100%;max-height:350px;border:1px solid #ffffff18;border-radius:13px;overflow:hidden;margin:18px 0}.rp-player-art img{width:100%;height:100%;object-fit:cover}.rp-seek input{display:block;accent-color:var(--rp-yellow);width:100%;margin:0;min-height:28px}.rp-seek>div{display:flex;justify-content:space-between;font-size:12px;color:#ccc}.rp-controls{display:flex;justify-content:center;align-items:center;gap:34px;margin:21px 0}.rp-controls>button{position:relative;border:0;background:none;color:#eee;font-size:36px;padding:0;width:45px;height:50px}.rp-controls small{font-size:10px;position:absolute;left:18px;bottom:7px}.rp-controls>.rp-big-play{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;color:#111;background:var(--rp-yellow);font-size:29px;box-shadow:0 0 28px #ffe00022}.rp-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rp-detail-actions button{display:flex;justify-content:center;align-items:center;gap:9px;padding:14px 8px;background:#18191b;border:1px solid #ffffff22;border-radius:11px;color:#fff;font-weight:700;font-size:13px}.rp-history-saved{font-size:11px;text-align:center;color:#b5c5b3;margin:18px 0}.rp-status:empty{display:none}.rp-status,.rp-error{font-size:12px;color:#ffe387;line-height:1.5;margin:15px 0}.rp-empty{font-size:14px;color:#aaa;padding:20px 4px;line-height:1.6}.rp-tabs{display:grid;grid-template-columns:1fr 1fr;background:#202226;border-radius:10px;overflow:hidden;margin:14px 0}.rp-tabs button{border:0;border-radius:10px;padding:12px 8px;background:none;color:#ddd;font-size:13px;font-weight:650}.rp-tabs button.selected{background:var(--rp-yellow);color:#111}.rp-history-row{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(140deg,#202123,#111214);border:1px solid #ffffff22;border-radius:12px;padding:11px;margin-bottom:10px}.rp-history-row>img{width:72px;height:85px;object-fit:cover;border-radius:8px}.rp-history-row>div{flex:1;min-width:0}.rp-history-row strong{display:block;font-size:14px;line-height:1.3;overflow-wrap:anywhere}.rp-history-row small{display:block;color:#bbb;font-size:11px;line-height:1.4;margin-top:3px}.rp-history-actions{display:flex;gap:7px}.rp-history-actions button{border:1px solid #ffffff25;border-radius:8px;padding:7px 10px;color:#fff;background:#292b2f;font-size:11px}.rp-history-actions .rp-primary{background:var(--rp-yellow);color:#111;border-color:var(--rp-yellow)}.rp-mini{display:flex;align-items:center;gap:9px;background:#111315;border-top:1px solid #ffe00055;padding:9px 12px;flex-shrink:0;min-height:62px;box-sizing:border-box}.rp-mini[hidden]{display:none}.rp-mini-info{display:flex;gap:9px;align-items:center;background:none;border:0;color:#fff;padding:0;text-align:left;flex:1;min-width:0;cursor:pointer}.rp-mini-info>img{width:43px;height:43px;object-fit:cover;border-radius:7px}.rp-mini-info>span{min-width:0}.rp-mini-info small{display:block;font-size:9px;color:#bbb}.rp-mini-info strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-mini .rp-circle{background:var(--accent,#ffe000);width:38px;height:38px;cursor:pointer}body[data-replay-mode] #mini-player{display:none!important}.bottom-nav:has([data-go="replay"]){--nav-count:6}.bottom-nav:has([data-go="replay"]) .nav-btn{font-size:9px!important}.bottom-nav:has([data-go="replay"]) .nav-btn span{line-height:1.15}.rp-root .ra-button{font-size:12px}@media(max-width:350px){.rp-grid{gap:5px}.rp-card{padding:4px}.rp-card-title{font-size:11px}.rp-card>small{font-size:9px}.rp-card-actions{gap:0}.rp-card-actions .rp-icon{width:20px}.rp-card-actions .rp-circle{width:26px;height:26px}.rp-history-row>img{width:55px;height:70px}.rp-history-row strong{font-size:12px}.rp-history-row{padding:9px;gap:8px}.rp-continue>img{width:52px;height:58px}.rp-continue strong{font-size:11px}.rp-show-title{font-size:25px}}
/* Compact history and playback layouts match the approved dedicated screens. */
.rp-player-art{height:min(30vh,280px);max-height:none;aspect-ratio:auto;background:#0b0d0f}.rp-player-art img{object-fit:contain}.ra-replay-history .ra-accordion-nav{display:none}.ra-community.ra-replay-history>h1{font:750 28px/1.15 Arial,Helvetica,sans-serif;text-transform:none;margin-bottom:8px}.ra-replay-history .rp-heading h2{font:750 24px/1.2 Arial,Helvetica,sans-serif}.ra-replay-history .rp-back{padding:3px 0 8px}.ra-replay-history .rp-subtle{margin-bottom:18px}

/* Keep the DJ selector visible without scrolling the genre chips. */
.rp-dj-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#bbb;font-size:12px;margin:12px 0}
.rp-dj-filter select{flex:1 1 160px;min-width:0;max-width:100%;border:1px solid #ffffff33;border-radius:9px;padding:12px;background:#191a1c;color:#fff;font:inherit;font-size:16px}
.rp-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.rp-search input{font-size:16px}