:root{--bg: #0b0a1f;--bg-2: #12102e;--panel: rgba(30, 27, 75, .55);--panel-solid: #1a1840;--ink: #e9e7ff;--ink-dim: #a29ec9;--ink-faint: #6b679a;--teal: #5eead4;--teal-dim: #2dd4bf;--amber: #fbbf24;--blue: #60a5fa;--line: rgba(148, 163, 184, .16);--danger: #fca5a5;--radius: 16px;--mono: "Space Mono", ui-monospace, SFMono-Regular, monospace;--sans: "Inter", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 800px at 75% -10%,rgba(94,234,212,.08),transparent 60%),radial-gradient(900px 700px at 10% 110%,rgba(96,165,250,.1),transparent 55%),var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{min-height:100%;display:flex;flex-direction:column;align-items:center}.screen{width:100%;max-width:720px;padding:24px 18px 64px;animation:rise .5s var(--ease) both}.screen--wide{max-width:1040px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.brand{text-align:center;margin:28px 0 8px}.brand h1{font-family:var(--mono);font-weight:700;letter-spacing:.42em;font-size:clamp(34px,9vw,58px);margin:0;padding-left:.42em;background:linear-gradient(120deg,var(--teal),var(--blue) 60%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}.brand p{color:var(--ink-dim);font-size:14px;margin:8px 0 0;letter-spacing:.02em}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin:14px 0}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.mono{font-family:var(--mono)}.center{text-align:center}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grow{flex:1}button{font-family:var(--sans);font-size:15px;font-weight:600;cursor:pointer;color:var(--ink);background:#94a3b81a;border:1px solid var(--line);border-radius:12px;padding:12px 18px;transition:transform .12s var(--ease),background .2s,border-color .2s,opacity .2s}button:hover:not(:disabled){transform:translateY(-1px);background:#94a3b82e}button:active:not(:disabled){transform:translateY(0) scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(120deg,var(--teal-dim),var(--blue));border:none;color:#06121a}button.amber{background:linear-gradient(120deg,var(--amber),#f59e0b);border:none;color:#2a1c00}button.ghost{background:transparent}button.wide{width:100%}input,textarea{font-family:var(--sans);font-size:16px;color:var(--ink);width:100%;background:#0b0a1f80;border:1px solid var(--line);border-radius:12px;padding:13px 15px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--teal-dim);box-shadow:0 0 0 3px #2dd4bf26}textarea{resize:none;line-height:1.5}label.field{display:block;font-size:13px;color:var(--ink-dim);margin:0 0 6px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:#94a3b814}.pill.amber{color:var(--amber);border-color:#fbbf2466}.pill.blue{color:var(--blue);border-color:#60a5fa66}.pill.teal{color:var(--teal);border-color:#5eead466}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.on{background:var(--teal);box-shadow:0 0 8px var(--teal)}.dot.off{background:var(--ink-faint)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;color:#0b0a1f;flex:0 0 auto}.role-banner{border-radius:var(--radius);padding:14px 18px;margin:10px 0 18px;border:1px solid var(--line)}.role-banner.architect{background:linear-gradient(120deg,rgba(251,191,36,.14),transparent);border-color:#fbbf2459}.role-banner.echo{background:linear-gradient(120deg,rgba(96,165,250,.14),transparent);border-color:#60a5fa59}.role-banner .role{font-family:var(--mono);letter-spacing:.2em;font-size:13px}.role-banner.architect .role{color:var(--amber)}.role-banner.echo .role{color:var(--blue)}.graph-wrap{position:relative;width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.graph-svg{width:100%;display:block;border-radius:var(--radius);background:radial-gradient(700px 500px at 50% 0%,rgba(94,234,212,.05),transparent 70%),#0b0a1f8c;border:1px solid var(--line)}.gnode-circle{fill:#5eead424;stroke:var(--teal);stroke-width:2;transition:fill .2s,stroke .2s}.gnode-circle.selected{fill:#5eead44d;filter:drop-shadow(0 0 10px rgba(94,234,212,.6))}.gnode-circle.echo{stroke:var(--blue);fill:#60a5fa24}.gnode-circle.echo.selected{fill:#60a5fa4d;filter:drop-shadow(0 0 10px rgba(96,165,250,.6))}.gedge{stroke:#94a3b880;stroke-width:2}.gedge.echo{stroke:#60a5fa73}.gedge-label{fill:var(--ink-dim);font-size:11px;font-family:var(--mono)}.gnode-label{fill:var(--ink);font-size:13px;font-weight:600;text-anchor:middle;pointer-events:none}.gnode-ghost{fill:var(--ink-faint);font-style:italic}.signal-log{max-height:320px;overflow-y:auto}.signal-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);animation:fade .4s var(--ease) both}.signal-row .qmeta{font-size:12px;color:var(--ink-faint);font-family:var(--mono)}.signal-row .qtext{font-size:14px;color:var(--ink-dim);margin:2px 0 0}.signal-chip{flex:0 0 auto;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-family:var(--mono);border:1px solid var(--line);background:#0b0a1f80;animation:pop .35s var(--ease) both}.signal-chip.colour{font-size:0}.signal-chip.word{font-size:15px;font-weight:700;color:var(--teal)}.signal-chip.number{font-size:26px;font-weight:700;color:var(--amber)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tab{font-size:13px;padding:8px 14px;border-radius:999px}.tab.active{background:linear-gradient(120deg,var(--amber),#f59e0b);color:#2a1c00;border:none}.swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.swatch{aspect-ratio:1;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:transform .12s var(--ease)}.swatch:hover{transform:scale(1.08)}.swatch.sel{border-color:var(--ink)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.emoji-btn{font-size:24px;padding:8px;background:#0b0a1f66}.emoji-btn.sel{background:#fbbf2440}.num-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.num-btn{font-family:var(--mono);font-size:18px;font-weight:700}.num-btn.sel{background:linear-gradient(120deg,var(--amber),#f59e0b);color:#2a1c00;border:none}.reveal-grid{display:grid;gap:18px;grid-template-columns:1fr}@media (min-width: 760px){.reveal-grid{grid-template-columns:1fr 1fr}}.reveal-card{animation:revealIn .7s var(--ease) both}@keyframes revealIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.score-big{font-family:var(--mono);font-weight:700;font-size:44px;line-height:1}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;animation:pop .5s var(--ease) both}.badge.closest{background:linear-gradient(120deg,var(--teal),var(--blue));color:#06121a}.badge.original{background:linear-gradient(120deg,var(--amber),#f9a8d4);color:#2a1c00}.bar{height:8px;border-radius:999px;background:#94a3b829;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--blue));transition:width 1s var(--ease)}.score-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.score-row .total{margin-left:auto;font-family:var(--mono);font-weight:700;font-size:20px}.privacy{min-height:70vh;display:grid;place-items:center;text-align:center}.privacy .big{font-family:var(--mono);font-size:30px;letter-spacing:.1em;margin:10px 0}.turn-banner{text-align:center;font-size:14px;color:var(--ink-dim);padding:10px}.turn-banner b{color:var(--teal)}.waiting{display:grid;place-items:center;min-height:40vh;text-align:center;gap:14px}.spinner{width:38px;height:38px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--teal);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--panel-solid);border:1px solid var(--danger);color:var(--danger);padding:12px 18px;border-radius:12px;z-index:50;animation:rise .3s var(--ease)}.kbd{font-family:var(--mono);font-size:12px;background:#94a3b81f;padding:2px 7px;border-radius:6px}a.link{color:var(--teal);cursor:pointer}.divider{height:1px;background:var(--line);margin:18px 0}.audio-toggle{position:fixed;top:14px;right:14px;z-index:40;width:40px;height:40px;border-radius:50%;padding:0;display:grid;place-items:center;font-size:16px}.confidence{display:flex;align-items:center;gap:10px}.confidence input[type=range]{flex:1;accent-color:var(--blue)}.share-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);width:100%;display:block}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px}.gnode-circle:focus-visible{outline:none;stroke-width:4}.turn-indicator{display:flex;align-items:center;gap:10px;justify-content:center;font-size:16px;font-weight:700;text-align:center;padding:14px 16px;border-radius:var(--radius);margin:8px 0;border:1px solid var(--line);background:#5eead414}.turn-indicator .who{color:var(--teal)}.turn-indicator.you{background:linear-gradient(120deg,#5eead42e,#60a5fa24);border-color:#5eead480}.privacy-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--teal)}.readonly-tag{font-size:11px;color:var(--ink-faint);border:1px solid var(--line);padding:2px 8px;border-radius:999px}.nudge{margin:10px 0;padding:12px 16px;border-radius:12px;font-size:14px;background:#fbbf241a;border:1px solid rgba(251,191,36,.35);color:var(--amber);animation:fade .6s var(--ease) both}.help-fab{position:fixed;top:14px;right:64px;z-index:40;width:40px;height:40px;border-radius:50%;padding:0;display:grid;place-items:center;font-size:16px;font-weight:700}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:18px;background:#05040fb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .25s var(--ease)}.overlay .sheet{width:100%;max-width:460px;max-height:86vh;overflow-y:auto;background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--radius);padding:24px;animation:rise .3s var(--ease)}.overlay h2{font-family:var(--mono);letter-spacing:.1em;margin:0 0 4px}.overlay ol{padding-left:20px;line-height:1.6}.overlay .role-card{border-radius:12px;padding:12px 14px;margin:10px 0;border:1px solid var(--line)}.overlay .role-card.a{background:linear-gradient(120deg,rgba(251,191,36,.12),transparent)}.overlay .role-card.e{background:linear-gradient(120deg,rgba(96,165,250,.12),transparent)}