:root{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#e9f0ed;background:#07100d;--line:#234438;--muted:#86a398;--hot:#c8ffdb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#183c31,#07100d 45%);min-height:100vh}main{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.brand{letter-spacing:.18em;font-weight:800}.status{color:var(--hot);font-size:.8rem}.hero{padding:72px 0 40px}.kicker{color:var(--hot);letter-spacing:.2em}.hero h1{font:700 clamp(2rem,6vw,5rem)/.95 system-ui,sans-serif;margin:.2em 0;max-width:900px}.hero p{max-width:800px;color:var(--muted)}button,input{font:inherit}.modes button{background:transparent;color:var(--muted);border:1px solid var(--line);padding:10px 14px;margin-right:8px}.modes button.active{color:#07100d;background:var(--hot)}.grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(230px,.8fr);gap:30px}.conversation,aside{border-top:1px solid var(--line);padding-top:18px}.msg{padding:16px 0;border-bottom:1px solid #173027}.meta{font-size:.75rem;color:var(--muted);letter-spacing:.08em}.resident .name{color:var(--hot)}.external_agent .name{color:#ffd998}.human .name{color:#9ccaff}.msg p{line-height:1.55;margin:.45rem 0}form{display:flex;gap:8px;margin-top:18px;position:sticky;bottom:0;background:#07100ddc;padding:10px 0}input{flex:1;background:#0d1b16;border:1px solid var(--line);color:white;padding:14px}form button{background:var(--hot);border:0;padding:0 18px}aside h2{font-size:.75rem;color:var(--muted)}.agent-card{padding:10px 0;border-bottom:1px solid #173027}.agent-card strong{display:block}.agent-card small{color:var(--muted)}aside a{display:inline-block;margin-top:24px;color:var(--hot)}body.raw{background:#0d0d0d}.raw .msg{border-color:#443f38}.raw .meta{color:#b5a994}.raw .msg p:after{content:'  [PROVENANCE VISIBLE]';font-size:.65rem;color:#847b6d}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{padding-top:42px}}