:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Arial, sans-serif; color: #263b30; background: #f6f5ee; }
* { box-sizing: border-box; }
body { margin: 0; }
button { -webkit-tap-highlight-color: transparent; }
button:focus-visible { outline: 3px solid #b07729; outline-offset: 5px; border-radius: 3px; }
.conversation { min-width: 0; height: 100svh; height: 100dvh; padding: 12px; display: flex; flex-direction: column; position: relative; }
chat-messenger { display: block; flex: 1; min-height: 0; width: 100%; border: 1px solid #dde2d6; border-radius: 22px; overflow: hidden; background: white; --chat-messenger-color--surface: #fff; --chat-messenger-color--primary: #254c3b; --chat-messenger-color--primary-container: #e5eddf; --chat-messenger-color--secondary: #e5eddf; --chat-messenger-color--on-surface: #263b30; --chat-messenger-color--on-primary: #fff; --chat-messenger-color--link: #245e43; --chat-messenger-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; --chat-messenger-typescale--body-large-font-size: 18px; --chat-messenger-typescale--body-large-line-height: 28px; --chat-messenger-typescale--body-medium-font-size: 17px; --chat-messenger-typescale--body-medium-line-height: 27px; --chat-messenger-typescale--title-large-font-size: 21px; --chat-messenger-shape--corner-value-extra-large: 22px; }
chat-messenger-container { display: flex; height: 100%; width: 100%; min-height: 0; flex: 1; }
.loading, .load-error { position: absolute; z-index: 2; inset: 40% 8% auto; padding: 24px; background: #fff; text-align: center; border-radius: 16px; font-size: 17px; box-shadow: 0 6px 25px #26442b0a; }
[hidden] { display: none !important; }
.loading-dot { display: inline-block; width: 9px; height: 9px; background: #254c3b; border-radius: 50%; margin-right: 10px; animation: pulse 1.4s ease-in-out infinite; }
.load-error p, .noscript { line-height: 1.6; }
.load-error button { border: 0; border-radius: 10px; padding: 12px 22px; background: #254c3b; color: white; font: inherit; cursor: pointer; }
@keyframes pulse { 50% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .loading-dot { animation: none; } }
h2 { font-size: 17px; margin: 0 0 8px; font-weight: 650; }
@media (max-width: 720px) { :root { background: white; } .conversation { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); } chat-messenger { border: 0; border-radius: 0; --chat-messenger-shape--corner-value-extra-large: 0px; } }