.tn-chat{--paper:#efeae2;--sheet:#efeae2;--bubble-in:#fff;--bubble-out:#d9fdd3;--text-in:#111b21;--text-out:#111b21;--meta-in:#667781;--meta-out:#5c6f66;--system:#54656f;--rule:#e9edef;--head:#008069;--head-text:#fff;--head-sub:#eef8f5;--cta-bg:#fff;--cta-text:#008069;--card-bg:#008069;--card-text:#fff;--field:#fff;--field-border:#fff;--send-bg:#00a884;--send-icon:#fff;--desk:#d1d7db;--hover:#f5f6f6;--tick:#53bdeb;--focus:#008069;--bar:#f0f2f5;background:linear-gradient(var(--head) 0 128px, var(--desk) 128px)}@media (prefers-color-scheme:dark){.tn-chat{--paper:#0b141a;--sheet:#0b141a;--bubble-in:#202c33;--bubble-out:#005c4b;--text-in:#e9edef;--text-out:#e9edef;--meta-in:#8696a0;--meta-out:#b3d6cf;--system:#8696a0;--rule:#2a3942;--head:#202c33;--head-text:#e9edef;--head-sub:#8696a0;--cta-bg:#00a884;--cta-text:#111b21;--card-bg:#00a884;--card-text:#111b21;--field:#2a3942;--field-border:#2a3942;--send-bg:#00a884;--send-icon:#111b21;--desk:#111b21;--hover:#2a3942;--tick:#53bdeb;--focus:#00a884;--bar:#202c33}}.tn-sheet{background:var(--sheet);flex-direction:column;max-width:720px;height:100dvh;margin:0 auto;display:flex}@media (width>=800px){.tn-chat{padding:24px 0}.tn-sheet{border-radius:12px;height:calc(100dvh - 48px);overflow:hidden;box-shadow:0 6px 18px #0b141a2e}}.tn-head{background:var(--head);color:var(--head-text);align-items:center;gap:12px;padding:10px 12px 10px 14px;display:flex}.tn-seal{width:40px;height:40px;box-shadow:inset 0 0 0 3px var(--head), inset 0 0 0 4px #ffffff8c;font:700 14px/1 var(--font-serif);letter-spacing:.02em;border:1.5px solid;border-radius:50%;flex:none;place-items:center;display:grid}.tn-who{flex:1;min-width:0}.tn-who h1{font:600 18px/1.2 var(--font-serif);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.tn-who p{color:var(--head-sub);margin:2px 0 0;font-size:13px}.tn-handoff{background:var(--cta-bg);min-height:44px;color:var(--cta-text);border-radius:8px;flex:none;align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.tn-handoff:hover{filter:brightness(1.08)}.tn-reset{width:44px;height:44px;color:var(--head-sub);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin-right:-6px;display:grid}.tn-reset:hover{color:var(--head-text);background:#ffffff1f}.tn-handoff .short{display:none}@media (width<=480px){.tn-handoff{padding:0 12px}.tn-handoff .long{display:none}.tn-handoff .short{display:inline}}@media (width<=340px){.tn-who h1{font-size:16px}}.tn-body{overscroll-behavior:contain;background:var(--paper);flex:1;padding:16px 16px 12px;overflow-y:auto}.tn-system{text-align:center;max-width:34ch;color:var(--system);margin:0 auto 16px;font-size:13px;line-height:1.5}.tn-msgs{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tn-msg{display:flex}.tn-msg.out{justify-content:flex-end}.tn-msg.in+.tn-msg.out,.tn-msg.out+.tn-msg.in{margin-top:12px}.tn-bubble{overflow-wrap:anywhere;border-radius:12px;max-width:min(84%,540px);padding:8px 12px 6px;position:relative}.in .tn-bubble{background:var(--bubble-in);color:var(--text-in);box-shadow:0 1px 0 var(--rule);border-top-left-radius:3px}.out .tn-bubble{background:var(--bubble-out);color:var(--text-out);border-top-right-radius:3px}.in .txt{font:16px/1.55 var(--font-serif)}.out .txt{font:15px/1.5 var(--font-sans)}.tn-bubble p{margin:0}.tn-bubble p+p,.tn-bubble ul,.tn-bubble ul+p{margin-top:8px}.txt ul{margin-bottom:0;padding-left:20px;list-style:outside}.txt li+li{margin-top:2px}.txt strong{font-weight:600}.tn-meta{font:11px/1.4 var(--font-sans);justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;display:flex}.in .tn-meta{color:var(--meta-in)}.out .tn-meta{color:var(--meta-out)}.tn-meta svg{color:var(--tick)}.tn-menu{border-top:1px solid var(--rule);margin:10px -12px 0;padding:0;list-style:none}.tn-menu li+li{border-top:1px solid var(--rule)}.tn-menu button{text-align:left;width:100%;min-height:48px;color:var(--text-in);cursor:pointer;font-family:var(--font-sans);background:0 0;border:0;padding:10px 12px;display:block}.tn-menu button:hover{background:var(--hover)}.tn-menu .q{font-size:15px;font-weight:600;line-height:1.3;display:block}.tn-menu .sub{color:var(--meta-in);margin-top:2px;font-size:13px;line-height:1.4;display:block}.tn-typing{gap:5px;padding:8px 2px 4px;display:inline-flex}.tn-typing i{background:var(--meta-in);border-radius:50%;width:6px;height:6px;animation:1.2s infinite tn-wait}.tn-typing i:nth-child(2){animation-delay:.2s}.tn-typing i:nth-child(3){animation-delay:.4s}@keyframes tn-wait{0%,80%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.tn-typing i{opacity:.6;animation:none}}.tn-handoff-card{text-align:center;max-width:34ch;color:var(--system);margin:16px auto 4px;font-size:14px;line-height:1.5}.tn-handoff-card a{background:var(--card-bg);min-height:44px;color:var(--card-text);border-radius:8px;align-items:center;margin-top:8px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.tn-input{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bar);align-items:flex-end;gap:8px;display:flex}.tn-input textarea{resize:none;border:1px solid var(--field-border);background:var(--field);min-height:44px;max-height:140px;color:var(--text-in);font:15px/1.4 var(--font-sans);border-radius:12px;flex:1;padding:11px 14px}.tn-input textarea::placeholder{color:var(--meta-in)}.tn-send{background:var(--send-bg);width:44px;height:44px;color:var(--send-icon);cursor:pointer;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.tn-send:disabled{opacity:.45;cursor:default}.tn-chat :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tn-head :focus-visible{outline-color:var(--head-text)}.tn-input textarea:focus-visible{outline-offset:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}