.approved-radio-entry,.approved-radio-player,.radio-queue-dialog{--r-orange:#ff942f;--r-text:#fff9f2;--r-muted:#c5bbb0;color:var(--r-text);font-family:inherit;box-sizing:border-box}
.approved-radio-entry{display:flex;align-items:center;gap:22px;padding:24px 26px;margin:6px 0 28px;border:1px solid #73481f;border-radius:20px;background:radial-gradient(ellipse at 0 0,#ff942f25,transparent 65%),linear-gradient(120deg,#241b13,#131514);position:relative;overflow:hidden}
.radio-entry-icon{display:grid;place-items:center;flex-shrink:0;width:68px;height:68px;background:#ff942f13;border:1px solid #ff942f60;border-radius:20px;color:var(--r-orange)}
.approved-radio-entry svg{width:30px;height:30px}.radio-entry-copy{flex:1;min-width:0}.radio-label{display:block;color:var(--r-orange);font-size:9px;font-weight:800;letter-spacing:.17em;line-height:1.5}.radio-entry-copy h2{display:flex;align-items:center;gap:11px;font-size:26px;line-height:1.15;margin:5px 0 8px;letter-spacing:-.04em;color:var(--r-text)}.radio-entry-dot{height:6px;width:6px;background:var(--r-orange);border-radius:100%;box-shadow:0 0 14px #ff942f66}.radio-entry-copy p{margin:0 0 8px;color:#f0e5d8;font-size:13px}.radio-entry-count{display:block;color:var(--r-muted);font-size:11px}
.approved-radio-entry .radio-entry-start{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:48px;padding:0 20px;background:var(--r-orange);border:1px solid #ffb061;border-radius:12px;color:#1b140f;font-size:12px;font-weight:800}.radio-entry-start svg{width:20px;height:20px}
.approved-radio-player[hidden],.radio-error[hidden]{display:none!important}.approved-radio-player{position:fixed;z-index:65;left:248px;right:22px;bottom:18px;max-width:1300px;margin:auto;background:#151713f7;border:1px solid #67503a;border-radius:16px;box-shadow:0 10px 45px #0008;backdrop-filter:blur(24px)}.radio-player-body{display:flex;align-items:center;gap:14px;padding:14px 18px;min-height:80px}.radio-wordmark{display:flex;align-items:center;gap:9px;color:var(--r-orange);border-right:1px solid #ffffff20;padding-right:18px;flex-shrink:0}.radio-wordmark svg{width:24px;height:24px}.radio-wordmark b{font-size:11px;line-height:1.25;letter-spacing:-.02em}.radio-cover{width:48px;height:48px;object-fit:cover;border-radius:8px;background:#282723;flex-shrink:0}.radio-now{min-width:0;flex:1}.radio-now .radio-label{display:none}.radio-now a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:none;line-height:1.6}.radio-now a:hover{text-decoration:underline}.radio-title{font-size:13px;font-weight:750;color:var(--r-text)}.radio-artist{font-size:11px;color:var(--r-muted)}.radio-controls{display:flex;align-items:center;gap:3px}.approved-radio-player button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;background:transparent;color:#f4e6d7;border:0;border-radius:50%;flex-shrink:0;cursor:pointer}.approved-radio-player svg{width:20px;height:20px}.approved-radio-player button:hover{background:#ffffff0a;color:var(--r-orange)}.approved-radio-player .radio-play{background:var(--r-orange);color:#1b140f;box-shadow:0 2px 10px #ff942f22}.approved-radio-player .radio-play:hover{background:#ffae58;color:#1b140f}.approved-radio-player button:disabled{opacity:.35;cursor:default}.radio-timeline{display:flex;align-items:center;gap:10px;flex:1;max-width:300px;color:var(--r-muted);font-size:10px;font-variant-numeric:tabular-nums}.radio-timeline input{min-width:40px;width:100%;height:24px;accent-color:var(--r-orange);padding:0;background:transparent;border:0}.radio-progress{position:absolute;left:14px;right:14px;top:0;height:2px;overflow:hidden}.radio-progress span{display:block;height:100%;background:var(--r-orange);width:0}.radio-error{margin:0;padding:0 18px 12px;font-size:12px;color:#ffb989}.has-approved-radio .workspace{padding-bottom:140px}
.radio-queue-dialog{width:min(440px,calc(100vw - 24px));max-height:80dvh;background:#151713;border:1px solid #63503c;border-radius:20px;padding:24px}.radio-queue-dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}.radio-queue-head{display:flex;align-items:center;justify-content:space-between}.radio-queue-head h2{font-size:26px;margin:4px 0}.radio-queue-head button{min-width:44px;min-height:44px;border:1px solid #ffffff25;border-radius:50%;background:transparent;color:#fff;font-size:24px}.radio-queue-intro{font-size:12px;color:var(--r-muted);line-height:1.6}.radio-queue-list{padding:0;list-style:none;display:grid;gap:4px;margin:20px 0 0}.radio-queue-list li button{display:flex;gap:12px;align-items:center;width:100%;min-height:66px;padding:10px 6px;background:transparent;border:0;border-radius:12px;color:var(--r-text);text-align:left;cursor:pointer}.radio-queue-list img{width:42px;height:42px;object-fit:cover;border-radius:6px;background:#282723}.radio-queue-number{color:var(--r-muted);font-size:11px;width:20px;font-variant-numeric:tabular-nums}.radio-queue-list button>span:last-child{min-width:0;flex:1}.radio-queue-list strong,.radio-queue-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.radio-queue-list small{font-size:11px;color:var(--r-muted);margin-top:4px}.radio-queue-list .is-current button{background:#ff942f12}.radio-queue-list .is-current strong,.radio-queue-list .is-current .radio-queue-number{color:var(--r-orange)}.radio-queue-list button:hover{background:#ffffff06}.approved-radio-entry button:focus-visible,.approved-radio-player button:focus-visible,.radio-queue-dialog button:focus-visible{outline:2px solid var(--r-orange);outline-offset:3px}
@media(max-width:1000px){.approved-radio-player{left:22px}.radio-timeline{max-width:160px}.radio-wordmark{display:none}}
@media(max-width:620px){.approved-radio-entry{padding:18px;gap:14px;flex-wrap:wrap;margin-bottom:22px;border-radius:17px}.radio-entry-icon{width:50px;height:50px;border-radius:14px}.radio-entry-icon svg{width:26px;height:26px}.radio-entry-copy h2{font-size:24px}.radio-entry-copy p{font-size:11px}.approved-radio-entry .radio-entry-start{width:100%;min-height:44px}.approved-radio-player{left:0;right:0;bottom:var(--radio-nav-offset,82px);border-radius:0;border-left:0;border-right:0}.radio-player-body{padding:10px 12px;gap:10px;min-height:76px}.radio-cover{width:42px;height:42px}.radio-now .radio-label{display:block;font-size:7px;letter-spacing:.12em}.radio-title{font-size:12px}.radio-artist{font-size:10px}.radio-controls{gap:0}.radio-controls [data-radio=previous]{display:none}.approved-radio-player button{width:36px;min-width:36px;height:44px}.approved-radio-player .radio-play{width:42px;min-width:42px;height:42px;min-height:42px}.radio-timeline{display:none}.approved-radio-player button{width:44px;min-width:44px}.has-approved-radio .workspace{padding-bottom:calc(185px + env(safe-area-inset-bottom,0px))}.radio-error{font-size:11px}.radio-now{flex:1}.radio-queue-dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){.approved-radio-player *{transition:none!important}}

/* Radio is a toolbar action, never a competing hero. */
.approved-radio-entry{display:inline-flex;align-items:center;flex:0 0 auto;padding:0;margin:0;gap:0;background:none;border:0;border-radius:0;overflow:visible}
.approved-radio-entry .radio-entry-start{display:inline-flex;gap:8px;min-height:40px;width:auto;padding:0 14px;border-radius:12px;font-size:11px;font-weight:800;background:#ff942f19;color:#ffb66c;border:1px solid #a56a34}
.radio-entry-start svg{width:16px;height:16px}.approved-radio-entry .radio-entry-start:hover{background:#ff942f2d}
@media(max-width:620px){.approved-radio-entry .radio-entry-start{min-height:42px}.harvest-hub-actions{flex-wrap:wrap}}

#harvest-feature.harvest-feature{display:block;border:0;background:transparent;overflow:visible;padding:0}
.harvest-editorial-rail{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:22px}.harvest-editorial-rail::-webkit-scrollbar{display:none}
.harvest-editorial-card.harvest-feature{flex:0 0 100%;width:100%;min-width:0;margin:0;scroll-snap-align:start;overflow:hidden}.harvest-editorial-card h3{overflow-wrap:anywhere}
.harvest-editorial-nav{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:12px;color:#d7c5b1;font-size:12px}.harvest-editorial-nav button{width:44px;min-height:44px;border:1px solid #766045;border-radius:50%;background:#191c16;color:#ffb367;font-size:19px}.harvest-editorial-nav button:disabled{opacity:.3}

#harvest-feature.harvest-feature{display:block!important;min-height:0;padding:0;background:transparent!important;box-shadow:none!important}.harvest-editorial-card.harvest-hub-feature{max-width:none;flex:0 0 100%;width:100%;min-width:0;margin:0}

/* Keep action labels readable on narrow phones instead of squeezing text. */
@media(max-width:380px){.harvest-toolbar .harvest-hub-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.harvest-toolbar #harvest-radio{grid-column:1/-1;justify-self:center}.harvest-toolbar .harvest-hub-actions>button{width:100%}}

/* A cool radio surface separates broadcast controls from orange site actions. */
.approved-radio-entry .radio-entry-start{gap:8px;padding:0 11px;background:linear-gradient(135deg,#263b53,#142438);border:1px solid #7893ad;color:#f2f7fd;box-shadow:0 3px 12px #030c1640}
.approved-radio-entry .radio-entry-start:hover{background:linear-gradient(135deg,#304c69,#1b324b);border-color:#a9c5df}
.radio-entry-symbol{display:grid;place-items:center;color:#c0dfff}.radio-entry-symbol svg{width:19px;height:19px}
.radio-entry-control{display:grid;place-items:center;color:#ffb565}.radio-entry-control svg{width:13px;height:13px}
.approved-radio-player{--r-text:#f2f7fd;--r-muted:#b5c7d8;background:linear-gradient(120deg,#1b3045f7,#102030fa);border-color:#7692ac;box-shadow:0 12px 40px #0008,0 0 0 1px #c8e2ff0b}
.radio-queue-dialog{--r-text:#f2f7fd;--r-muted:#b5c7d8;background:#14273a;border-color:#7692ac}
@media(max-width:620px){.harvest-toolbar .harvest-hub-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.harvest-toolbar #harvest-radio{grid-column:1/-1;justify-self:center}.harvest-toolbar .harvest-hub-actions>button{width:100%}}

/* Mobile keeps broadcast beside the bottom navigation and membership in the catalog. */
.approved-radio-mobile,.harvest-mobile-promotion{display:none}
.approved-radio-mobile[hidden]{display:none!important}
@media(max-width:620px){
 #harvest-radio{display:none}
 .harvest-toolbar .harvest-hub-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .harvest-mobile-promotion{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid #ee953a;border-radius:14px;background:radial-gradient(ellipse at 0 0,#ff9b3d29,transparent 80%),linear-gradient(115deg,#312011,#17140f);color:#fff3e0;text-decoration:none;box-shadow:0 7px 22px #0003}
 .harvest-mobile-promotion>span:first-child{min-width:0}
 .harvest-mobile-promotion strong{display:block;font-size:14px;line-height:1.3;letter-spacing:-.025em}
 .harvest-mobile-promotion small{display:block;margin-top:5px;color:#ffc782;font-size:10px;line-height:1.4}
 .harvest-promotion-cta{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;min-height:40px;padding:0 12px;border:1px solid #ffc786;border-radius:20px;background:linear-gradient(135deg,#ffc274,#f39432);color:#211406;font-size:11px;font-weight:850}
 .harvest-mobile-promotion:focus-visible{outline:2px solid #ffbc6d;outline-offset:3px}
 .approved-radio-mobile{position:fixed;z-index:61;left:0;right:0;bottom:var(--radio-nav-offset,66px);display:flex;align-items:center;justify-content:center;height:50px;margin:0;padding:3px 10px;box-sizing:border-box;background:#102131f5;border-top:1px solid #8db4d333;border-bottom:1px solid #ffffff08;backdrop-filter:blur(20px)}
 .approved-radio-mobile .radio-entry-start{min-height:44px;padding:0 18px;gap:9px;border-radius:22px;font-size:11px;box-shadow:none;background:transparent;border-color:transparent}
 .approved-radio-mobile .radio-entry-start:hover{background:#b9d9f20d}
 .approved-radio-mobile .radio-entry-symbol svg{width:18px;height:18px}
 .has-approved-radio-control .workspace{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
 .has-approved-radio .workspace{padding-bottom:calc(190px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){.harvest-mobile-promotion{padding:12px;gap:8px}.harvest-mobile-promotion strong{font-size:12px}.harvest-promotion-cta{padding:0 10px;font-size:10px}}
