*{box-sizing:border-box;margin:0;padding:0}body{font:16px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif;background:#0f1115;color:#e7e9ee;min-height:100vh}.wrap{max-width:720px;margin:0 auto;padding:48px 24px}h1{font-size:28px;letter-spacing:-.02em;margin-bottom:4px}.sub{color:#8b90a0;margin-bottom:32px}.bar{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}button{font:inherit;font-weight:550;padding:10px 20px;border:0;border-radius:8px;background:#3d7eff;color:#fff;cursor:pointer}button:hover{background:#5a92ff}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:#232733;color:#e7e9ee}button.ghost:hover{background:#2c313f}.pill{font-size:13px;padding:4px 10px;border-radius:999px;background:#232733;color:#8b90a0}.pill.live{background:#10331f;color:#4ade80}.err{background:#331a1a;color:#ff9b9b;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.log{flex-direction:column;gap:14px}.log,.turn{display:flex}.turn{gap:12px}.who{flex:0 0 52px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding-top:2px}.turn.user .who{color:#3d7eff}.turn.agent .who{color:#4ade80}.what{flex:1 1}.empty{color:#5c6070;font-style:italic}