:root{--brand: #e5243b;--wall: #efeae2;--surface: #ffffff;--text: #111b21;--muted: #667781;--border: #e9edef;--theirs: #ffffff;--mine: #d9fdd3;--tick-read: #53bdeb;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:var(--text);background:#d1d7db;-webkit-text-size-adjust:100%}@supports (color: color-mix(in srgb,red,white)){:root{--mine: color-mix(in srgb, var(--brand) 16%, #ffffff)}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}#app{display:flex;flex-direction:column;height:100dvh;max-width:760px;margin:0 auto;background:var(--wall);box-shadow:0 0 24px #00000014}.icon{width:22px;height:22px;fill:currentColor;flex:none}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--brand);color:#fff;min-height:60px}.avatar{width:40px;height:40px;border-radius:50%;object-fit:contain;background:#fff;flex:none}.avatar-text{display:grid;place-items:center;font-weight:700;color:var(--brand)}.topbar-text{display:flex;flex-direction:column;min-width:0}.topbar-text strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-status{font-size:13px;opacity:.85}.topbar-status.is-typing{font-style:italic;opacity:1}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;gap:16px;background:var(--surface)}.notice{color:var(--muted);max-width:360px}.welcome{flex:1;overflow-y:auto;padding:24px 16px;background:var(--wall) var(--pattern)}.card{background:var(--surface);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 2px #0b141a21}.card h1{margin:0;font-size:22px}.card p{margin:0;color:var(--muted)}.query{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-left:4px solid var(--brand);border-radius:8px;background:#f7f8fa}.query .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.query q{font-style:italic}.benefits{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;color:var(--muted)}.benefits li:before{content:"✓ ";color:var(--brand);font-weight:700}.banner{margin:0;padding:10px 12px;border-radius:8px;background:#fff8e1;color:#6b5200;font-size:14px}.banner-chat{margin:8px 12px 0;text-align:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:24px;padding:12px 20px;font:inherit;font-weight:600;color:#fff;background:var(--brand);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn:disabled{opacity:.6;cursor:default}.btn-block{width:100%}.btn-outline{background:var(--surface);color:var(--brand);border:1px solid var(--brand)}.form{display:flex;flex-direction:column;gap:12px}.form label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}.form input{font:inherit;font-size:16px;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px}:root{--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23d6cfc4' stroke-width='1.4' stroke-linecap='round'%3E%3Ccircle cx='18' cy='20' r='6'/%3E%3Cpath d='M70 12l8 8-8 8'/%3E%3Cpath d='M100 60c6 0 10 4 10 10'/%3E%3Crect x='14' y='72' width='14' height='10' rx='3'/%3E%3Cpath d='M58 92l6-6 6 6 6-6'/%3E%3Ccircle cx='96' cy='104' r='3'/%3E%3Cpath d='M40 44h12M46 38v12'/%3E%3C/g%3E%3C/svg%3E")}.chat{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--wall) var(--pattern)}.messages{flex:1;overflow-y:auto;padding:8px 4% 12px;display:flex;flex-direction:column}.day{align-self:center;margin:10px 0 6px}.day span{display:inline-block;padding:5px 12px;border-radius:8px;background:var(--surface);color:var(--muted);font-size:12.5px;box-shadow:0 1px 1px #0b141a1a}.bubble{position:relative;max-width:82%;margin-top:2px;padding:6px 8px 8px 9px;border-radius:8px;display:flex;flex-direction:column;gap:4px;font-size:14.5px;line-height:1.35;overflow-wrap:anywhere;box-shadow:0 1px .5px #0b141a21}.bubble.first{margin-top:8px}.bubble.theirs{align-self:flex-start;background:var(--theirs)}.bubble.mine{align-self:flex-end;background:var(--mine)}.bubble.first.theirs{border-top-left-radius:0}.bubble.first.mine{border-top-right-radius:0}.bubble.first.theirs:before,.bubble.first.mine:before{content:"";position:absolute;top:0;width:8px;height:13px}.bubble.first.theirs:before{left:-8px;background:linear-gradient(to bottom left,var(--theirs) 50%,transparent 50%)}.bubble.first.mine:before{right:-8px;background:linear-gradient(to bottom right,var(--mine) 50%,transparent 50%)}.bubble p{margin:0;white-space:pre-wrap}.bubble a{color:#027eb5}.bubble img,.bubble video{max-width:100%;max-height:300px;border-radius:6px;display:block;cursor:zoom-in}.bubble audio{width:240px;max-width:100%}.author{font-size:12.5px;font-weight:600;color:var(--brand)}.meta{align-self:flex-end;display:inline-flex;align-items:center;gap:3px;margin-top:-2px;font-size:11px;color:var(--muted)}.ticks .icon{width:16px;height:16px;color:var(--muted)}.ticks.read .icon{color:var(--tick-read)}.file{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:#0000000d;text-decoration:none;color:var(--text)!important}.file-ico{color:#e2574c}.file-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.with-choices{align-self:flex-start;max-width:82%;display:flex;flex-direction:column}.with-choices .bubble{max-width:100%}.choices{display:flex;flex-direction:column;gap:2px;margin-top:2px}.choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:8px;padding:10px 12px;font:inherit;font-size:14.5px;font-weight:500;color:var(--brand);background:var(--surface);box-shadow:0 1px .5px #0b141a21;cursor:pointer}.choice:active{background:#f0f2f5}.typing{padding:0 4% 8px}.dots{display:inline-flex;gap:4px;padding:10px 12px;border-radius:8px;background:var(--theirs);box-shadow:0 1px .5px #0b141a21}.dots i{width:7px;height:7px;border-radius:50%;background:#9aa6ac;animation:blink 1.2s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.ended{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 16px 14px;text-align:center}.ended p{margin:0;padding:6px 12px;border-radius:8px;background:#fff8e1;color:#6b5200;font-size:13px}.composer-wrap{position:relative;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#f0f2f5}.composer,.record-bar{display:flex;align-items:flex-end;gap:6px}.pill{flex:1;display:flex;align-items:flex-end;gap:2px;min-height:46px;padding:4px 6px;border-radius:24px;background:var(--surface)}.pill textarea{flex:1;resize:none;border:0;outline:none;max-height:120px;padding:10px 4px;font:inherit;font-size:16px;color:var(--text);background:transparent}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);padding:8px;border-radius:50%;cursor:pointer;display:grid;place-items:center}.round-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:46px;height:46px;border-radius:50%;background:var(--brand);color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}.round-btn:disabled{opacity:.6}.attach-menu{position:absolute;bottom:calc(100% + 6px);left:8px;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:12px;background:var(--surface);box-shadow:0 4px 16px #0b141a33;z-index:2}.attach-menu[hidden]{display:none}.attach-menu button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:8px 12px 8px 6px;border-radius:8px;font:inherit;font-size:15px;color:var(--text);cursor:pointer}.attach-ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff}.attach-ico.cam{background:#e5245e}.attach-ico.img{background:#7f66ff}.attach-ico.doc{background:#5157ae}.files{display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px 6px}.files:empty{display:none}.chip{display:inline-flex;align-items:center;gap:4px;max-width:220px;font-size:12px;padding:3px 4px 3px 10px;border-radius:999px;background:var(--surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-size:16px;line-height:1;cursor:pointer;color:var(--muted)}.record-bar{align-items:center;min-height:46px}.record-bar[hidden],.composer[hidden]{display:none}.rec-dot{width:10px;height:10px;border-radius:50%;background:#e5245e;animation:blink 1s infinite}.rec-time{font-variant-numeric:tabular-nums;font-weight:600}.rec-label{flex:1;color:var(--muted)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:16px;background:#000000e0;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;border-radius:4px}.footer{padding:8px;text-align:center;font-size:11px;color:var(--muted);background:var(--wall)}