/* Fred Spaces: a single bright yellow, phone-first radio card. */
#fredSpacesRadio{margin:14px 0;font-family:inherit}
.fs-card{background:linear-gradient(148deg,#fff6b7 0%,#f8d34a 66%,#efbd25 100%);border:2px solid #9c7204;border-radius:14px;padding:16px;color:#282006;box-shadow:0 5px 13px #4c30001e}
.fs-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.fs-heading{min-width:0}.fs-eyebrow{font-size:11px;color:#64501c;font-weight:800;letter-spacing:.06em}
.fs-heading h2{font-size:22px;line-height:1.16;margin:9px 0 5px;color:#241a00}.fs-number{background:#2a240b;color:#ffe482;border-radius:7px;font-size:16px;padding:7px 9px;white-space:nowrap}
.fs-host{font-size:14px;font-weight:700;margin:0}.fs-meta{font-size:12px;color:#554725;font-weight:700;margin:12px 0 6px}.fs-summary{font-size:15px;line-height:1.55;margin:7px 0 13px}
.fs-tags,.fs-actions,.fs-builds{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.fs-tags span{font-size:12px;font-weight:700;padding:4px 9px;background:#fff9d9;border:1px solid #b29740;border-radius:20px}
.fs-stream{background:#29230f;color:#fff5c7;border-radius:10px;padding:14px;margin:12px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fs-play-symbol{font-size:24px;color:#f9ce39}.fs-stream-note{margin:0;flex:1 1 180px;font-size:13px;line-height:1.45}.fs-audio{width:100%}.fs-source{font-size:13px;color:#ffe78d;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.fs-btn{background:#fff9e1;color:#282006;border:1px solid #8b742f;padding:10px 12px;border-radius:9px;font-size:13px;font-weight:800;cursor:pointer;min-height:42px}.fs-btn:disabled{opacity:.65;cursor:progress}.fs-btn:focus-visible,.fs-source:focus-visible{outline:3px solid #143fd7;outline-offset:2px}
.fs-phi{background:#37301a;color:#fff5b5;border-color:#5d4a19;flex:1 1 122px}.fs-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.fs-next{background:#165b34;color:white;border:2px solid #0d4024;min-height:47px}.fs-balance{font-size:12px;font-weight:800}.fs-status{font-size:12px;line-height:1.5;margin:10px 0 0;color:#574111}
@media(max-width:440px){.fs-card{padding:12px}.fs-heading h2{font-size:20px}.fs-phi{flex-basis:105px}.fs-next{width:100%}}

.fs-free{background:#fffdf1;color:#2f5e20;border:1px solid #8eb36e;border-radius:8px;padding:9px 12px;margin:12px 0 2px;font-size:12px;font-weight:900;letter-spacing:.03em}
.fs-next:disabled{background:#6f6b56;color:#f5f0db;border-color:#74705b;cursor:not-allowed;opacity:.9}
.fs-stream a{min-height:36px;display:inline-flex;align-items:center}


/* Lighter yellow radio card: dark-on-light player, pill-shaped site controls. */
.fs-card{border-radius:21px}
.fs-number{background:#fffbea;color:#4e3d05;border:1px solid #cfad48;border-radius:15px}
.fs-stream{background:#fffdf2;color:#322906;border:1px solid #c7a547;border-radius:18px}
.fs-play-symbol{color:#a97800}
.fs-source{color:#164c7d}
.fs-btn{background:#fffdf3;color:#362a08;border-color:#a98c36;border-radius:22px}
.fs-phi{background:#fff9df;color:#332806;border:1px solid #a8872f;border-radius:22px}
.fs-next{background:#256941;color:#fff;border-radius:22px}
.fs-free{border-radius:15px}


/* Electric gold replay panel: playback launches the actual X Space, never a fake stream. */
#fredSpacesRadio .fs-card{position:relative;border:1px solid #e1aa26;border-radius:25px;padding:19px;background:radial-gradient(circle at 97% 3%,#fffef0,transparent 46%),linear-gradient(145deg,#ffef9c,#f6cb43 68%,#efb929);box-shadow:0 0 0 1px #fff1ac,0 0 24px #ffcd43a8,0 12px 32px #ab7c1f4f;color:#362402;overflow:hidden}
#fredSpacesRadio .fs-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#bd7b08,#fff8c1,#ffcc30,#bd7b08)}
#fredSpacesRadio .fs-eyebrow{display:inline-flex;align-items:center;min-height:28px;border:1px solid #c79a24;background:#fff9d4;border-radius:999px;padding:6px 11px;font-size:10px;letter-spacing:.07em;color:#744d04}
#fredSpacesRadio .fs-heading h2{font-size:clamp(21px,5.6vw,27px);line-height:1.17;margin:12px 0 7px;color:#3b2703;text-shadow:0 1px #fff6c4}
#fredSpacesRadio .fs-host{color:#63420b}
#fredSpacesRadio .fs-free{display:inline-flex;min-height:35px;align-items:center;border-radius:999px;border:1px solid #94ae58;background:#f9ffe5;padding:8px 12px;color:#37531b}
#fredSpacesRadio .fs-summary{font-size:14px;line-height:1.6;color:#4a3312}
#fredSpacesRadio .fs-stream{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:13px;background:linear-gradient(140deg,#261b13,#493312);border:1px solid #e3ac29;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff2e,0 0 21px #f9c3379e;color:#fff8d9}
#fredSpacesRadio .fs-player{display:flex;gap:13px;align-items:center;min-height:124px}
#fredSpacesRadio .fs-play{flex:0 0 auto;width:74px;height:74px;display:flex;align-items:center;justify-content:center;padding-left:5px;background:radial-gradient(circle at 30% 20%,#fff4c9,#f8c840 55%,#b97813);border:2px solid #ffefa7;border-radius:50%;color:#3e2603;text-decoration:none;font-size:30px;box-shadow:0 0 0 4px #9a682355,0 0 27px #fbc640b6;transition:transform .15s,box-shadow .15s}
#fredSpacesRadio .fs-play:hover,#fredSpacesRadio .fs-play:focus-visible{box-shadow:0 0 0 4px #fff7d6,0 0 31px #ffe08c;transform:scale(1.035)}
#fredSpacesRadio .fs-play:active{transform:scale(.97)}
#fredSpacesRadio .fs-player-deck{min-width:0;flex:1;display:grid;gap:8px}
#fredSpacesRadio .fs-player-name{font-size:16px;color:#fff}
#fredSpacesRadio .fs-player-sub{font-size:11px;line-height:1.4;color:#ecdcae}
#fredSpacesRadio .fs-player-track{display:flex;align-items:center;gap:4px;height:26px}
#fredSpacesRadio .fs-player-track i{display:block;flex:1;max-width:8px;height:8px;background:linear-gradient(180deg,#ffeeb5,#f5c238);border-radius:5px;box-shadow:0 0 6px #ffe07f85}
#fredSpacesRadio .fs-player-track i:nth-child(3n+1){height:20px}
#fredSpacesRadio .fs-player-track i:nth-child(4n+2){height:13px}
#fredSpacesRadio .fs-player-track i:nth-child(5n+4){height:24px}
#fredSpacesRadio .fs-player-timing{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#f2e4b9;gap:10px}
#fredSpacesRadio .fs-source{align-self:flex-start;color:#fff3b9;background:#634419;border:1px solid #c89b47;border-radius:999px;padding:9px 12px;min-height:40px}
#fredSpacesRadio .fs-play-disclaimer{font-size:11px;color:#f0daa0;line-height:1.5}
#fredSpacesRadio .fs-tags{margin-top:13px;gap:8px}
#fredSpacesRadio .fs-topic{width:auto;min-height:42px;padding:10px 15px;background:linear-gradient(145deg,#fffdfa,#ffe7a9);border:1px solid #bc8830;border-radius:999px;font-size:13px;color:#603707;box-shadow:0 0 13px #efbd4283}
#fredSpacesRadio .fs-topic[aria-expanded="true"]{background:linear-gradient(130deg,#684011,#46270c);color:#fff8e0;border-color:#f6ca55;box-shadow:0 0 17px #c88b20}
#fredSpacesRadio .fs-topic-panel{border:1px solid #e6c47a;border-radius:20px;padding:13px;background:linear-gradient(150deg,#fffef3,#fff1c2);box-shadow:0 0 15px #e7b43d81;margin:10px 0}
#fredSpacesRadio .fs-topic-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
#fredSpacesRadio .fs-topic-header strong{font-size:15px;color:#5d3610}
#fredSpacesRadio .fs-topic-panel p{margin:8px 0 11px;font-size:12px;line-height:1.5;color:#69440d}
#fredSpacesRadio .fs-mode-row,#fredSpacesRadio .fs-tool-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
#fredSpacesRadio .fs-mode,#fredSpacesRadio .fs-tool{min-height:44px;padding:9px 6px;background:#fff;border:1px solid #cba456;color:#593709;box-shadow:0 0 11px #e9ad4a66}
#fredSpacesRadio .fs-mode[aria-pressed="true"]{background:#654011;color:#fff0c1;border-color:#a77412}
#fredSpacesRadio .fs-tool{background:linear-gradient(140deg,#fff,#f7eaff);border-color:#c79ce4;color:#522477}
#fredSpacesRadio .fs-topic-close{min-height:34px;font-size:12px;padding:7px 12px}
#fredSpacesRadio .fs-actions,#fredSpacesRadio .fs-builds{gap:8px}
#fredSpacesRadio .fs-actions button{min-height:48px;background:linear-gradient(150deg,#fffef5,#fff1c6);border-color:#c6a049;box-shadow:0 0 11px #f7ca5c7d}
#fredSpacesRadio .fs-builds .fs-phi{background:linear-gradient(150deg,#fff,#f4e9ff);color:#5b2883;border:1px solid #cea1ec;box-shadow:0 0 14px #a66ce778}
#fredSpacesRadio .fs-bottom{display:grid;gap:9px;margin-top:17px}
#fredSpacesRadio .fs-bottom .fs-next{width:100%;min-height:55px;grid-column:1;background:linear-gradient(140deg,#286c47,#135936);color:#fff;border:1px solid #95e9b5;box-shadow:0 0 21px #37b87898}
#fredSpacesRadio .fs-bottom .fs-next:disabled{background:#726e54;border-color:#968f6e;box-shadow:none}
#fredSpacesRadio .fs-balance{font-size:12px;color:#594118}
#fredSpacesRadio .fs-status{border-top:1px solid #ae853d79;padding-top:10px;font-size:12px;line-height:1.55;color:#6d4709}
@media(max-width:380px){#fredSpacesRadio .fs-card{padding:13px}#fredSpacesRadio .fs-player{gap:9px}#fredSpacesRadio .fs-play{width:62px;height:62px}#fredSpacesRadio .fs-player-name{font-size:14px}#fredSpacesRadio .fs-mode-row,#fredSpacesRadio .fs-tool-row{gap:5px}#fredSpacesRadio .fs-mode,#fredSpacesRadio .fs-tool{font-size:12px}}
@media(prefers-reduced-motion:reduce){#fredSpacesRadio .fs-play{transition:none}}

/* MEDIA STAR — distinctive golden star-shaped media asset, avatar behind replay interface. */
#fredSpacesRadio .fs-media-star{isolation:isolate;overflow:hidden;border:2px solid #f5c453;background:radial-gradient(circle at 86% 17%,#fffde8 0%,#ffe991 30%,transparent 58%),linear-gradient(144deg,#fff5b2,#efc645 70%,#dda82b);box-shadow:0 0 0 1px #fff5ae,0 0 22px #f2bb48a4,0 18px 37px #ae7c316b}
#fredSpacesRadio .fs-media-star > :not(.fs-star-backdrop){position:relative;z-index:1}
#fredSpacesRadio .fs-star-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#fredSpacesRadio .fs-star-rays{position:absolute;right:-62px;top:-85px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#fff8d1e0 0 23%,#fff7bc80 27%,#ffdb617d 44%,transparent 65%);filter:blur(7px)}
#fredSpacesRadio .fs-big-star{position:absolute;right:-32px;top:-24px;width:clamp(190px,55vw,315px);height:clamp(190px,55vw,315px);clip-path:polygon(50% 0%,61% 33%,98% 35%,68% 57%,79% 91%,50% 72%,21% 91%,32% 57%,2% 35%,39% 33%);background:radial-gradient(circle at 34% 30%,#fffbea,#ffe982 35%,#fbbd34 60%,#bb7822 100%);box-shadow:inset 0 0 22px #fff7db;border:none;filter:drop-shadow(0 0 16px #ffd75e);opacity:.91}
#fredSpacesRadio .fs-star-avatar{position:absolute;right:clamp(45px,15%,103px);top:clamp(43px,6%,66px);display:grid;place-items:center;width:clamp(75px,20vw,110px);height:clamp(75px,20vw,110px);border:3px solid #fff6c7;border-radius:50%;background:radial-gradient(circle at 35% 22%,#855c39,#392443 73%);color:#fff6c9;font-size:clamp(36px,10vw,54px);text-shadow:0 0 9px #ffc956;box-shadow:0 0 0 5px #9c5a3066,0 0 28px #f8ce7a}
#fredSpacesRadio .fs-media-star .fs-eyebrow{background:#fff9da;border-color:#f3ce6b;color:#542f0a;font-weight:900;box-shadow:0 0 13px #fffce3b0}
#fredSpacesRadio .fs-media-star .fs-heading{max-width:min(83%,470px);text-shadow:0 1px 1px #fffbd3}
#fredSpacesRadio .fs-media-star .fs-heading h2{color:#332009;font-weight:900}
#fredSpacesRadio .fs-media-star .fs-summary{color:#38270d;font-weight:650;background:#fffcdfb5;border-radius:13px;padding:11px 12px;border:1px solid #efce7c}
#fredSpacesRadio .fs-media-star .fs-stream{position:relative;z-index:2;background:linear-gradient(145deg,#1e153b,#342249 60%,#46341c);border:1px solid #f0cc6b;box-shadow:0 0 0 1px #fff7c163,0 0 18px #f6d4718c,inset 0 1px 0 #fff5c355}
#fredSpacesRadio .fs-media-star .fs-play{box-shadow:0 0 0 2px #fff6d6,0 0 26px #ffcd64a8}
#fredSpacesRadio .fs-media-star :is(.fs-actions button,.fs-builds button,.fs-next,.fs-topic){border-radius:999px!important;font-weight:850;letter-spacing:.01em}
#fredSpacesRadio .fs-media-star :is(.fs-actions button,.fs-builds button,.fs-topic):hover,#fredSpacesRadio .fs-media-star :is(.fs-actions button,.fs-builds button,.fs-topic):focus-visible{box-shadow:0 0 0 2px #fffdf0,0 0 19px #ffd15bbc!important}
#fredSpacesRadio .fs-media-star .fs-builds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#fredSpacesRadio .fs-media-star .fs-builds .fs-embed{grid-column:1/-1;min-height:48px;background:linear-gradient(135deg,#47336f,#25163e)!important;color:#fff1c5!important;border:1px solid #e2c0ff!important;box-shadow:0 0 17px #b37cff80!important}
#fredSpacesRadio .fs-media-star .fs-embed:focus-visible{outline:3px solid #fff;outline-offset:3px}
#fredSpacesRadio .fs-media-star .fs-status{color:#53340f;font-weight:650}
@media(max-width:440px){#fredSpacesRadio .fs-big-star{right:-67px;top:0;opacity:.79}#fredSpacesRadio .fs-star-avatar{right:8px;top:55px;width:75px;height:75px;font-size:36px}#fredSpacesRadio .fs-media-star .fs-heading{max-width:100%}#fredSpacesRadio .fs-media-star .fs-heading h2{padding-right:53px}#fredSpacesRadio .fs-media-star .fs-eyebrow{font-size:9px;max-width:100%;white-space:normal}#fredSpacesRadio .fs-media-star .fs-summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){#fredSpacesRadio .fs-media-star *{transition:none!important}}

/* Higher specificity than shared Oracle card styles loaded afterward. */
#fredSpacesRadio .fs-card.fs-media-star{box-shadow:0 0 0 1px #fff9b7,0 0 28px #f2bb48ae,0 19px 42px #ad703370}
#fredSpacesRadio .fs-card.fs-media-star .fs-star-backdrop{z-index:0}
#fredSpacesRadio .fs-card.fs-media-star .fs-player{position:relative;z-index:2}
#fredSpacesRadio .fs-card.fs-media-star .fs-star-avatar{font-family:"Noto Color Emoji","Segoe UI Emoji",sans-serif}

#fredSpacesRadio .fs-card.fs-media-star img.fs-star-avatar{object-fit:cover;display:block;background:#301e4f;padding:0;box-shadow:0 0 0 5px #fff4b399,0 0 25px #f9ca6899;filter:drop-shadow(0 0 7px #ffe398)}
@media(max-width:440px){#fredSpacesRadio .fs-card.fs-media-star .fs-heading h2{padding-right:83px}}

/* Recognizable Media Star brand on phones and embedded cards. */
#fredSpacesRadio .fs-brand{display:block;font-size:clamp(25px,7vw,32px);font-weight:900;line-height:1.2;color:#55300b;margin:4px 0 10px;text-shadow:0 1px #fff9db,0 0 14px #ffef9a}
#fredSpacesRadio .fs-index-count{font-size:12px;line-height:1.5;color:#55340f}
#fredSpacesRadio .fs-media-star .fs-eyebrow{font-size:11px}