:root{font-family:DM Sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182033;background:#fbfcff;font-synthesis:none;--ink: #253049;--muted: #8a96aa;--faint: #a7b0c0;--line: rgba(139, 154, 182, .18);--affect: #9fe3ea;--affect-confidence: .6}*{box-sizing:border-box}html,body,#entity-root{width:100%;height:100%;margin:0}#entity-root canvas{display:block;width:100%;height:100%}body{overflow:hidden;background:radial-gradient(circle at 50% 42%,#fff 0,#fbfdff 44%,#f4f7fc)}button{font:inherit}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.experience{position:relative;width:100vw;height:100svh;min-height:600px;overflow:hidden}.experience:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(151,222,255,.07),transparent 30%,transparent 70%,rgba(198,176,255,.06));mix-blend-mode:multiply}.brand{position:absolute;z-index:4;top:34px;left:42px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.brand-mark{width:19px;height:19px;border-radius:48% 52% 55% 45%;background:linear-gradient(135deg,#80e8f5,#99a3ff 58%,#f2b9ee);box-shadow:inset -3px -2px 5px #fffc,0 4px 13px #6a91d240;transform:rotate(-18deg)}.entity-stage{position:absolute;inset:0}.entity-stage:after{content:"";position:absolute;left:50%;bottom:14%;width:min(42vw,620px);height:55px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(122,163,206,.17),rgba(175,196,225,.07) 45%,transparent 72%);filter:blur(11px);pointer-events:none}.perception-indicators{position:absolute;z-index:3;top:34px;right:42px;display:flex;flex-direction:column;align-items:flex-end;gap:7px;pointer-events:none}.pi{font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);opacity:0;transform:translateY(-3px);transition:opacity .6s,transform .6s,color .6s}.pi.on{opacity:.92;transform:none}#pi-presence.on{color:#4b7f95}#pi-attention.on{color:#6f7fd6}.cognition-overlay{position:absolute;z-index:3;left:50%;bottom:5%;transform:translate(-50%);width:min(560px,94vw);text-align:center;pointer-events:none}.situation-trail{position:absolute;left:0;right:0;bottom:100%;padding-bottom:8px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);opacity:0}.situation-trail.rise{animation:trailRise 1.7s cubic-bezier(.2,.7,.3,1) forwards}@keyframes trailRise{0%{opacity:.75;transform:translateY(12px)}65%{opacity:.3}to{opacity:0;transform:translateY(-20px)}}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--faint)}.situation-row{display:flex;align-items:baseline;justify-content:center;gap:11px;margin-top:7px}.situation-title{margin:0;color:var(--ink);font-size:21px;font-weight:500;letter-spacing:-.025em}.situation-title.swap{animation:titleSwap .75s cubic-bezier(.2,.7,.3,1)}@keyframes titleSwap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.situation-confidence{font-size:11.5px;color:#7f8ca3}.evidence{margin-top:6px;min-height:15px;font-size:10.5px;color:var(--muted);letter-spacing:.02em}.ambiguity{display:inline-block;margin-top:12px;padding:10px 16px 11px;min-width:min(300px,86vw);border:1px solid var(--line);border-radius:15px;background:#ffffff8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #617aa414}.ambiguity[hidden]{display:none}.ambiguity-label{margin-bottom:8px;font-size:8px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#9aa4b5;animation:resolvePulse 2.4s ease-in-out infinite}@keyframes resolvePulse{0%,to{opacity:.65}50%{opacity:1}}.hypothesis{display:flex;align-items:center;gap:9px;text-align:left}.hypothesis+.hypothesis{margin-top:7px}.hypothesis span{width:118px;font-size:8.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#66738a}.hypothesis i{flex:1;height:3px;border-radius:3px;background:#8b9ab629;overflow:hidden}.hypothesis i b{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#8cecff,#9aa3ff);transition:width .8s cubic-bezier(.22,.61,.36,1)}.hypothesis em{width:32px;font-size:9.5px;font-style:normal;color:#8a96aa;text-align:right}.gb-row{display:flex;justify-content:center;gap:46px;margin-top:15px}.gb{display:flex;flex-direction:column;align-items:center;gap:4px}.gb span{font-size:8px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--faint)}.gb b{font-size:12.5px;font-weight:500;color:#3c4a66;letter-spacing:-.01em;transition:opacity .4s}.gb b.swap{animation:titleSwap .6s cubic-bezier(.2,.7,.3,1)}.affect{display:flex;flex-direction:column;gap:9px;width:100%;margin-top:16px;padding-top:13px;border-top:1px solid rgba(139,154,182,.14);opacity:calc(.42 + var(--affect-confidence) * .58);transition:opacity 1s}.affect-row{display:flex;align-items:center;justify-content:center;gap:10px}.affect-title{width:86px;font-size:8px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);text-align:right}.spectrum{display:flex;align-items:center;gap:8px}.spectrum-label{width:34px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);text-align:center}.spectrum-label.ghost,.confidence-note.ghost{visibility:hidden}.spectrum-track{position:relative;width:min(210px,38vw);height:3px;border-radius:3px;background:linear-gradient(90deg,#93a4ff,#8cecff 38%,#c7a7ff 58%,#ffd9b0 80%,#ff9d86)}.spectrum-dot{position:absolute;top:50%;left:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--affect);box-shadow:0 0 0 3px #ffffffeb,0 2px 10px #5a6ea04d;transition:left .9s cubic-bezier(.22,.61,.36,1),background .9s}.affect-value{width:44px;font-size:11px;color:#5c6a84;text-align:left}.confidence-note{width:66px;font-size:9px;color:#a0a9ba;text-align:left}.spectrum-track.arousal{background:#8b9ab629;overflow:hidden}.arousal-fill{height:100%;width:12%;border-radius:3px;background:linear-gradient(90deg,#9adcf0,#9aa3ff);transition:width .9s cubic-bezier(.22,.61,.36,1)}.enable-sensing{position:absolute;z-index:6;left:50%;bottom:34px;transform:translate(-50%);padding:11px 18px;border:1px solid rgba(121,145,180,.24);border-radius:999px;background:#ffffffd9;color:#42516a;font-size:11px;font-weight:600;box-shadow:0 10px 35px #617aa41f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;transition:opacity .6s,transform .3s,box-shadow .3s}.enable-sensing:hover{transform:translate(-50%) translateY(-1px);box-shadow:0 12px 38px #617aa42e}.enable-sensing[hidden]{display:none}.sensing-complete .enable-sensing{opacity:0;pointer-events:none}.mic-note{position:absolute;z-index:4;left:42px;bottom:34px;max-width:330px;margin:0;color:#a1a9b7;font-size:9.5px;letter-spacing:.03em;transition:opacity .6s}.mic-note.dim{opacity:.55}.mic-note.error{color:#ad5268}.camera-frame{position:absolute;z-index:6;right:16px;bottom:16px;width:150px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;border:1px solid rgba(139,154,182,.28);background:#eef2f8;box-shadow:0 10px 30px #5a6ea029;opacity:0;transform:translateY(6px) scale(.97);transition:opacity .5s,transform .5s;pointer-events:none}.inspector-open .camera-frame.on{opacity:1;transform:none}.camera-frame video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);filter:saturate(.7) contrast(.97)}.bbox{position:absolute;border:1.5px solid rgba(126,226,255,.95);border-radius:5px;box-shadow:0 0 10px #7ee2ff73,inset 0 0 12px #7ee2ff1f;opacity:0;transition:opacity .3s,left .12s linear,top .12s linear,width .12s linear,height .12s linear}.bbox.on{opacity:1}.inspector{position:absolute;z-index:7;top:64px;right:16px;bottom:190px;width:340px;padding:15px 16px 18px;border:1px solid var(--line);border-radius:18px;background:#ffffffbd;box-shadow:0 18px 50px #55699624;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;display:none;font-size:10.5px;color:#5d6a82}.inspector.open{display:block;animation:slideIn .38s cubic-bezier(.2,.7,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}}.inspector header{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.inspector header span{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#3c4a66}.inspector header em{font-style:normal;font-size:9px;font-weight:700;border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:#8a96aa;background:#fff}.chain{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px}.chain span{font-size:7px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:3px 6px;border-radius:6px;background:#8cecff21;border:1px solid rgba(120,190,220,.24);color:#4d7f95}.chain i{font-style:normal;font-size:9px;color:#b9c1cf}.inspector section{margin-top:13px;padding-top:11px;border-top:1px solid rgba(139,154,182,.12)}.inspector h2{display:flex;justify-content:space-between;margin:0 0 8px;font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#98a2b3}.inspector h2 i{font-style:normal;font-size:7.5px;font-weight:500;letter-spacing:.04em;text-transform:none;color:#b3bccc}.events{display:flex;flex-direction:column;gap:4px;max-height:108px;overflow:hidden}.event{display:flex;gap:9px;font-family:ui-monospace,Menlo,monospace;font-size:9px;color:#7a8598;animation:eventIn .5s}.event time{color:#aeb6c4}.event:first-child{color:#3f5170;font-weight:600}@keyframes eventIn{0%{opacity:0;transform:translateY(-4px)}}.bar{display:grid;grid-template-columns:1fr 66px 34px;gap:8px;align-items:center;margin-bottom:6px}.bar label{font-size:8.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7c879c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar i{position:relative;height:4px;border-radius:4px;background:#8b9ab626;overflow:hidden}.bar i b{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:4px;background:linear-gradient(90deg,#8cecff,#9aa3ff);transition:width .7s cubic-bezier(.22,.61,.36,1)}.bar em{font-style:normal;font-family:ui-monospace,Menlo,monospace;font-size:9px;color:#8a96aa;text-align:right}.kv{display:grid;grid-template-columns:1fr auto;gap:5px 10px;font-size:9.5px}.kv span{color:#8b95a9;letter-spacing:.05em}.kv b{font-family:ui-monospace,Menlo,monospace;font-weight:500;color:#4a5872;text-align:right}.note{margin-top:8px;font-size:9px;line-height:1.55;color:#9aa4b5}.dev-only{display:none!important}.dev-mode .dev-only{display:flex!important}.dev-mode .context-picker{top:116px}.controls{position:absolute;z-index:5;left:50%;bottom:30px;transform:translate(-50%);display:flex;align-items:center;gap:10px}.state-picker{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#ffffffbd;box-shadow:0 10px 35px #617aa41a,inset 0 1px #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.state-button,.mic-button{border:0;cursor:pointer;color:#7d879a;transition:color .25s,background .25s,box-shadow .25s,transform .2s}.state-button{padding:8px 14px;border-radius:999px;background:transparent;font-size:11px;font-weight:600;letter-spacing:.035em}.state-button:hover{color:#40506d}.state-button.active{color:#293754;background:#fff;box-shadow:0 3px 12px #586f971f}.mic-button{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffbd;font-size:11px;font-weight:600;box-shadow:0 10px 35px #617aa41a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mic-button:hover{color:#40506d;transform:translateY(-1px)}.mic-icon{position:relative;width:8px;height:12px;border:1.5px solid currentColor;border-radius:6px}.mic-icon:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:6px;transform:translate(-50%);border:1.5px solid currentColor;border-top:0;border-radius:0 0 7px 7px}.dev-mode .enable-sensing{bottom:84px}.dev-mode .cognition-overlay{bottom:4%}.context-picker{position:absolute;z-index:5;top:34px;right:42px;display:flex;align-items:center;gap:5px;color:#9aa4b5;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.context-button{padding:6px 9px;border:0;border-radius:999px;background:transparent;color:#8993a5;font-size:9px;cursor:pointer;transition:.3s}.context-button:hover,.context-button.active{color:#40516d;background:#ffffffb8;box-shadow:0 3px 14px #5c749e1a}.dev-mode .perception-indicators{top:116px}.exhibit .mic-note{opacity:.5}.exhibit .enable-sensing{font-size:12px;padding:13px 22px}@media(max-width:700px){.brand{top:24px;left:24px}.experience{min-height:520px}.perception-indicators{top:24px;right:20px}.cognition-overlay{bottom:4%;width:94vw}.situation-title{font-size:18px}.gb-row{gap:26px}.affect-title{width:70px}.spectrum-label{width:26px}.mic-note{left:20px;bottom:24px;max-width:240px}.enable-sensing{bottom:26px}.controls{bottom:24px;gap:7px}.state-button{padding:8px 10px}.mic-button{padding:10px}.mic-label{display:none}.context-picker{top:64px;right:18px}.context-picker>span{display:none}.context-button{padding:6px}.inspector{inset:auto 10px 10px;width:auto;max-height:52svh}.camera-frame{display:none}}@media(prefers-reduced-motion:reduce){.state-button,.mic-button,.spectrum-dot,.arousal-fill,.hypothesis i b,.bar i b{transition:none}.situation-trail.rise,.situation-title.swap,.gb b.swap,.event,.inspector.open{animation:none}}