/* QuantaPhi Electric: each card retains its own color, adds a controlled luminous edge.
   No pulsing layouts or seizure-risk strobing; keyboard / reduced-motion supported. */
:root{--qe-violet:#8d51f1;--qe-deep:#4a1b90;--qe-glow:rgba(146,87,243,.28)}
body{background:radial-gradient(ellipse at 50% -6%,#c9a5ff3d,transparent 44%),linear-gradient(180deg,#fbf8ff,#f6f2fd 65%,#fcfaff);color:#21132d}
.app{position:relative}
.qtop{gap:10px;align-items:center}
.qtop h1{color:#52208c;text-shadow:0 0 11px #9b63ed6b,0 1px #fff;letter-spacing:-.8px}
.qtop .qmenuBtn{border:1px solid #c3a2fc;background:linear-gradient(135deg,#6e29bd,#48138f);color:#fff;box-shadow:0 0 0 2px #e9dcff,0 0 19px #8e47dd92;min-height:45px;border-radius:16px;transition:box-shadow .18s,transform .18s}
.qtop .qmenuBtn:hover,.qtop .qmenuBtn:focus-visible{box-shadow:0 0 0 3px #d8bbff,0 0 25px #ac62ff}
.qtop .qmenuBtn:active{transform:scale(.97)}
.qnewSearch{margin-left:auto;min-height:45px;padding:9px 14px;border-radius:999px;border:1px solid #b28eea;background:linear-gradient(145deg,#fff,#e6d5ff);color:#4a1b86;font-size:13px;font-weight:900;white-space:nowrap;box-shadow:0 0 0 1px #fff,0 0 16px #8f45d262;cursor:pointer;transition:transform .18s,box-shadow .18s}
.qnewSearch:hover,.qnewSearch:focus-visible{box-shadow:0 0 0 3px #ead7ff,0 0 26px #9953f5ad}
.qnewSearch:active{transform:scale(.97)}
.qbalances .qtoken,.qbalances .qstar,body #controlPhiWalletButton{box-shadow:0 0 0 1px #ffffffa6,0 0 15px #a75ced7a!important}
.qmenu:not([hidden]){border:1px solid #b57fe7;background:linear-gradient(160deg,#fcf9ff,#e7d6fb);box-shadow:0 13px 35px #4c21834f,0 0 15px #9753eb53;z-index:40}
.qmenu a,.qmenu button{border:1px solid #d9bdf6!important;border-radius:999px!important;background:linear-gradient(140deg,#fff,#f2e8ff)!important;color:#4c2185!important;box-shadow:0 0 10px #b877fa26;font-size:13px}
.qmenu a:hover,.qmenu button:hover,.qmenu a:focus-visible,.qmenu button:focus-visible{background:#e5d0ff!important;box-shadow:0 0 18px #9453d288}
.search{border-radius:20px;box-shadow:0 12px 23px #a27cd12a;padding:10px 8px}
.search input{border:2px solid #9a62ec;background:#fff;box-shadow:inset 0 0 10px #b995f526,0 0 10px #9462db42;min-width:0}
.search #go,.qrefine button{border:1px solid #b78aff;border-radius:999px;background:linear-gradient(145deg,#7333ce,#4b1b94);box-shadow:0 4px 16px #814bd38a;color:#fff;min-height:44px;padding:8px 13px}
.search #go:hover,.search #go:focus-visible{box-shadow:0 0 0 3px #e5d8fb,0 0 22px #9054e0c2}
#result,.card,.mcard,.sponsorBoard,.qwalletBox,.book-shelf-link a{box-shadow:0 10px 27px #6a3eab24,0 0 0 1px #b88dec70,0 0 17px #986ad13b;border-radius:22px}
#result{border:1px solid #d6b5f3;background:linear-gradient(145deg,#fff,#fcf9ff)}
.qzone{--qe-card:#ad68f7;border-radius:22px;box-shadow:0 7px 17px #25154b16,0 0 0 1px color-mix(in srgb,var(--qe-card),transparent 43%),0 0 17px color-mix(in srgb,var(--qe-card),transparent 69%)!important}
.qzoneRed{--qe-card:#f25f84;background:linear-gradient(155deg,#fff5f7,#ffe0e7);border-color:#eaa1b7}
.qzoneYellow{--qe-card:#f5c83a;background:linear-gradient(155deg,#fffdf1,#fff0ab);border-color:#e4be59}
.qzoneBlue{--qe-card:#5bacff;background:linear-gradient(155deg,#f7fbff,#d8edff);border-color:#9acbf0}
.qzoneOrange{--qe-card:#f1a646;background:linear-gradient(155deg,#fff8f0,#ffe1b8);border-color:#e7b07f}
.qzonePurple{--qe-card:#aa5bff;box-shadow:0 10px 25px #50218d57,0 0 0 1px #a75bfd9c,0 0 22px #a65fff7d!important}
#infiniteBook .ib-story{box-shadow:0 10px 31px #b96c3452,0 0 0 1px #ffc98b,0 0 23px #ffaa5978}
#infiniteBook .ib-next,#infiniteBook .ib-action,#infiniteBook .ib-build-link{transition:filter .16s,box-shadow .16s,transform .16s}
#infiniteBook :is(.ib-next,.ib-action,.ib-build-link):hover,#infiniteBook :is(.ib-next,.ib-action,.ib-build-link):focus-visible{box-shadow:0 0 0 2px #fff,0 0 19px #ffc46f,0 5px 12px #8a54183d!important}
#phiImageBuilder .pi-panel{box-shadow:0 12px 29px #407dc43a,0 0 0 1px #96c6ff,0 0 20px #58a9ff78}
#phiImageBuilder .pi-audit{box-shadow:0 11px 27px #4817845e,0 0 19px #b978ff99}
#phiImageBuilder :is(.pi-actions button,.pi-mode,.pi-primary):hover,#phiImageBuilder :is(.pi-actions button,.pi-mode,.pi-primary):focus-visible{filter:brightness(1.04);box-shadow:0 0 0 2px #fff,0 0 17px #9380f8c2}
#fredSpacesRadio .fs-card{box-shadow:0 12px 34px #b2831d49,0 0 0 1px #ffe184,0 0 24px #ffd34b92}
#fredSpacesRadio .fs-btn:hover,#fredSpacesRadio .fs-btn:focus-visible{box-shadow:0 0 0 2px #fff7cb,0 0 20px #fbd84dc4}
.mcard{border:1px solid #d5b7f0;background:linear-gradient(155deg,#fff,#f7edff);overflow:hidden}
.mcard.imageCard{border-color:#abceeb;background:linear-gradient(155deg,#f7fbff,#e8f3ff);box-shadow:0 9px 24px #468eda2e,0 0 18px #66aaff5c}
.mcard.videoCard{border-color:#8257d9;box-shadow:0 11px 28px #4930887a,0 0 19px #8550ee73}
.mcard.soundCard{border-color:#b277ec;box-shadow:0 11px 28px #49277674,0 0 19px #ab61f18c}
.mcard :is(.cardShare,.cardCollect),.imageActions a,.videoActions a,.soundActions a{min-height:42px;border-radius:999px!important;box-shadow:0 0 13px #9d65dc54}
.mcard :is(.cardShare,.cardCollect):hover,.mcard :is(.cardShare,.cardCollect):focus-visible{box-shadow:0 0 0 2px #fff,0 0 20px #a169e0a0}
.sponsorBoard{border-color:#ba85e6}
.book-shelf-link a{border:1px solid #ebc959;background:linear-gradient(135deg,#fff9d0,#ffe58e);box-shadow:0 5px 17px #d6aa4161,0 0 19px #fbd05766}
.buttonPerson .mckeeCoinButton{filter:drop-shadow(0 0 11px #e2b641b5)}
.buttonPerson .shoplcShirtButton{filter:drop-shadow(0 0 12px #0ec6d4a8)}
.buttonPerson .bodyArm{box-shadow:0 5px 18px #27cb8d70,0 0 18px #47e0a27a}
.buttonPerson .bodyLeg{box-shadow:0 7px 18px #2d7fd264,0 0 16px #4d9df384}
.buttonPerson .bodyShoe{box-shadow:0 7px 17px #2c215999,0 0 16px #725ba484}
.siteViewerBar{box-shadow:inset 0 -1px 0 #ae6afa83,0 0 14px #8c4dd97a}
.siteViewerClose{border-radius:999px;box-shadow:0 0 14px #9d55f783}
#controlPhiWalletPanel{box-shadow:0 0 0 1px #ad7cfa,0 0 25px #9252e16b!important}
#controlPhiWalletPanel .cp-wallet-asset{box-shadow:0 0 12px #955dc73d}
.qrefine input:focus-visible,.search input:focus-visible{outline:2px solid #a966ed;outline-offset:2px;box-shadow:0 0 20px #ba6bf9aa}
:is(button,a,input,textarea,summary):focus-visible{outline:3px solid #9951f6;outline-offset:3px}
@media(max-width:400px){.qnewSearch{padding:8px 11px;font-size:12px}.qtop{gap:7px}.qtop h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.qnewSearch,.qmenuBtn,#infiniteBook .ib-action,#infiniteBook .ib-next,#infiniteBook .ib-build-link{transition:none!important}}


/* Oracle refinement: assimilation-grade violet story, card-first light, quiet controls. */
/* Violet story: the same deep illuminated surface as Assimilation, with readable text. */
#infiniteBook .ib-head{gap:9px;margin:12px 2px 9px}
#infiniteBook .ib-head strong{font-size:11px;letter-spacing:.065em;color:#60308c}
#infiniteBook .ib-story{
  position:relative;padding:17px 15px 16px;border:1px solid #ab78ff;border-radius:23px;
  background:radial-gradient(circle at 96% 0%,rgba(144,75,250,.47),transparent 49%),linear-gradient(145deg,#301356 0%,#200d41 57%,#15092e 100%);
  color:#f8f2ff;box-shadow:0 0 0 1px #b480ff42,0 12px 29px #4617a34b,inset 0 1px 0 #ffffff3b;
}
#infiniteBook .ib-story::before{height:2px;border-radius:23px 23px 0 0;background:linear-gradient(90deg,#6c35cb,#e6cfff,#ad79ff,#45227e)}
#infiniteBook .ib-category{background:#ffffff13;border:1px solid #be99f47d;color:#e5d4ff;font-size:10px;font-weight:750;letter-spacing:.035em;padding:5px 9px}
#infiniteBook .ib-title{color:#fff;font-size:clamp(20px,5vw,24px);line-height:1.28;margin:11px 0 10px;letter-spacing:-.35px;text-shadow:0 0 12px #a86bff40}
#infiniteBook .ib-summary,#infiniteBook .ib-full{color:#eee3fd;font-size:14px;line-height:1.68}
#infiniteBook .ib-details{background:#12092487;border:1px solid #a777ed68;border-radius:17px;padding:10px 12px;margin-top:12px}
#infiniteBook .ib-details summary{color:#f8f1ff;font-weight:750;font-size:12px}
#infiniteBook .ib-details summary::marker{color:#d4b1ff}
#infiniteBook .ib-source,#infiniteBook .ib-more-sources .ib-source{color:#afedff;font-weight:750;text-underline-offset:3px}
#infiniteBook .ib-actions{gap:7px;margin:12px 0 9px}
#infiniteBook .ib-actions .ib-action,#infiniteBook .ib-build > .ib-action[data-book-action="illustrate"]{
  min-height:41px;padding:7px 6px;background:#ffffff12;border:1px solid #b897ea78;border-radius:999px;
  color:#f9f5ff;font-size:11px;font-weight:750;line-height:1.3;box-shadow:none;
}
#infiniteBook .ib-next{
  min-height:39px;background:#f9f5ff;border:1px solid #c3a7e5;color:#4b2572;
  padding:7px 11px;font-size:11px;font-weight:750;box-shadow:0 2px 7px #42167316;
}
#infiniteBook .ib-build{margin-top:6px;padding-top:12px;border-top:1px solid #bd8fee52;gap:7px}
#infiniteBook .ib-build > span{color:#ddc9fb;font-size:11px;font-weight:700;line-height:1.4}
#infiniteBook a.ib-build-link{
  display:flex;align-items:center;justify-content:center;min-height:41px;padding:7px 5px;
  background:#ffffffeb!important;border:1px solid #d1b9ef!important;border-radius:999px;
  color:#4a246d!important;font-size:11px;font-weight:750;box-shadow:none;
}
#infiniteBook .ib-build > .ib-action[data-book-action="illustrate"]{background:#50308378;border-color:#b291ec8f;grid-column:1/-1}
#infiniteBook .ib-status{color:#76558d;font-size:11px;line-height:1.45}
#infiniteBook .ib-illustration{background:#160b30;border:1px solid #a580e1;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff28,0 6px 18px #1a073d50}
#infiniteBook .ib-illustration-caption{color:#e2d3fb}
#infiniteBook .ib-illustration-actions button{min-height:41px!important;padding:8px 10px;border:1px solid #bea2f0;border-radius:999px!important;background:#f9f5ff;color:#4f297b;font-size:11px;font-weight:750}
#infiniteBook :is(.ib-action,.ib-next,.ib-build-link):hover,
#infiniteBook :is(.ib-action,.ib-next,.ib-build-link):focus-visible{
  filter:brightness(1.06);box-shadow:0 0 0 2px #b69af555,0 0 11px #ab7bf57d!important;
}
#infiniteBook :is(.ib-action,.ib-next,.ib-build-link):active{transform:scale(.98)}
#infiniteBook :is(button,a,summary):focus-visible{outline:2px solid #bdecff;outline-offset:3px}

/* Bright edges belong to the cards. Controls inside them stay compact and calm. */
#phiImageBuilder .pi-panel{box-shadow:0 0 0 1px #83baff,0 12px 28px #407dc43a,0 0 18px #58a9ff62}
#phiImageBuilder .pi-audit{box-shadow:0 0 0 1px #a77cff6b,0 12px 24px #48178452,0 0 17px #ae74ff78}
#phiImageBuilder .pi-modes{gap:6px}
#phiImageBuilder .pi-mode{min-height:39px;padding:7px 10px;font-size:11px;font-weight:750;box-shadow:none}
#phiImageBuilder .pi-actions{gap:7px;margin-top:11px}
#phiImageBuilder .pi-actions button{min-height:41px;padding:8px 6px;font-size:11px;font-weight:750;border-radius:999px;box-shadow:none}
#phiImageBuilder .pi-actions button[data-pi-action="good"],#phiImageBuilder .pi-actions button[data-pi-action="fix"]{box-shadow:0 0 11px #934ef566}
#phiImageBuilder .pi-primary{min-height:45px;padding:10px 13px;font-size:13px;box-shadow:0 4px 12px #18529d3b}
#phiImageBuilder :is(.pi-mode,.pi-primary,.pi-actions button):hover,
#phiImageBuilder :is(.pi-mode,.pi-primary,.pi-actions button):focus-visible{box-shadow:0 0 0 2px #ffffffcc,0 0 11px #9380f87f}

/* Gold and image/media cards keep their own identities without oversized action tiles. */
#fredSpacesRadio .fs-card{box-shadow:0 0 0 1px #ffe184b5,0 12px 28px #b2831d43,0 0 18px #ffd34b78}
#fredSpacesRadio :is(.fs-actions,.fs-builds){gap:7px;margin:11px 0}
#fredSpacesRadio :is(.fs-actions,.fs-builds) .fs-btn{min-height:41px;padding:8px 6px;font-size:11px;font-weight:750;box-shadow:none}
#fredSpacesRadio .fs-builds .fs-phi{min-height:41px;padding:8px 6px;box-shadow:none}
#fredSpacesRadio .fs-topic{min-height:39px;padding:8px 11px;font-size:11px;box-shadow:none}
#fredSpacesRadio .fs-mode,#fredSpacesRadio .fs-tool{min-height:40px;padding:7px 5px;font-size:11px;box-shadow:none}
#fredSpacesRadio .fs-bottom .fs-next{min-height:44px;padding:10px 12px;box-shadow:0 4px 12px #23804952}
#fredSpacesRadio .fs-source{min-height:38px;padding:7px 11px}
#fredSpacesRadio .fs-topic-panel{box-shadow:0 5px 14px #e7b43d43}
#fredSpacesRadio :is(.fs-btn,.fs-topic,.fs-mode,.fs-tool):hover,
#fredSpacesRadio :is(.fs-btn,.fs-topic,.fs-mode,.fs-tool):focus-visible{box-shadow:0 0 0 2px #fff7ce,0 0 10px #e7b54a8f}
.mcard :is(.cardShare,.cardCollect),.imageActions a,.videoActions a,.soundActions a{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;
  padding:7px 10px;margin-top:7px;border-radius:999px!important;font-size:11px;font-weight:750;
  line-height:1.35;text-align:center;box-shadow:none;
}
.imageActions,.videoActions,.soundActions{gap:7px}
.mcard :is(.cardShare,.cardCollect):hover,.mcard :is(.cardShare,.cardCollect):focus-visible{box-shadow:0 0 0 2px #fff,0 0 10px #a169e078}
#result .qchip{min-height:39px;padding:8px 11px;font-size:11px;font-weight:750;box-shadow:0 0 10px #ad78ff64}
#result .qzonePurple .qchip{min-height:39px;box-shadow:0 0 12px #ad78ff67}
#result .overviewShare{min-height:40px;padding:8px 12px;font-size:12px}
.qmenu a,.qmenu button{padding:9px 11px;font-size:12px;box-shadow:none!important}
.qmenu a:hover,.qmenu button:hover,.qmenu a:focus-visible,.qmenu button:focus-visible{box-shadow:0 0 11px #9453d264!important}
@media(max-width:380px){
  #infiniteBook .ib-story{padding:15px 12px}
  #infiniteBook .ib-actions,#infiniteBook .ib-build,
  #phiImageBuilder .pi-actions,#fredSpacesRadio :is(.fs-actions,.fs-builds){gap:6px}
  #infiniteBook a.ib-build-link{font-size:10.5px;padding:7px 3px}
}
@media(prefers-reduced-motion:reduce){
  #infiniteBook :is(.ib-action,.ib-next,.ib-build-link){transition:none}
}

/* Article research branching — compact, legible electric-purple controls. */
#infiniteBook .ib-research-branches{margin:15px 0 8px;padding:13px;border:1px solid #a67af7;border-radius:18px;background:linear-gradient(135deg,#f8f2ff,#eee2ff);box-shadow:0 0 14px #9b72fa4c}
#infiniteBook .ib-research-branches>strong{display:block;font-size:13px;font-weight:900;line-height:1.4;color:#2b1650;margin-bottom:10px}
#infiniteBook .ib-research-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
#infiniteBook .ib-research-branch{flex:1 1 120px;min-height:44px;max-width:100%;padding:10px 12px;border-radius:999px;border:1px solid #9156df;background:linear-gradient(145deg,#fff,#e9d8ff);color:#271443;font-size:12px;font-weight:900;line-height:1.27;letter-spacing:.01em;overflow-wrap:anywhere;box-shadow:0 2px 9px #8d4cde35}
#infiniteBook .ib-research-branch:focus-visible{outline:3px solid #6e22b9;outline-offset:2px}
#infiniteBook .ib-research-branch:hover{background:#f5eeff;box-shadow:0 0 15px #934ceb80}

#infiniteBook .ib-full{white-space:pre-line;line-height:1.74;overflow-wrap:anywhere}

/* ASTEROID · luminous orbital card, real-art underlay and legible overlays. */
#infiniteBook .ib-story{overflow:hidden!important;padding:0 0 16px!important;border:1px solid #b98dff!important;background:linear-gradient(160deg,#2b1450,#130d2b)!important;box-shadow:0 0 0 1px #d7adff6b,0 0 25px #a06bff89,0 18px 36px #25104d75!important}
#infiniteBook .ib-story[hidden]{display:none!important}
#infiniteBook .ib-asteroid-hero{position:relative;isolation:isolate;min-height:280px;overflow:hidden;background:radial-gradient(ellipse at 77% 20%,#9958d564,transparent 43%),radial-gradient(circle at 26% 40%,#37447f,transparent 62%),#0c1029}
#infiniteBook .ib-asteroid-hero::before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,#ffffffbc 1px,transparent 2px),radial-gradient(circle,#c1c3ff8c 1px,transparent 2px);background-size:47px 67px,87px 109px;background-position:13px 21px,39px 8px;opacity:.39}
#infiniteBook .ib-asteroid-rock{position:absolute;z-index:2;top:2px;right:-21px;width:clamp(140px,39%,240px);height:auto;pointer-events:none;filter:drop-shadow(0 0 20px #ad6effb3) drop-shadow(0 7px 28px #ffb88655);opacity:.87}
#infiniteBook .ib-asteroid-shade{pointer-events:none;position:absolute;z-index:3;inset:0;background:linear-gradient(0deg,#13091ff2 0%,#211138e0 32%,#180c2980 63%,#100e2240 100%),linear-gradient(90deg,#130d2ab2,transparent)}
#infiniteBook .ib-asteroid-copy{pointer-events:none;position:relative;z-index:4;min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:22px 17px 23px;max-width:100%}
#infiniteBook .ib-asteroid-label{display:inline-flex;align-items:center;max-width:100%;padding:5px 10px;margin-bottom:9px;border-radius:999px;color:#f5eaff;font-size:10px;font-weight:900;letter-spacing:.08em;background:#54318da8;border:1px solid #d6adff8f;box-shadow:0 0 13px #a773ed65}
#infiniteBook .ib-category{color:#fbe9ff!important;background:#33175aa8!important;border-color:#bd8afe!important;font-weight:850}
#infiniteBook .ib-title{margin:11px 0 0!important;color:#fff!important;max-width:90%;font-size:clamp(22px,5.7vw,30px)!important;text-shadow:0 2px 6px #090611,0 0 16px #ad76ff93;line-height:1.2!important}
#infiniteBook .ib-summary{margin:16px 16px 7px!important;color:#f4eafa!important;line-height:1.68!important;font-size:14px;font-weight:500}
#infiniteBook .ib-details,#infiniteBook .ib-research-branches,#infiniteBook .ib-actions,#infiniteBook .ib-build{margin-left:14px!important;margin-right:14px!important}
#infiniteBook .ib-illustration{position:absolute;inset:0;margin:0!important;padding:0!important;z-index:1;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden}
#infiniteBook .ib-illustration[hidden]{display:none!important}
#infiniteBook .ib-illustration-image{display:block;width:100%;height:100%;object-fit:cover}
#infiniteBook .ib-illustration-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#infiniteBook .ib-illustration-actions{position:absolute;z-index:6;right:10px;top:12px;display:flex;gap:5px;justify-content:flex-end}
#infiniteBook .ib-illustration-actions button{min-height:33px!important;padding:6px 9px!important;border-radius:999px!important;background:#fffdf5!important;color:#382151!important;border:1px solid #d5bbf0!important;font-size:10px!important;font-weight:900!important;box-shadow:0 0 12px #a270f59a!important}
#infiniteBook .ib-actions button,#infiniteBook .ib-next,#infiniteBook .ib-build-link,#infiniteBook .ib-research-branch{font-weight:900!important;letter-spacing:.01em;box-shadow:0 0 0 1px #ac82f3b9,0 0 16px #9456ec72!important;transition:box-shadow .16s,transform .16s,filter .16s}
#infiniteBook :is(.ib-action,.ib-next,.ib-build-link,.ib-research-branch):hover,#infiniteBook :is(.ib-action,.ib-next,.ib-build-link,.ib-research-branch):focus-visible{box-shadow:0 0 0 2px #fcf3ff,0 0 25px #bb89ff!important;filter:brightness(1.1)}
#infiniteBook .ib-status{color:#d7c2f3!important;margin:8px 16px!important}
@media(max-width:390px){#infiniteBook .ib-asteroid-hero,#infiniteBook .ib-asteroid-copy{min-height:246px}#infiniteBook .ib-asteroid-rock{width:148px;right:-18px}#infiniteBook .ib-asteroid-copy{padding:17px 12px 18px}#infiniteBook .ib-title{font-size:21px!important}#infiniteBook .ib-illustration-actions button{font-size:9px!important;padding:6px!important}}
@media(prefers-reduced-motion:reduce){#infiniteBook :is(.ib-action,.ib-next,.ib-build-link,.ib-research-branch){transition:none}}

/* Keep picture controls out of the transparent image underlay so they're tappable. */
#infiniteBook .ib-illustration-actions{position:static!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;margin:8px 15px 10px}
#infiniteBook .ib-illustration-actions[hidden]{display:none!important}
#infiniteBook .ib-illustration-actions button{font-size:11px!important;min-height:40px!important;padding:8px 12px!important;background:#f4eaff!important;color:#261341!important;border-color:#c5a1fd!important;box-shadow:0 0 16px #ac72ff80!important}

/* Visible Asteroid research state: no empty invisible card during GPT calls. */
#infiniteBook .ib-story[data-ready="false"] .ib-details,
#infiniteBook .ib-story[data-ready="false"] .ib-research-branches,
#infiniteBook .ib-story[data-ready="false"] .ib-actions,
#infiniteBook .ib-story[data-ready="false"] .ib-build,
#infiniteBook .ib-story[data-ready="false"] .ib-illustration-actions{display:none!important}
#infiniteBook .ib-story[data-ready="false"] .ib-title{max-width:86%}
#infiniteBook .ib-story[data-ready="false"] .ib-summary{font-weight:650;color:#e3d7f3!important}
#infiniteBook[aria-busy="true"] .ib-asteroid-rock{filter:drop-shadow(0 0 22px #b782ffc9) drop-shadow(0 0 32px #b19bff73)}

/* Distinct products: the original Infinity Reads & Realms home opener is NOT an Asteroid. */
#infiniteBook[data-context="home"] .ib-asteroid-rock,
#infiniteBook[data-context="home"] .ib-research-branches{display:none!important}
/* Home is NOT an asteroid, but it must show its independently generated image. */
#infiniteBook[data-context="home"] .ib-illustration:not([hidden]){display:block!important}
#infiniteBook[data-context="home"] .ib-illustration-actions:not([hidden]){display:flex!important}
#infiniteBook[data-context="home"] .ib-asteroid-shade{background:linear-gradient(0deg,#140c27f2 0%,#1d133bbd 42%,#24184047 100%)}
#infiniteBook[data-context="home"] .ib-story{background:linear-gradient(145deg,#34195d,#170e37)!important;border:1px solid #c297ff!important;box-shadow:0 0 0 1px #d3acff5c,0 0 26px #b175ff78,0 12px 30px #25134779!important}
#infiniteBook[data-context="home"] .ib-asteroid-hero{background:radial-gradient(circle at 83% 13%,#8251d67a,transparent 36%),linear-gradient(145deg,#512987,#281445 72%,#1b1038);min-height:250px}
#infiniteBook[data-context="home"] .ib-asteroid-hero::before{background-image:radial-gradient(circle,#f5dcffaf 1px,transparent 2px);background-size:52px 56px;opacity:.26}
#infiniteBook[data-context="home"] .ib-asteroid-copy{min-height:250px;padding:19px 16px 21px;justify-content:flex-end}
#infiniteBook[data-context="home"] .ib-asteroid-label{background:#ead3ff;color:#3d186a;border:1px solid #c99afa;font-weight:900;letter-spacing:.06em}
#infiniteBook[data-context="home"] .ib-title{max-width:100%;font-size:clamp(20px,5.2vw,27px)!important}
#infiniteBook[data-context="home"] .ib-category{background:#ffffff1b!important}
#infiniteBook[data-context="home"] .ib-head strong{font-size:11px;max-width:65%;line-height:1.5;letter-spacing:.035em}
#infiniteBook[data-context="home"] .ib-story[data-ready="false"] .ib-actions{display:grid!important}
#infiniteBook[data-context="search"]{display:block;margin-top:19px;margin-bottom:17px}
#result:has(> #infiniteBook) {overflow:visible}
#infiniteBook[data-context="search"] .ib-head{margin-top:13px}
@media(max-width:390px){#infiniteBook[data-context="home"] .ib-asteroid-hero,#infiniteBook[data-context="home"] .ib-asteroid-copy{min-height:150px}}

/* Asteroid means a striking story, not an astronomy requirement or a rock poster. */
#infiniteBook[data-context="search"] .ib-asteroid-rock{display:none!important}
#infiniteBook[data-context="search"] .ib-asteroid-hero{background:linear-gradient(135deg,#3f164b,#a3323a 56%,#d47c2a)!important}
