*{box-sizing:border-box}:root{--bg:#fff7fb;--card:#fff;--pink:#ff4f91;--dark:#241b23;--muted:#8b7d87;--mine:#ffe1ed;--her:#fff;--line:#f0dfe8}body{margin:0;background:linear-gradient(145deg,#fff7fb,#f9efff);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--dark)}.app{max-width:520px;height:100dvh;margin:auto;background:rgba(255,255,255,.86);display:flex;flex-direction:column;box-shadow:0 0 30px rgba(70,20,50,.08)}.top{height:72px;padding:10px 14px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff6ca8,#a96cff);color:#fff;font-weight:800;font-size:20px}.identity{flex:1;margin-left:11px}.name{font-weight:800;font-size:17px}.status{font-size:11px;color:#31a56a;margin-top:2px}.more{border:0;background:#fff0f6;color:var(--pink);font-size:25px;width:42px;height:42px;border-radius:50%}.privacy{font-size:11px;color:#806e78;text-align:center;padding:7px;background:#fff8fc;border-bottom:1px solid var(--line)}.chat{flex:1;overflow:auto;padding:16px 12px 8px;display:flex;flex-direction:column;gap:9px}.msg{max-width:82%;padding:10px 13px;border-radius:18px;line-height:1.35;font-size:15px;word-wrap:break-word}.msg.her{align-self:flex-start;background:var(--her);border:1px solid var(--line);border-bottom-left-radius:5px}.msg.me{align-self:flex-end;background:var(--mine);border-bottom-right-radius:5px}.time{font-size:9px;color:#a7959e;margin-top:3px;text-align:right}.typing{display:none;margin:0 14px 6px;width:50px;height:28px;border-radius:15px;background:#fff;border:1px solid var(--line);align-items:center;justify-content:center;gap:3px}.typing.show{display:flex}.typing span{width:5px;height:5px;border-radius:50%;background:#b7a4ae;animation:b .9s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes b{50%{transform:translateY(-3px)}}.quick{display:flex;gap:7px;padding:6px 10px;overflow-x:auto}.quick button{white-space:nowrap;border:1px solid #f0cadb;background:#fff;border-radius:18px;padding:8px 11px;color:#6e5361}.composer{display:flex;gap:8px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.composer input{flex:1;border:1px solid #ead9e1;border-radius:24px;padding:12px 15px;font-size:15px;outline:none;background:#fffafd}.composer button{width:46px;border:0;border-radius:50%;background:var(--pink);color:white;font-size:20px}.note{text-align:center;font-size:9px;color:#aa9ba3;padding:3px 0 7px;background:#fff}@media(min-width:700px){body{padding:18px}.app{height:calc(100dvh - 36px);border-radius:22px;overflow:hidden}}