*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{-webkit-text-size-adjust:100%;overscroll-behavior:none}:root{--color-bg: #ffffff;--color-fg: #000000;--color-fg-muted: rgba(0, 0, 0, .7);--color-surface-contrast: #efefef;--color-surface-bubble: #ffffff;--color-surface-disabled: #f3f3f3;--font-sans: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;--font-header-family: Arial, sans-serif;--font-header-size: 20px;--font-header-line-height: 1.15;--size-h1: clamp(2rem, 6vw, 4rem);--size-subline: clamp(1rem, 2.5vw, 1.25rem);--size-base: 1rem;--frame-width-reference: 393px;--frame-height-reference: 852px;--header-padding-y: 10px;--header-padding-x: 135px;--header-gap: 10px;--content-padding-y: 10px;--chat-gap-initial: 10px;--chat-gap-loaded: 15px;--message-gap: 5px;--chat-controls-gap: 5px;--chat-controls-padding: 5px;--chat-input-inner-padding: 10px;--message-padding: 5px;--send-button-size: 43px;--assistant-container-padding: 0px 53px 0px 5px;--user-container-padding: 0px 5px 0px 53px;--message-label-size: 16px;--message-label-line-height: 1.15;--message-text-size: 20px;--message-text-line-height: 1.15;--radius-input-container: 30px;--radius-input-field: 20px;--radius-message-bubble: 5px;--radius-send-button: 27.5px;--shadow-soft: 0px 0px 0px 1px rgba(0, 0, 0, .08), 0px 6px 24px 0px rgba(0, 0, 0, .05);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans),serif;font-size:var(--size-base);line-height:1.5;text-rendering:optimizeLegibility}.app{min-height:100dvh;position:relative;display:flex;flex-direction:column;background:var(--color-surface-contrast)}.header{background:var(--color-bg);box-shadow:var(--shadow-soft);position:sticky;top:0;width:100%;z-index:10;padding:10px;display:flex;align-items:flex-end;gap:10px}.header__title{margin:0;font-family:var(--font-header-family);font-size:var(--font-header-size);line-height:var(--font-header-line-height);font-weight:400;text-align:center;width:100%}jt-message-history,jt-participant-messages-sub-list,jt-simple-text-block,jt-joke-block{display:block}.messages{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:10px 0}.messages__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--message-gap);width:100%}.chat-message{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:4px}.chat-message--assistant{align-items:flex-start;padding:var(--assistant-container-padding)}.chat-message--user{align-items:flex-end;padding:var(--user-container-padding)}.chat-message__blocks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;width:100%}.chat-message--assistant .chat-message__blocks{align-items:flex-start}.chat-message--user .chat-message__blocks{align-items:flex-end}.chat-message__bubble{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;padding:var(--message-padding) var(--chat-input-inner-padding);border-radius:var(--radius-message-bubble);box-shadow:var(--shadow-soft);background:var(--color-surface-bubble)}.chat-message--assistant .chat-message__bubble{color:var(--color-fg);align-self:flex-start}.chat-message--user .chat-message__bubble{align-items:flex-start;color:var(--color-fg);align-self:flex-end}.chat-message__label{font-weight:400;font-size:var(--message-label-size);line-height:var(--message-label-line-height);font-family:var(--font-header-family);align-self:flex-start;text-align:left}.chat-message--user .chat-message__label{align-self:flex-end;text-align:right}.chat-message__text{font-size:var(--message-text-size);line-height:var(--message-text-line-height);font-family:var(--font-header-family);white-space:pre-wrap}.chat-message__fulltext{position:absolute;opacity:0;pointer-events:none;font-size:1px;line-height:1;white-space:nowrap}.composer{display:flex;flex-direction:column;position:sticky;bottom:0;background:transparent}.composer form{display:flex;align-items:flex-end;justify-content:center;gap:var(--chat-controls-gap);padding:var(--chat-controls-padding);padding-bottom:calc(var(--chat-controls-padding) + env(safe-area-inset-bottom));width:100%;align-self:stretch}.composer__input{flex:1;min-width:0;padding:var(--chat-input-inner-padding);border:none;border-radius:var(--radius-input-field);background:var(--color-bg);box-shadow:var(--shadow-soft);font-size:20px;line-height:23px;font-family:var(--font-header-family);color:var(--color-fg);resize:none;overflow-y:hidden;max-height:calc((23px * 3) + (var(--chat-input-inner-padding) * 2))}.composer__input:disabled{background:var(--color-surface-disabled);background-color:#f3f3f3;color:var(--color-fg-muted);color:#000000b3;box-shadow:var(--shadow-soft);cursor:not-allowed}.composer__send{width:var(--send-button-size, 43px);height:var(--send-button-size, 43px);flex:0 0 var(--send-button-size, 43px);display:inline-flex;align-items:center;justify-content:center;padding:5px;border:none;border-radius:var(--radius-send-button);background:var(--color-bg);box-shadow:var(--shadow-soft);color:var(--color-fg);font-size:var(--message-text-size);line-height:1;cursor:pointer}.composer__send:disabled{background:var(--color-surface-disabled);background-color:#f3f3f3;color:var(--color-fg-muted);color:#000000b3;box-shadow:var(--shadow-soft);cursor:not-allowed}.composer__send.stop-loading{background-color:#f52727;color:transparent;position:relative}.composer__send.stop-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background-color:#fff;border-radius:1px;pointer-events:none}.composer__hidden-status{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}