:root{--paper: #ededed;--gate-paper: #f3f4f6;--header: #f7f7f7;--rule: #e5e5e5;--ink: #111111;--muted: #888888;--self-bubble: #95ec69;--other-bubble: #ffffff;--send: #07c160;--send-ink: #ffffff;--danger: #fa5151;--focus: #07c160;--online: #07c160;--offline: #b2b2b2;--partner-chip: #f3c6a8;--self-chip: #7ec8c4;--font: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius-bubble: 8px 8px 8px 2px;--radius-self: 8px 8px 2px 8px;--header-h: 48px;--composer-h: 56px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-in: .12s}html,body{margin:0;min-height:100%;overflow-x:clip;font-family:var(--font);color:var(--ink);background:var(--paper)}#root{min-height:100dvh}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.boot{min-height:100dvh;display:grid;place-items:center;color:var(--muted)}.gate{min-height:100dvh;display:grid;place-items:center;background:var(--gate-paper);padding:var(--space-4)}.gate-card{width:min(360px,100%);background:#fff;border:1px solid var(--rule);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:var(--space-3);box-sizing:border-box}.gate-card h1{margin:0;font-size:20px;font-weight:600;font-style:normal}.gate-help,.field-error{margin:0;font-size:13px}.gate-help{color:var(--muted)}.field-error,.composer-error{color:var(--danger)}.gate-card label{font-size:13px}.gate-card input{height:44px;border:1px solid var(--rule);border-radius:8px;padding:0 var(--space-3);font:inherit;background:#fff;outline:2px solid transparent;outline-offset:1px}.gate-card input:hover{border-color:#d0d0d0}.gate-card input:focus-visible{outline-color:var(--focus)}.gate-card input[aria-invalid=true]{border-color:var(--danger)}.gate-card input:disabled{opacity:.5;cursor:not-allowed}.primary,.send{height:44px;border:0;border-radius:8px;background:var(--send);color:var(--send-ink);font:inherit;cursor:pointer}.primary:hover,.send:hover{filter:brightness(.96)}.primary:active,.send:active{transform:translateY(1px)}.primary:disabled,.send:disabled{opacity:.5;cursor:not-allowed}.chat{min-height:100dvh;display:flex;flex-direction:column;background:var(--paper)}.chat-header{height:var(--header-h);background:var(--header);border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3)}.header-meta{flex:1;min-width:0}.header-name{font-size:15px;font-weight:600}.header-sub{font-size:12px;color:var(--muted)}.text-btn{min-height:44px;background:transparent;border:0;color:var(--ink);font:inherit;cursor:pointer;padding:0 var(--space-2)}.avatar{width:36px;height:36px;border-radius:50%;flex:none}.other-avatar{background:var(--partner-chip)}.self-avatar{background:var(--self-chip)}.message-list{flex:1;overflow:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.date-chip,.history-hint,.typing{align-self:center;font-size:12px;color:var(--muted);background:#d9d9d9;border-radius:999px;padding:2px 10px}.typing{margin:0 auto var(--space-2)}.bubble-row{display:flex;gap:var(--space-2);align-items:flex-start;max-width:100%;animation:in var(--dur-in) var(--ease-out)}.bubble-row.mine{justify-content:flex-end}.bubble-col{max-width:min(72%,420px);min-width:0}.bubble-name{font-size:12px;color:var(--muted);margin-bottom:2px}.bubble{padding:8px 10px;word-break:break-word;overflow-wrap:anywhere}.bubble p{margin:0;white-space:pre-wrap}.other-bubble{background:var(--other-bubble);border-radius:var(--radius-bubble)}.self-bubble{background:var(--self-bubble);border-radius:var(--radius-self)}.image-btn{padding:0;border:0;background:transparent;cursor:pointer;display:block}.image-btn img,.lightbox img{display:block;max-width:220px;border-radius:8px}.file-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;min-width:140px}.file-card span{color:var(--muted);font-size:12px}.meta-line{display:flex;gap:6px;justify-content:flex-end;font-size:11px;color:var(--muted);margin-top:2px}.ticks.read{color:#5aa0d6}.composer{min-height:var(--composer-h);background:#fff;border-top:1px solid var(--rule);display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom))}.composer textarea{flex:1;min-width:0;min-height:44px;max-height:120px;resize:none;border:1px solid var(--rule);border-radius:8px;padding:10px;font:inherit;outline:2px solid transparent;outline-offset:1px}.composer textarea:focus-visible{outline-color:var(--focus)}.icon-btn,.send{min-width:44px}.icon-btn{height:44px;border:1px solid var(--rule);background:#fff;border-radius:8px;cursor:pointer}.send{border-radius:22px;padding:0 16px}.composer-error{margin:0;padding:0 var(--space-3) var(--space-2);font-size:12px;background:#fff}.lightbox{position:fixed;inset:0;background:#000000b8;border:0;display:grid;place-items:center;cursor:zoom-out}.lightbox img{max-width:min(92vw,720px);max-height:92vh}@keyframes in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bubble-row{animation:fade var(--dur-in) linear}@keyframes fade{0%{opacity:0}to{opacity:1}}.primary:active,.send:active{transform:none}}