:root{--bg:#f4f6fa;--surface:#fff;--text:#0b1b33;--muted:#5b6b82;--brand:#011a42;--accent:#0f9488;--terminal-bubble:#e6eefc;--phone-bubble:#011a42;--phone-bubble-text:#fff;--danger:#b42318;--border:#d5dce7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#07111f;--surface:#0f1d33;--text:#e8eef8;--muted:#93a4bd;--terminal-bubble:#1a2c4a;--phone-bubble:#5eead4;--phone-bubble-text:#04211e;--danger:#f97066;--border:#22385a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.screen{max-width:560px;min-height:100%;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.landing{text-align:center;justify-content:center;align-items:center;gap:12px}.landing img{border-radius:22px}h1{margin:4px 0 0;font-size:1.4rem}.session-header{border-bottom:1px solid var(--border);padding-bottom:12px}.status{background:var(--terminal-bubble);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.85rem;display:inline-block}.status-connected{color:var(--accent)}.status-rejected,.status-closed{color:var(--danger)}.problem{color:var(--danger);margin:8px 0 0}.lines{flex-direction:column;flex:1;gap:8px;padding:16px 0;display:flex;overflow-y:auto}.hint{color:var(--muted);text-align:center}.line{overflow-wrap:anywhere;border-radius:16px;max-width:80%;margin:0;padding:10px 14px}.from-terminal{background:var(--terminal-bubble);align-self:flex-start}.from-phone{background:var(--phone-bubble);color:var(--phone-bubble-text);align-self:flex-end}.composer{flex-direction:column;gap:10px;display:flex}.quick-replies{flex-wrap:wrap;gap:8px;display:flex}.composer form{gap:8px;display:flex}input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);font:inherit;border-radius:12px;flex:1;padding:12px}button{background:var(--brand);color:#fff;font:inherit;border:0;border-radius:12px;padding:12px 16px;font-weight:600}.quick-replies button{background:var(--surface);color:var(--text);border:1px solid var(--border)}button:disabled,input:disabled{opacity:.45}.metrics{color:var(--muted);text-align:center;margin:0;font-size:.8rem}