:root{--bg: #e7edeb;--surface: #ffffff;--ink: #15201d;--muted: #5e6b67;--line: #d3dcd9;--accent: #0f6b5c;--accent-ink: #ffffff;--mine: #0f6b5c;--mine-ink: #f2fbf8;--theirs: #ffffff;--danger: #b3261e;--radius-lg: 20px;--radius-sm: 10px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #0e1412;--surface: #17201d;--ink: #e2ebe8;--muted: #8b9a95;--line: #26322e;--accent: #3fb59c;--accent-ink: #06231d;--mine: #1f6f60;--mine-ink: #eafaf5;--theirs: #1c2623;--danger: #ff8a80}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.45 var(--font);-webkit-font-smoothing:antialiased}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{font:inherit;border:0;border-radius:999px;padding:.6em 1.2em;cursor:pointer;font-weight:600;white-space:nowrap}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);max-width:9em;overflow:hidden;text-overflow:ellipsis}.btn.small{font-size:14px;padding:.45em .95em}.btn.big{font-size:18px;padding:.8em 1.6em}.icon-btn{font:inherit;font-size:20px;background:none;border:0;color:var(--ink);width:40px;height:40px;border-radius:50%;cursor:pointer}.icon-btn:hover{background:var(--bg)}.input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7em .9em;width:100%}.input:focus{outline:none;border-color:var(--accent)}.error{color:var(--danger);margin:0}.home{min-height:100%;display:grid;place-items:center;padding:24px 16px}.home-card{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.home-card h1{font-size:clamp(40px,9vw,56px);line-height:1;letter-spacing:-.03em;font-weight:800;margin:0}.home-card p{margin:0;max-width:34ch}.logo{font-size:44px;line-height:1}.chat{height:100%;height:100dvh;display:flex;flex-direction:column;max-width:760px;margin:0 auto;background:var(--bg)}.chat-header{display:flex;align-items:center;gap:8px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--line)}.chat-title{flex:1;min-width:0}.chat-title .title{font-weight:700}.status{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}.status .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-open .dot{background:var(--accent)}.status-reconnecting .dot{background:#d39a1c}.messages{flex:1;overflow-y:auto;padding:16px 12px 8px;display:flex;flex-direction:column;gap:3px;overscroll-behavior:contain}.empty{margin:auto;text-align:center;max-width:28ch}.msg{display:flex;flex-direction:column;align-items:flex-start;max-width:82%}.msg.mine{align-self:flex-end;align-items:flex-end}.msg-name{font-size:13px;font-weight:600;color:var(--accent);margin:10px 0 2px 12px}.msg-bubble{background:var(--theirs);border-radius:18px 18px 18px 6px;padding:7px 12px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:2px 10px;box-shadow:0 1px 0 var(--line)}.msg.mine .msg-bubble{background:var(--mine);color:var(--mine-ink);border-radius:18px 18px 6px;box-shadow:none}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere}.msg-time{font-size:11px;opacity:.6;margin-left:auto;font-variant-numeric:tabular-nums}.msg.pending .msg-bubble{opacity:.6}.composer{position:relative;display:flex;align-items:flex-end;gap:8px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.composer .input{resize:none;max-height:140px;field-sizing:content;border-radius:22px;padding:.6em 1em}.send{width:44px;height:44px;padding:0;flex-shrink:0;font-size:18px}.counter{position:absolute;right:66px;top:-20px;font-size:12px;color:var(--muted)}.toast{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background:var(--ink);color:var(--bg);font-size:14px;padding:6px 14px;border-radius:999px;white-space:nowrap}@media (min-width: 761px){.chat{border-left:1px solid var(--line);border-right:1px solid var(--line)}}