/* Progressive disclosure keeps the canvas open and the explanations hands-on. */
.prompt-input-area{position:relative}
.prompt-ghost{position:absolute;inset:0;pointer-events:none;color:#8ea4c3;font-size:20px;line-height:1.65;padding:0;overflow:hidden}
.prompt-ghost[hidden]{display:none}
.typing-caret{display:inline-block;width:2px;height:1em;margin-left:3px;background:#b4d593;vertical-align:-.12em;animation:prompt-blink 1s steps(1) infinite}
.typing-paused .typing-caret{animation:none;opacity:.55}
@keyframes prompt-blink{50%{opacity:0}}
.system-node .inspect-cue{opacity:.7;font-size:10px;border:1px solid #93b5db80;border-radius:50%;width:15px;height:15px;line-height:13px;text-align:center;right:5px;bottom:4px;top:auto}
.curtain-cue{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);white-space:nowrap;padding:7px 10px;border:1px solid #9cbae54d;border-radius:7px;background:#172a43;color:#d8e8ff;font-size:11px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 8px 18px #0005}
.system-node:hover,.system-node:focus-visible{z-index:10}
.system-node:hover .curtain-cue,.system-node:focus-visible .curtain-cue{opacity:1;transform:translate(-50%,0)}
dialog.inspector,#idea-node-dialog{width:min(700px,calc(100vw - 40px))!important}
.backstage{margin:24px 0 20px}
.backstage-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.backstage-nav button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:48px;border:1px solid #91b2dd26;border-radius:10px;padding:10px 8px;background:#0c192b;color:#91a7c6;font-size:12px;line-height:1.4}
.backstage-nav button span{color:#6e89b0;font-size:10px}
.backstage-nav button[aria-pressed="true"]{background:#2c4774;color:#edf4ff;border-color:#8cadde8c;box-shadow:0 0 22px #71a8ff16}
.backstage-nav button[aria-pressed="true"] span{color:#d6f59a}
.backstage-stage{min-height:290px;border:1px solid #8eadd137;border-radius:16px;padding:26px;background:radial-gradient(ellipse at 50% 0,#436daf29,transparent 65%),radial-gradient(#7195bd2b .65px,transparent .65px),#0b1728;background-size:auto,15px 15px,auto}
.backstage-orbit{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 0 24px}
.backstage-orbit>b{display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;border-radius:17px;border:1px solid #9cbced9c;background:linear-gradient(140deg,#3d5c91,#203651);font-size:22px;font-weight:500;box-shadow:0 0 0 7px #8dafed08,0 0 40px #759eeb24;color:#d9e8ff}
.backstage-orbit>i{height:1px;flex:1;max-width:100px;background:linear-gradient(90deg,transparent,#8db9f5)}
.backstage-orbit>i:last-child{transform:rotate(180deg)}
.stage-2 .backstage-orbit>b{border-color:#bdd59580;background:linear-gradient(140deg,#3e5134,#223b33);color:#d6f59a}
.backstage-kicker{display:block;text-align:center;font-size:10px;letter-spacing:1.6px;color:#9db6d9;margin-bottom:18px}
.backstage-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.backstage-facts>div{padding:13px 15px;background:#17304a70;border:1px solid #9ebadc20;border-radius:9px;min-width:0}
.backstage-facts>div:first-child:last-child{grid-column:1/-1}
.backstage-facts dt{font-size:11px;color:#87a3c8;margin-bottom:5px}
.backstage-facts dd{font-size:14px;line-height:1.7;color:#d5e3f7;margin:0;overflow-wrap:anywhere;white-space:pre-line}
.backstage .backstage-explanation{font-size:18px;line-height:1.85;color:#d2e3fa;text-align:center;max-width:490px;margin:12px auto 22px}
.backstage-evidence{padding:17px 20px;border:1px solid #bdd59538;background:#b1cd8f09;border-radius:10px}
.backstage-evidence>span{color:#b3c798;letter-spacing:1px;font-size:10px}
.backstage .backstage-evidence>p{font-size:15px;line-height:1.8;color:#d7e6db;margin:8px 0 0;overflow-wrap:anywhere}
.backstage-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}
.backstage-links>span{flex-basis:100%;font-size:11px;text-align:center;color:#829dbf;margin-bottom:3px}
.backstage-links>button{display:flex;gap:15px;align-items:center;justify-content:space-between;border:1px solid #92b6e34d;border-radius:30px;background:#223b5b8c;color:#c8dcf6;padding:10px 14px;min-height:44px;font-size:12px}
.backstage-links>button:hover{background:#34557d;border-color:#a0c3f2}
.backstage .backstage-caption{font-size:12px;color:#8fa6c6;line-height:1.7;text-align:center;margin:20px 0 0}
.backstage-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 2px 0}
.backstage .backstage-foot p{font-size:11px;line-height:1.7;color:#8299b8;margin:0;max-width:280px}
.backstage-foot button{font-size:12px;white-space:nowrap;min-height:44px;color:#d6f59a}
@media(prefers-reduced-motion:no-preference){.backstage-stage{animation:backstage-reveal .4s ease-out}@keyframes backstage-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(max-width:800px){.prompt-ghost{font-size:19px}}
@media(max-width:600px){.prompt-ghost{font-size:17px;line-height:1.75}.backstage-nav{gap:5px}.backstage-nav button{flex-direction:column;gap:5px;font-size:11px;min-height:58px;padding:8px 3px}.backstage-stage{padding:23px 16px;min-height:300px}.backstage-facts{grid-template-columns:1fr}.backstage-facts dd{font-size:14px}.backstage .backstage-explanation{font-size:16px}.backstage-foot{gap:12px;align-items:flex-start}.backstage .backstage-foot p{max-width:170px}.backstage-foot button{font-size:11px}.backstage{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.typing-caret{animation:none}.curtain-cue{transition:none}.backstage-stage{animation:none}}