:root{--chat-bg:#7494c0;--me:#8de055;--bot:#fff;--text:#111418;--meta:#1b2a40;--bar:#fff;--line:#dde2e8;--accent:#04a044}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:#d9dfe7;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,sans-serif;font-size:15px;line-height:1.45}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.talk{background:var(--chat-bg);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}@media (min-width:520px){.talk{box-shadow:0 0 0 1px #0000000f,0 12px 40px #0000002e}}.talk-header{padding:calc(env(safe-area-inset-top) + 8px) 8px 8px 16px;background:var(--bar);border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.talk-header.with-back{padding-left:4px}.talk-header .who{flex:1;min-width:0}.talk-header .name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;line-height:1.45;overflow:hidden}.talk-header .sub{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.icon-btn{color:#3a3f47;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;text-decoration:none;display:grid}.icon-btn svg{width:24px;height:24px}.icon-btn:hover{background:#0000000d}.icon-btn:disabled{opacity:.35;cursor:default;background:0 0}.icon-btn.active,.icon-btn.send:not(:disabled){color:var(--accent)}.icon-space{flex:none;width:36px}.talk-body{flex-direction:column;flex:1;padding:6px 10px 14px;display:flex;overflow-y:auto}.pill{color:#fff;text-align:center;background:#0003;border-radius:999px;align-self:center;max-width:90%;margin:10px 0 4px;padding:3px 12px;font-size:12px}.pill.system{padding:6px 14px;line-height:1.5}.pill.error{background:#b91c1cd9}.pill a{color:inherit;text-underline-offset:2px;text-decoration:underline}.msg{align-items:flex-start;gap:8px;margin-top:3px;display:flex}.msg.first{margin-top:12px}.msg.me{justify-content:flex-end}.msg .icon{object-fit:cover;background:#cfd6e0;border-radius:50%;flex:none;width:36px;height:36px}.msg .col{flex-direction:column;min-width:0;max-width:74%;display:flex}.msg.me .col{align-items:flex-end}.msg .sender{color:var(--meta);margin:0 0 3px 4px;font-size:12px}.msg .line{align-items:flex-end;gap:5px;display:flex}.msg.me .line{flex-direction:row-reverse}.bubble{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;border-radius:18px;padding:8px 12px;position:relative}.msg.bot .bubble{background:var(--bot)}.msg.me .bubble{background:var(--me)}.msg.bot .bubble.tail{border-top-left-radius:6px}.msg.me .bubble.tail{border-top-right-radius:6px}.bubble.tail:before{content:"";width:12px;height:12px;position:absolute;top:0}.msg.bot .bubble.tail:before{background:var(--bot);clip-path:polygon(0 0,100% 0,100% 100%);left:-7px}.msg.me .bubble.tail:before{background:var(--me);clip-path:polygon(0 0,100% 0,0 100%);right:-7px}.meta{color:var(--meta);white-space:nowrap;flex-direction:column;padding-bottom:1px;font-size:12px;line-height:1.25;display:flex}.msg.me .meta{align-items:flex-end}.sticker{padding:0 2px;font-size:64px;line-height:1.05}.typing{gap:4px;padding:5px 2px;display:inline-flex}.typing i{background:#a0a7b1;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.quick-bar{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;padding:4px 12px 8px;scroll-padding-inline:12px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 28px),#0000 100%)}.quick-bar::-webkit-scrollbar{display:none}.quick-bar button{scroll-snap-align:start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1f2937;cursor:pointer;background:#ffffffe0;border:1px solid #ffffffbf;border-radius:999px;flex:none;padding:7px 14px;font-size:13.5px;font-weight:500;line-height:1.3;transition:transform .1s,background .15s;box-shadow:0 2px 10px #0f172a1f}.quick-bar button:active{background:#fff;transform:scale(.96)}.dock{padding:0 10px calc(env(safe-area-inset-bottom) + 10px);flex-direction:column;gap:8px;display:flex}.composer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #0f172a0f;border-radius:24px;flex-direction:column;padding:4px 8px 8px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 8px 24px #0f172a29}.composer:focus-within{border-color:#06c75599;box-shadow:0 0 0 3px #06c75529,0 8px 24px #0f172a29}.composer textarea{resize:none;width:100%;color:var(--text);font:inherit;background:0 0;border:none;outline:none;max-height:168px;padding:10px 8px 6px;font-size:16px;line-height:1.45;display:block}.composer textarea::placeholder{color:#6b7280}.composer-tools{align-items:center;gap:2px;display:flex}.composer-tools .grow{flex:1}.tool-btn{color:#5b6470;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:grid}.tool-btn svg{width:22px;height:22px}.tool-btn:hover{background:#f1f3f5}.tool-btn.active{color:var(--accent);background:#06c7551f}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;transition:background .15s,color .15s,transform .1s;display:grid}.send-btn svg{width:20px;height:20px}.send-btn:active:not(:disabled){transform:scale(.92)}.send-btn:disabled{color:#a3abb5;cursor:default;background:#e4e8ed}.stickers{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #0f172a0f;border-radius:22px;grid-template-columns:repeat(6,1fr);gap:6px;max-height:232px;padding:10px;display:grid;overflow-y:auto;box-shadow:0 8px 24px #0f172a29}.stickers button{cursor:pointer;background:#f4f6f8;border:none;border-radius:14px;padding:9px 0;font-size:28px;line-height:1}.stickers button:disabled{opacity:.5;cursor:default}.info-body{padding:14px 12px calc(env(safe-area-inset-bottom) + 24px);gap:10px}.status-body{justify-content:center}.card{background:var(--bot);border-radius:18px;padding:14px 16px;box-shadow:0 2px 10px #0f172a14}.card h1,.card h2{margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.4}.card p{margin:0}.card ul{margin:0;padding-left:1.2em}.card li+li{margin-top:4px}.card a{color:#0b5cad}.card .tel{font-weight:700}.page-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pill-btn{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:999px;align-self:center;padding:8px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block;box-shadow:0 2px 10px #0f172a1f}