#tl-chat{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));inset-inline-end:18px;z-index:100;font:14px Arial,sans-serif;color:#e6f5fa}#tl-chat *{box-sizing:border-box}#tl-chat button{cursor:pointer;font:inherit}#chat-toggle{display:flex;align-items:center;gap:10px;background:linear-gradient(120deg,#09c4b4,#1077b5);color:#fff;border:1px solid #58e1d3;border-radius:32px;padding:15px 20px;box-shadow:0 8px 35px #0007}#chat-toggle>span:first-child{font-size:25px}#chat-window{width:370px;max-width:calc(100vw - 28px);height:570px;max-height:calc(100dvh - 105px);display:flex;flex-direction:column;background:#0b2332;border:1px solid #2c6578;border-radius:22px;box-shadow:0 20px 70px #0009;overflow:hidden;margin-bottom:12px;position:absolute;bottom:100%;inset-inline-end:0}#tl-chat [hidden]{display:none!important}#chat-window header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#134451,#0e3047);padding:17px;flex-shrink:0}#chat-window small{color:#60dfce;font-size:10px;letter-spacing:2px}#chat-window h2{font-size:18px;margin:6px 0 0}#chat-close{background:transparent;border:0;color:white;font-size:28px!important;padding:5px 10px}#chat-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:15px;scrollbar-width:thin;scrollbar-color:#317a82 transparent}.chat-message{padding:12px 14px;border-radius:15px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;max-width:94%;margin:0 0 12px;background:#163b4a}.chat-message.user{margin-inline-start:auto;background:#126c70;color:white}.chat-message small{display:block;letter-spacing:0!important;margin-bottom:4px}#chat-prompts{display:flex;gap:5px;padding:0 12px;flex-wrap:wrap}#chat-prompts button{border:1px solid #2c6873;border-radius:20px;color:#ade4de;background:transparent;font-size:11px;padding:6px 9px}#chat-status{margin:6px 13px;font-size:11px;color:#f2d395;line-height:1.5;flex-shrink:0}#chat-form{padding:10px 13px;border-top:1px solid #294552;display:block;margin:0;flex-shrink:0}#chat-consent-label{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.5;color:#a9c2ce;margin-bottom:10px}#chat-consent{width:15px;height:15px;margin:2px 0;flex-shrink:0;accent-color:#12baa9}.chat-compose{display:flex;gap:8px;align-items:center}#chat-input{width:100%;min-width:0;resize:none;background:#071b29;border:1px solid #345564;border-radius:12px;color:white;padding:10px;font:inherit;line-height:1.5}#chat-send{background:#14bcaa;color:#05272e;border:0;border-radius:12px;padding:12px}#tl-chat button:disabled{opacity:.5;cursor:wait}.chat-links{display:flex;justify-content:space-around;gap:6px;padding:8px 10px 13px;flex-shrink:0}.chat-links a,.chat-links button{font-size:11px!important;color:#7edacb!important;text-decoration:none;border:0;background:transparent;padding:2px}.chat-sr,.chat-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%)}#tl-chat :focus-visible{outline:2px solid #69e9db;outline-offset:2px}@media(max-width:480px){#tl-chat{inset-inline-end:14px;bottom:max(12px,env(safe-area-inset-bottom))}#chat-window{width:calc(100vw - 28px);max-height:calc(100dvh - 92px)}#chat-toggle{padding:12px 17px}}@media(max-height:500px){#chat-window{max-height:calc(100dvh - 85px)}#chat-window header{padding:8px 12px}#chat-prompts{display:none}#chat-consent-label{font-size:9px}}
#chat-processing{margin:-4px 0 10px;color:#a9c2ce;font-size:10px;line-height:1.5}#chat-send,#chat-emoji{width:40px;height:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;padding:9px;border-radius:12px}#chat-emoji{color:#9eddd6;background:#143847;border:1px solid #345564}#chat-send svg,#chat-emoji svg{width:22px;height:22px;display:block}#chat-send:hover{background:#56dbc8}#chat-emoji:hover,#chat-emoji[aria-expanded="true"]{background:#225564;color:white}#chat-emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:8px;padding:6px;background:#071b29;border:1px solid #345564;border-radius:12px}#chat-emojis button{min-height:36px;border:0;border-radius:8px;background:transparent;font-size:22px;color:white;padding:3px}#chat-emojis button:hover{background:#225564}
/* Compact phone layout; keep desktop dimensions unchanged. */
@media (max-width:600px), (max-height:500px) and (pointer:coarse){
 #tl-chat{inset-inline-end:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));font-size:13px}
 #chat-toggle{padding:9px 13px;min-height:44px;gap:7px;font-size:12px}
 #chat-toggle>span:first-child{font-size:21px}
 #chat-window{position:fixed;inset-inline-end:max(10px,env(safe-area-inset-right));bottom:calc(64px + env(safe-area-inset-bottom));width:340px;max-width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right));height: min(480px,72vh);height:min(480px,72dvh);max-height:calc(100vh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:16px;margin:0;overflow-y:auto;overscroll-behavior:contain}
 #chat-window header{padding:8px 10px}
 #chat-window h2{font-size:15px;margin-top:3px}
 #chat-window header small{font-size:9px;letter-spacing:1px}
 #chat-close{min-width:44px;min-height:44px;padding:4px}
 #chat-log{padding:10px;min-height:75px}
 .chat-message{padding:8px 10px;margin-bottom:8px;line-height:1.6;border-radius:12px}
 #chat-prompts{gap:4px;padding:0 10px}
 #chat-prompts button{padding:6px 8px;font-size:10px}
 #chat-status{margin:4px 10px}
 #chat-status:empty{display:none}
 #chat-form{padding:8px 10px;position:relative}
 #chat-consent-label{font-size:11px;line-height:1.4;margin-bottom:7px}
 #chat-consent{width:18px;height:18px}
 .chat-compose{gap:5px}
 /* 16px prevents automatic input zoom on iOS. */
 #chat-input{font-size:16px;line-height:1.4;height:46px;padding:10px 8px;border-radius:10px}
 #chat-send,#chat-emoji{width:44px;height:44px;flex-basis:44px;padding:11px}
 #chat-emojis{position:absolute;bottom:60px;inset-inline:10px;margin:0;box-shadow:0 5px 24px #0008}
 #chat-emojis button{min-height:40px}
 .chat-links{padding:2px 8px 7px;gap:3px}
 .chat-links a,.chat-links button{display:flex;align-items:center;justify-content:center;min-height:32px;font-size:10px!important}
}