:root{--bg:#05070f;--ink:#fff;--ink-body:#ffffffe0;--ink-muted:#ffffff8c;--ink-dim:#ffffff4d;--red:#e03a2f;--mono:"Space Mono", ui-monospace, monospace;--display:"Archivo Black", sans-serif;--edge:#ffffff24;--panel-1:#0d1424;--panel-2:#182449}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--mono);background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;min-height:100vh}a{color:inherit;text-decoration:none}#backdrop{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.pill{font-family:var(--mono);letter-spacing:.08em;color:var(--ink);cursor:pointer;background:#0d1424b8;border:1.5px solid #fff6;border-radius:100px;justify-content:center;align-items:center;padding:.85rem 1.4rem;font-size:clamp(.7rem,1.8vw,.85rem);transition:border-color .25s,background .25s,color .25s;display:inline-flex}.pill:hover{border-color:var(--red);background:#e03a2f1f}.pill:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-color:var(--red)}.pill .arrow{margin-right:.5em}.pill.back{padding:.8rem 1rem}.pill.back .arrow{margin-right:0}.pill.back .alien{opacity:0;width:0;margin-left:0;transition:transform .34s cubic-bezier(.2,.8,.3,1),opacity .22s,width .34s,margin-left .34s;display:flex;transform:translateY(115%)}.pill.back:hover .alien,.pill.back:focus-visible .alien{opacity:1;width:17px;margin-left:.5em;transform:translateY(0)}.pill.back .alien-arm{transform-origin:20.5px 16.5px}.pill.back:hover .alien-arm,.pill.back:focus-visible .alien-arm{animation:.55s ease-in-out .24s 3 alienWave}@keyframes alienWave{0%,to{transform:rotate(0)}50%{transform:rotate(-42deg)}}.tool-page-nav{z-index:20;align-items:center;padding:1rem clamp(1.25rem,6vw,4rem);display:flex;position:fixed;top:0;left:0;right:0}.tool-page{z-index:1;justify-content:center;min-height:100vh;padding:6.5rem clamp(1.25rem,6vw,4rem) 4rem;display:flex;position:relative}.tool-page-body{align-items:flex-start;gap:3.5rem;width:min(1080px,100%);display:flex}.tool-page-diagram-wrap{flex:none;width:min(380px,40vw);position:sticky;top:6.5rem}.stage-diagram{width:100%;height:auto;color:var(--ink);cursor:pointer;overflow:visible}#toolContent{opacity:0;flex-direction:column;flex:1;gap:1.4rem;min-width:0;transition:opacity .28s,transform .28s;display:flex;transform:translateY(10px)}#toolContent.show{opacity:1;transform:translateY(0)}.tool-title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;text-align:left;font-size:clamp(1.4rem,3.4vw,2.1rem);line-height:1.1}.tool-attribution{color:var(--ink-muted);text-align:left;margin-top:-.7rem;font-size:.8rem}.tool-section h3{letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:.4rem;font-size:.68rem}.tool-section p{color:var(--ink-body);font-size:.92rem;line-height:1.65}.tool-source{color:var(--ink-muted);border-top:1px solid var(--edge);flex-direction:column;gap:.4rem;padding-top:1.1rem;font-size:.8rem;display:flex}.tool-source a{color:var(--ink-muted);text-underline-offset:3px;text-decoration:underline;transition:color .2s}.tool-source a:hover,.tool-source a:focus-visible{color:var(--red)}@media (width<=760px){.tool-page{padding:5.5rem 1.25rem 3rem}.tool-page-body{flex-direction:column;gap:1.6rem}.tool-page-diagram-wrap{width:min(320px,88vw);margin:0 auto;position:static}}.venn-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;fill:var(--red);opacity:0;font-size:9px;transition:opacity .3s}.venn-label.show{opacity:1}.tool-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;fill:var(--red);opacity:0;font-size:9px;transition:opacity .3s}.tool-label.show{opacity:1}.tool-label.neutral{fill:var(--ink-body)}.tool-label.dim.show{opacity:.55}.tool-label-num{font-family:var(--mono);letter-spacing:.08em;fill:var(--red);opacity:0;font-size:7px;transition:opacity .3s}.tool-label-num.show{opacity:1}.oct-label{font-size:6.6px}.bmc-label{letter-spacing:.04em;font-size:3.6px}.muda-label,.vcm-label{font-size:7.2px}.sbp2-row-label{letter-spacing:.02em;fill:var(--ink-body);font-size:4.6px}.sbp2-band-label{letter-spacing:.08em;text-transform:uppercase;fill:var(--red);font-size:5px}.sbp2-header-label{letter-spacing:.12em;font-size:6px}.sbp2-marker-num{fill:var(--red);font-size:5px;font-weight:700}.emp2-panel-label{letter-spacing:.02em;text-transform:uppercase;fill:var(--red);font-size:5px}@media (width<=760px){.muda-dashed-label{font-size:5px}.muda-label{font-size:5.8px}}.stakemap-ring-label{letter-spacing:.14em;font-size:6px}.stakemap-node-label{letter-spacing:.02em;font-size:3.3px}.reflect-label{letter-spacing:.08em;font-size:8px}.reflect-sublabel{letter-spacing:.02em;font-size:4.4px}.reflect-arc-label{letter-spacing:.1em;font-size:6px}.reflect-arc-sublabel{letter-spacing:.02em;font-size:4px}.lotus-letter{letter-spacing:.04em;font-size:4.4px}.squiggle-band-label{letter-spacing:.1em;font-size:5px}.squiggle-marker-label{letter-spacing:.06em;font-size:4.4px}.sixbysix-question{letter-spacing:.08em;font-size:5.5px}.tri-centre-line{font-family:var(--mono);letter-spacing:.03em;fill:var(--ink-body);font-size:8px}.curve-prompt-circles{transform-origin:50%}@keyframes pulseIn{0%{opacity:0;transform:scale(0)}65%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pill.back{animation:none}#toolContent,.venn-label,.tool-label,.tool-label-num{transition-duration:.01ms}.curve-prompt-circles{animation:none!important}}
