.bn{--bn-claude:#d4683f;--bn-codex:#3a72d8;--bn-you:var(--anatomy-hi)}.iso:not([data-theme=light]) .bn{--bn-claude:#ec9068;--bn-codex:#78a8ff}.bn-card{--bn-box:#fbfbf9;--anatomy-paper:var(--bn-box);border:1px solid var(--hairline);background:var(--bn-box);border-radius:16px;padding:48px 28px;overflow:hidden}.iso:not([data-theme=light]) .bn-card{--bn-box:#080808}.bn-card .iso-svg{width:100%}.bn-bezel{fill:var(--anatomy-top)}.bn-glass{fill:var(--anatomy-shade-0)}.bn-glow{opacity:0;filter:blur(5px);transition:opacity .5s var(--anatomy-ease)}.bn-glow[data-who=claude]{fill:var(--bn-claude)}.bn-glow[data-who=codex]{fill:var(--bn-codex)}[data-state=working]>.bn-glow{opacity:.22}[data-state=woken]>.bn-glow{opacity:.12}.bn-scan{fill:none;stroke:var(--anatomy-faint);stroke-width:.5px;vector-effect:non-scaling-stroke;opacity:.7}.bn-text{fill:var(--anatomy-hi);font-family:var(--anatomy-mono);letter-spacing:.02em}.bn-text[data-dim]{fill:var(--anatomy-mid)}.bn-text[data-strong]{font-weight:600}.bn-slot{fill:var(--anatomy-shade-0)}.bn-lamp{opacity:0}.bn-lamp[data-who=claude]{fill:var(--bn-claude)}.bn-lamp[data-who=codex]{fill:var(--bn-codex)}.bn-socket{fill:var(--anatomy-shade-0);transition:fill .3s var(--anatomy-ease)}.bn-socket[data-live=on]{fill:var(--anatomy-hi)}.bn-plate{fill:var(--anatomy-top)}.bn-variant{display:none}[data-who=you]>.bn-variant[data-show=you],[data-who=claude]>.bn-variant[data-show=claude],[data-who=codex]>.bn-variant[data-show=codex]{display:inline}[data-who=you]{--bn-tab:var(--anatomy-mid)}[data-who=claude]{--bn-tab:var(--bn-claude)}[data-who=codex]{--bn-tab:var(--bn-codex)}.bn-tab>.iso-fill,.bn-tab>.iso-top{fill:var(--bn-tab)}.bn-tab>.iso-shade{fill:color-mix(in srgb, var(--bn-tab) 78%, #000)}.bn-rider-top[data-who=claude] path{fill:var(--bn-claude)}.bn-rider-top[data-who=codex] path{fill:var(--bn-codex)}.bn-cord,.bn-cable{stroke-width:1px}.bn-cable-live{stroke-width:1.4px;opacity:0;transition:opacity .35s var(--anatomy-ease)}[data-live=on]>.bn-cable-live{opacity:.85}[data-part=cable-claude]>.bn-cable-live{stroke:var(--bn-claude)}[data-part=cable-codex]>.bn-cable-live{stroke:var(--bn-codex)}[data-part=cable-you]>.bn-cable-live{stroke:var(--anatomy-hi)}[data-who=claude]>.bn-pulse,[data-who=claude]>.bn-pulse-halo{fill:var(--bn-claude)}[data-who=codex]>.bn-pulse,[data-who=codex]>.bn-pulse-halo{fill:var(--bn-codex)}[data-who=you]>.bn-pulse,[data-who=you]>.bn-pulse-halo{fill:var(--anatomy-hi)}.bn-pulse-halo{opacity:.28;filter:blur(2px)}.bn-hoist-line{stroke-width:.8px}.bn-soft{opacity:.4}@media (max-width:640px){.bn-card{padding:28px 0}.bn-card .iso-svg{width:128%;margin-left:-14%}}
.talk{--talk-travel:1.3s;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);width:100%;margin:0 auto}.talk-stage{grid-template-columns:auto 1fr auto;align-items:start;gap:0 16px;display:grid}.talk-agent{justify-items:center;gap:4px;width:104px;display:grid}.talk-tile{border:1px solid var(--hairline);background:var(--anatomy-page);border-radius:24px;place-items:center;width:92px;height:92px;margin-bottom:10px;display:grid;position:relative}.talk-logo{width:44px;height:44px}.talk-agent[data-who=codex] .talk-logo{color:var(--anatomy-strong)}.talk-name{color:var(--anatomy-strong);font-size:15px;font-weight:600}.talk-status{color:var(--anatomy-muted);font-family:var(--anatomy-mono);letter-spacing:.06em;font-size:11px;transition:color .2s}.talk-status[data-status=sending],.talk-status[data-status=reading],.talk-status[data-status=agreed]{color:var(--anatomy-strong)}.talk-ring{border:1px solid var(--talk-ring,var(--anatomy-mid));border-radius:inherit;opacity:0;pointer-events:none;animation:talk-ring .7s var(--ease-out);position:absolute;inset:-1px}.talk-agent[data-who=claude] .talk-ring{--talk-ring:var(--claude)}.talk-agent[data-who=codex] .talk-ring{--talk-ring:var(--anatomy-strong)}@keyframes talk-ring{0%{opacity:.6;transform:scale(.96)}to{opacity:0;transform:scale(1.16)}}.talk-track{height:92px;position:relative}.talk-rail{background:var(--hairline);height:1px;position:absolute;top:50%;left:0;right:0}.talk-rail:after{content:"";background:var(--anatomy-mid);opacity:0;transition:opacity .3s;position:absolute;inset:0}.talk-rail[data-active]:after{opacity:.55}.talk-carrier{width:100%;height:0;animation:talk-cross var(--talk-travel) var(--ease-in-out) both;position:absolute;top:50%;left:0}.talk-carrier[data-dir=left]{animation-direction:reverse}.talk-chip{animation:talk-back var(--talk-travel) var(--ease-in-out) both;display:block;position:absolute;top:0;left:0;translate:0 -50%}.talk-carrier[data-dir=left] .talk-chip{animation-direction:reverse}.talk-chip-face{border:1px solid var(--hairline);background:var(--anatomy-card);color:var(--anatomy-strong);font-family:var(--anatomy-mono);white-space:nowrap;animation:talk-face var(--talk-travel) linear both;border-radius:99px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;display:inline-flex}.talk-chip[data-who=claude] .talk-arrow{color:var(--claude)}.talk-chip[data-who=codex] .talk-arrow{color:var(--anatomy-muted)}@keyframes talk-cross{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes talk-back{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes talk-face{0%{opacity:0;transform:scale(.96)}14%{opacity:1;transform:scale(1)}86%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.talk-agreed{border:1px solid var(--hairline);background:var(--anatomy-page);color:var(--anatomy-strong);opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);border-radius:99px;padding:7px 14px;font-size:13px;font-weight:500;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(4px - 50%))}.talk[data-done] .talk-agreed{opacity:1;transform:translate(-50%,-50%)}.talk-short{display:none}@media (max-width:640px){.talk-stage{gap:0 8px}.talk-agent{width:76px}.talk-tile{border-radius:18px;width:64px;height:64px}.talk-logo{width:30px;height:30px}.talk-name{white-space:nowrap;font-size:12.5px}.talk-track{height:64px}.talk-chip-face{padding:5px 9px;font-size:11px}.talk-long,.talk-arrow{display:none}.talk-short{display:inline}}@media (prefers-reduced-motion:reduce){.talk-ring,.talk-carrier{display:none}.talk-agreed{transition:opacity .2s;transform:none}.talk[data-done] .talk-agreed{transform:translate(-50%,-50%)}}