#localChat{position:fixed;inset:var(--app-top) 0 auto;height:var(--app-height);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;color:#1c2523;background:#f5f6f6;color-scheme:light}
.chat-head{grid-row:1}#chatActions{grid-row:2;display:flex;gap:7px;align-items:center;overflow-x:auto;background:#fff;padding:3px max(12px,env(safe-area-inset-right)) 5px max(12px,env(safe-area-inset-left));border-bottom:1px solid #e1e6e1}#chatActions .chat-option{flex:none;min-height:39px;background:#f4f6f4;font-size:13px;border:0;padding:6px 12px}#chatScroll{grid-row:3}.chat-foot{grid-row:4}#chatVerifyNow{display:block;margin:4px auto;min-height:44px;padding:6px 20px;border-radius:12px;background:#285b42;color:white}
.chat-head{display:flex;align-items:center;gap:4px;background:#fff;border-bottom:1px solid #e0e5e2;padding:env(safe-area-inset-top) max(6px,env(safe-area-inset-right)) 0 max(4px,env(safe-area-inset-left));min-height:calc(56px + env(safe-area-inset-top))}.chat-head h1{font:600 16px/1.4 "PingFang SC",sans-serif;margin:0}.chat-head p{font-size:11px;line-height:1.4;color:#61756b;margin:1px 0 0}.chat-head button{background:transparent;height:48px;width:46px;color:#2b3b33}.chat-head #chatBack{font:30px/1 sans-serif}.chat-head #chatMore{margin-left:auto;letter-spacing:2px;font-size:15px}#chatMenu{position:absolute;top:calc(env(safe-area-inset-top) + 51px);right:max(10px,env(safe-area-inset-right));z-index:2;padding:4px;background:#fff;border:1px solid #d9dfda;border-radius:12px;box-shadow:0 6px 22px #15251d1a}#chatMenu button{padding:10px 20px;min-height:44px;border:0;background:none;color:#293e32}
#chatScroll{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:14px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left))}#chatItems{max-width:760px;margin:auto;display:flex;flex-direction:column;align-items:stretch;gap:7px}.chat-line,#chatEmpty{text-align:center;color:#66716b;font-size:13px;line-height:1.65;margin:3px 0;overflow-wrap:anywhere;white-space:pre-wrap}#chatEmpty{margin:45px 0}
.bubble{align-self:flex-start;max-width:min(84%,580px);margin:2px 0;padding:9px 13px;border-radius:4px 16px 16px 16px;background:white;box-shadow:0 1px 2px #14291b0e;line-height:1.55;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.bubble.mine{align-self:flex-end;border-radius:16px 4px 16px 16px;background:#d7edcd}.chat-image{max-width:min(80%,360px);max-height:300px;object-fit:contain;border-radius:12px}
.chat-option,.chat-setting{background:white;border:1px solid #e3e7e3;border-radius:12px;color:#253b2d}.chat-option{min-height:46px;text-align:center;font-weight:600;padding:8px 14px}.chat-setting{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 12px}.chat-setting label{grid-column:1/-1;color:#405245;font-size:13px}.chat-setting.toggle label{grid-column:1;margin:0;font-size:15px}.chat-setting input:not([type=checkbox]),.chat-setting textarea{width:100%;min-width:0;min-height:41px;padding:7px 9px;border:1px solid #d4dcd5;border-radius:8px;background:#fff;font:inherit;font-size:16px;color:inherit}.chat-setting textarea{resize:vertical;min-height:64px}.chat-setting>button{min-height:42px;border-radius:8px;background:#edf3e9;color:#305238;padding:6px 12px}.chat-setting input[type=checkbox]{appearance:none;-webkit-appearance:none;width:44px;height:27px;margin:0;padding:0;border:0;border-radius:20px;position:relative;background:#aebbb1;cursor:pointer}.chat-setting input[type=checkbox]:checked{background:#347853}.chat-setting input[type=checkbox]:before{content:"";position:absolute;left:3px;top:3px;width:21px;height:21px;background:white;border-radius:50%}.chat-setting input[type=checkbox]:checked:before{left:20px}
.chat-foot{border-top:1px solid #dce2dc;background:#fff;padding:4px max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.chat-foot:has(form[hidden]):has(p:empty){border-top:0;padding-top:0;padding-bottom:env(safe-area-inset-bottom)}#chatNotice{max-width:760px;margin:0 auto;color:#795336;font-size:12px;line-height:1.6}#chatNotice:not(:empty){padding:4px 2px}#chatCompose{max-width:760px;margin:auto;display:flex;align-items:flex-end;gap:8px;padding:3px 0}#chatDraft{flex:1;min-width:0;min-height:44px;max-height:100px;resize:none;border:1px solid #d6ddd6;border-radius:14px;background:#f7f8f6;color:#1c2523;padding:10px 12px;font:inherit;font-size:16px;line-height:22px}#chatSend{min-height:44px;border-radius:12px;padding:8px 16px;background:#285b42;color:#fff;font-weight:600}#localChat button:disabled{cursor:default}