/* Oracle geometry is shared; each card owns its accent. White controls keep
   labels readable over red, gold, blue, green and purple artwork. */
:root {
  --phi-control-height:40px;
  --phi-control-radius:999px;
  --phi-control-surface:#fff;
  --phi-control-ink:#26313d;
  --phi-control-border:#c4cad1;
  --phi-control-gap:8px;
}
body.oracle-quanta :is(.qzoneRed,.qreader-oracle-card){--phi-control-border:#c99299}
body.oracle-quanta :is(.qzoneYellow,.qdata-oracle-card,#fredSpacesRadio){--phi-control-border:#bba064}
body.oracle-quanta :is(.qzoneBlue,#phiImageBuilder,.imageCard){--phi-control-border:#8cabc5}
body.oracle-quanta :is(.qzoneOrange){--phi-control-border:#c7a178}
body.oracle-quanta :is(.qzonePurple,#infiniteBook){--phi-control-border:#b39bc6}
body.oracle-quanta :is(.qzoneGreen){--phi-control-border:#90ad99}
#infiniteBook,#phiImageBuilder,#fredSpacesRadio{min-width:0;max-width:100%}
body.oracle-quanta :is(#result,#media,#infiniteBook,#phiImageBuilder,#fredSpacesRadio,.widgetphi-stock-card,#controlPhiWalletPanel,.qbalances) :is(button,a.ib-build-link,.imageActions a,.videoActions a,.soundActions a,.qdata-open) {
  box-sizing:border-box!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-width:0!important;max-width:100%!important;min-height:var(--phi-control-height)!important;height:auto!important;
  padding:8px 12px!important;border-radius:var(--phi-control-radius)!important;
  border:1px solid var(--phi-control-border)!important;
  background:var(--phi-control-surface)!important;color:var(--phi-control-ink)!important;
  font-family:inherit!important;font-size:13px!important;font-weight:700!important;
  line-height:1.4!important;letter-spacing:0!important;text-align:center;text-decoration:none;
  white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;
  box-shadow:0 2px 5px #16233112!important;cursor:pointer;
}
body.oracle-quanta :is(#result,#media,#infiniteBook,#phiImageBuilder,#fredSpacesRadio,.widgetphi-stock-card) :is(button,a.ib-build-link,.imageActions a,.videoActions a,.soundActions a):hover {
  background:#f5f7f9!important;box-shadow:0 2px 8px #16233125!important;
}
body.oracle-quanta :is(#result,#media,#infiniteBook,#phiImageBuilder,#fredSpacesRadio,.widgetphi-stock-card) :is(button,a.ib-build-link):focus-visible {
  outline:3px solid #27658c!important;outline-offset:3px;
}
body.oracle-quanta :is(#result,#media,#infiniteBook,#phiImageBuilder,#fredSpacesRadio,.widgetphi-stock-card) button:is([aria-pressed="true"],.is-selected) {
  background:#eaf1f5!important;box-shadow:inset 0 0 0 1px var(--phi-control-border)!important;
}
body.oracle-quanta :is(#result,#media,#infiniteBook,#phiImageBuilder,#fredSpacesRadio,.widgetphi-stock-card) button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important}
body.oracle-quanta :is(#result,#media,#infiniteBook,#phiImageBuilder,#fredSpacesRadio,.widgetphi-stock-card,#controlPhiWalletPanel,.qbalances) [hidden]{display:none!important}
body.oracle-quanta :is(.ib-actions,.ib-build,.pi-actions,.fs-actions,.fs-builds,.qreader-actions,.qdata-actions,.qzoneActions,.qactionRows,.qassimilate-actions,.imageActions,.videoActions,.soundActions,.widgetphi-stock-actions,.qchips,.pi-modes,.fs-topics,.fs-tools,.ib-illustration-actions){
  display:flex!important;flex-wrap:wrap!important;gap:var(--phi-control-gap)!important;align-items:center!important;
}
body.oracle-quanta :is(.ib-actions,.ib-build,.pi-actions,.fs-actions,.fs-builds,.qreader-actions,.qdata-actions,.qzoneActions,.qactionRows,.qassimilate-actions,.imageActions,.videoActions,.soundActions,.widgetphi-stock-actions) > :is(button,a){
  width:auto!important;flex:0 1 auto!important;align-self:stretch;
}
body.oracle-quanta .ib-build>span{flex-basis:100%;font-size:12px;line-height:1.4}
body.oracle-quanta .pi-actions>.pi-wide{flex-basis:100%!important}
body.oracle-quanta :is(.qreader-actions button,.ib-next,.pi-primary,.fs-next){width:auto!important;max-width:100%!important}
body.oracle-quanta :is(.qzone,.mcard,.pi-panel,.fs-card,.widgetphi-stock-card,.ib-story){min-width:0;max-width:100%;box-sizing:border-box;border-radius:22px}
body.oracle-quanta :is(.qzoneInput,.qdata-toolbar){min-width:0;flex-wrap:wrap;gap:var(--phi-control-gap)}
body.oracle-quanta .qzoneInput input{flex:1 1 180px;min-width:0}
body.oracle-quanta #result .qdata-open{min-width:40px!important;max-width:40px!important;padding:8px 6px!important}
body.oracle-quanta #result .qdata-select{justify-content:flex-start;text-align:left;width:100%!important}
body.oracle-quanta #result .qdata-actions{width:100%;flex:1 1 100%}
/* Header wallet stays light, matching the white Oracle reference card. */
body .qbalances #controlPhiWalletButton,body .qbalances .qtoken,body .qbalances .qstar{
  background:#fff!important;color:#26313d!important;border:1px solid #c4cad1!important;
  border-radius:999px!important;padding:8px 12px!important;min-height:40px!important;
  font-size:13px;line-height:1.4;white-space:normal;box-shadow:0 2px 5px #16233112!important;
}
body .qbalances #controlPhiWalletButton :is(strong,small){color:inherit!important}
/* Topic controls precede playback. Save and build actions have separate rows. */
body.oracle-quanta #fredSpacesRadio .fs-media-star .fs-tags{
  margin:14px 0 16px;padding-bottom:13px;border-bottom:1px solid #b78d4259;
  display:flex;flex-wrap:wrap;gap:8px;
}
body.oracle-quanta #fredSpacesRadio .fs-media-star .fs-control-label{margin:17px 0 8px;font-size:12px;line-height:1.4;color:#563907;font-weight:700}
body.oracle-quanta #fredSpacesRadio .fs-media-star .fs-embed-row{margin:11px 0 16px;padding-bottom:15px;border-bottom:1px solid #b78d4259}
/* In-progress cards never expose the previous story's controls. */
body.oracle-quanta #infiniteBook .ib-story[data-ready="false"] :is(.ib-details,.ib-research-branches,.ib-actions,.ib-build,.ib-illustration-actions){display:none!important}

/* Billboard control rhythm: balanced rows instead of crowded pill clusters. */
body.oracle-quanta{--phi-control-height:44px;--phi-control-radius:10px;--phi-control-gap:10px}
body.oracle-quanta :is(.ib-actions,.ib-build,.pi-actions,.fs-actions,.fs-builds,.qreader-actions,.qdata-actions,.qzoneActions,.qactionRows,.qassimilate-actions,.qassim-actions,.imageActions,.videoActions,.soundActions,.widgetphi-stock-actions,.ib-illustration-actions){
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch!important;margin-top:14px;
}
body.oracle-quanta :is(.ib-actions,.ib-build,.pi-actions,.fs-actions,.fs-builds,.qreader-actions,.qdata-actions,.qzoneActions,.qactionRows,.qassimilate-actions,.qassim-actions,.imageActions,.videoActions,.soundActions,.widgetphi-stock-actions,.ib-illustration-actions)>:is(button,a){width:100%!important;margin:0!important;padding:10px 12px!important}
body.oracle-quanta :is(.ib-build>span,.pi-actions>.pi-wide){grid-column:1/-1}
body.oracle-quanta :is(.qassim-package,.ib-story,.pi-panel,.fs-card,.qzone){padding:18px;line-height:1.6}
body.oracle-quanta #result .qdata-toolbar{display:block;padding:14px}
body.oracle-quanta #result .qdata-count{display:block;margin-bottom:10px;font-size:13px}
body.oracle-quanta #result .qdata-select{border-radius:12px!important;min-height:48px!important;padding:12px!important}
body.oracle-quanta #result .qdata-select[aria-pressed="true"]{background:#4e3514!important;color:#fff8e9!important;border-color:#a47835!important;box-shadow:0 0 0 2px #eac277!important}
body.oracle-quanta #result .qdata-select[aria-pressed="true"]::before{background:#f8d87a;border-color:#f8d87a}
body.oracle-quanta #result .qdata-output{padding:18px;background:#fffcf2;border:1px solid #dcb156}
body.oracle-quanta #result .qdata-response{line-height:1.75}
@media(max-width:340px){
 body.oracle-quanta :is(.qdata-actions,.ib-actions,.ib-build,.pi-actions,.fs-actions,.fs-builds,.qassim-actions){grid-template-columns:1fr}
}

/* Reads & Realms: daylight violet, distinct from the orbital Asteroid card. */
body.oracle-quanta #infiniteBook[data-context="home"] .ib-story{
 background:radial-gradient(circle at 90% 0%,#fff7df 0,transparent 45%),linear-gradient(145deg,#fffaff,#eee1ff 70%,#e7ceff)!important;
 border:1px solid #b994dd!important;color:#342247!important;
 box-shadow:0 0 0 1px #ffffff,0 16px 36px #7949a32b,0 0 22px #b585ea45!important;
}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-asteroid-hero{
 background:radial-gradient(circle at 85% 20%,#fff5cf,transparent 40%),linear-gradient(135deg,#f8f1ff,#d9b6f4)!important;
 min-height:250px;
}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-asteroid-shade{
 background:linear-gradient(0deg,#f5eafffa 0%,#f4e9ffe8 24%,#f4e9ff40 68%,transparent 100%)!important;
}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-title{
 color:#38204e!important;text-shadow:0 1px 0 #ffffffb8!important;line-height:1.25!important;
}
body.oracle-quanta #infiniteBook[data-context="home"] :is(.ib-summary,.ib-full,.ib-status){color:#4c355f!important}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-category{
 background:#ffffffda!important;color:#623187!important;border-color:#c6a4e2!important;
}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-details{
 background:#fffafee8!important;border:1px solid #d4b9e8!important;
}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-details summary{color:#4b2869!important}
body.oracle-quanta #infiniteBook[data-context="home"] :is(.ib-source,.ib-build>span){color:#5b3283!important}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-build{border-color:#c9acd9!important}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-illustration{background:transparent!important}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-illustration-caption{color:#583d70!important}

/* A complete, large five-point star sits behind the yellow card's live content. */
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star{
 isolation:isolate;background:radial-gradient(ellipse at 50% 38%,#fff9d8,#ffec9d 48%,#eec557)!important;
 border-color:#d5a63c!important;
}
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star .fs-star-backdrop{
 inset:0!important;overflow:hidden;z-index:0;pointer-events:none;
}
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star .fs-big-star{
 width:96%!important;height:auto!important;aspect-ratio:1;top:75px!important;left:2%!important;right:auto!important;
 clip-path:polygon(50% 0%,61% 33%,98% 35%,68% 57%,79% 91%,50% 72%,21% 91%,32% 57%,2% 35%,39% 33%);
 background:linear-gradient(140deg,#fffef2 0%,#ffe38a 27%,#dca729 55%,#ffe7a0 78%,#bb841d 100%)!important;
 opacity:1!important;filter:drop-shadow(0 10px 9px #a76d2940)!important;
}
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star .fs-star-rays{
 width:110%!important;height:520px!important;left:-5%;right:auto!important;top:0!important;
 background:radial-gradient(ellipse,#fffdf7 0%,#fff5ce66 40%,transparent 70%);
}
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star .fs-star-avatar{
 top:24px!important;right:16px!important;width:64px!important;height:64px!important;
 border:2px solid #fffbe4;box-shadow:0 0 0 4px #e9bd5b55,0 8px 20px #8d652433;
}
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star .fs-heading{max-width:100%;padding-right:74px}
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star .fs-heading h2{padding-right:0!important}
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star .fs-summary{
 background:#fffdf0cc!important;border:1px solid #dcb86288;color:#49310b!important;
}
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star .fs-stream{
 background:linear-gradient(145deg,#fffdf2f2,#fff6d8eb)!important;color:#382606!important;
 border:1px solid #cfa653!important;box-shadow:0 9px 25px #aa75202b!important;
}
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star :is(.fs-player-name,.fs-player-sub,.fs-player-timing,.fs-play-disclaimer){color:#523711!important}
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star .fs-source{
 color:#65491b!important;background:#ffffffd9!important;border-color:#d9bb80!important;border-radius:10px;
}
body.oracle-quanta #fredSpacesRadio .fs-card.fs-media-star .fs-play{
 background:linear-gradient(135deg,#fff9e6,#f5d378)!important;border:1px solid #c69b3d;
 color:#4e3209;box-shadow:0 0 0 4px #fffbea88,0 8px 20px #bb842f38!important;
}

/* A pending or unavailable home story stays compact until real artwork exists. */
body.oracle-quanta #infiniteBook[data-context="home"] .ib-story[data-ready="false"] :is(.ib-asteroid-hero,.ib-asteroid-copy){
 min-height:150px!important;
}

/* Reads & Realms editorial brand emblem: permanently inside the home story artwork.
   Only the rotating genre belongs in the category chip; Asteroid keeps its own title. */
#infiniteBook .ib-brand{display:none}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-head{justify-content:flex-end;margin:5px 2px 9px}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-head strong{display:none}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-brand{
 position:absolute;z-index:5;top:14px;left:14px;max-width:calc(100% - 28px);
 display:inline-flex;align-items:center;gap:9px;padding:8px 15px 8px 8px;
 border-radius:15px;background:linear-gradient(135deg,#fffdf7f5,#f8e9d6ed);
 border:1px solid #bb905ca8;box-shadow:0 6px 20px #2c17364d,0 0 0 2px #ffffffa3;
 color:#44244f;pointer-events:none;
}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-brand-emblem{
 display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
 border-radius:11px;border:1px solid #f4d08b;background:linear-gradient(145deg,#a36c38,#603d71);
 box-shadow:inset 0 1px 0 #ffffff85,0 3px 9px #5d325a4a;color:#fff9e4;
 font:700 25px/1 Georgia,"Times New Roman",serif;
}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-brand-name{
 display:block;font:800 clamp(17px,4.4vw,22px)/1.13 Georgia,"Times New Roman",serif;
 letter-spacing:.018em;white-space:normal;overflow-wrap:normal;color:#44244f;
}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-asteroid-label{display:none!important}
body.oracle-quanta #infiniteBook[data-context="home"] .ib-category{
 max-width:100%;font-size:11px;font-weight:850;line-height:1.35;
 letter-spacing:.015em;text-transform:none;padding:6px 11px;
}
#infiniteBook .ib-story-meta{margin:4px 0 10px;font-size:11px;line-height:1.5;font-weight:700;opacity:.75;overflow-wrap:anywhere}
@media(max-width:380px){
 body.oracle-quanta #infiniteBook[data-context="home"] .ib-brand{left:10px;top:10px;gap:7px;padding:7px 10px 7px 7px;max-width:calc(100% - 20px)}
 body.oracle-quanta #infiniteBook[data-context="home"] .ib-brand-emblem{flex-basis:33px;width:33px;height:33px;font-size:22px}
 body.oracle-quanta #infiniteBook[data-context="home"] .ib-brand-name{font-size:17px}
}
