*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{-webkit-text-size-adjust:100%;overscroll-behavior:none;scroll-behavior:auto}:root{--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-participants-gap: 10px;--chat-input-inner-padding: 12px;--message-padding: 12px;--send-button-size: var(--Send-Button-Diameter);--assistant-container-padding: 0 var(--message-padding-opposite) 0 var(--chat-controls-padding);--user-container-padding: 0 var(--chat-controls-padding) 0 var(--message-padding-opposite);--message-padding-opposite: 20px;--message-label-size: 16px;--message-label-line-height: 1.15;--message-text-size: 16px;--message-text-line-height: normal;--radius-input-container: 30px;--radius-input-field: 24px;--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);--Standard-Elevation: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--Input-Elevation: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--Input-Elevation-Focus: 0px 0px 4px 2px rgba(45, 212, 191, .4), 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--Button-Inactive-Elevation: 0px 2px 6px 2px rgba(0, 0, 0, .15), 0px 1px 2px 0px rgba(0, 0, 0, .3);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--Send-Button-Diameter: 42px;--Text-White: #e5e7eb;--Text-Secondary: #94a3b8;--Black: #0b1220;--Purple: #a78bfa;--Yellow-Black: #211501;--Coral-White: #fef5f3;--Light-Fill: linear-gradient(170.947deg, rgba(255, 255, 255, .2) 21.573%, rgba(255, 255, 255, .12) 74.247%), rgba(11, 18, 32, .4);--Light-Highlight-Border: linear-gradient(294deg, rgba(255, 255, 255, .35) 33.79%, rgba(255, 255, 255, .25) 67.89%);--Input-Background: linear-gradient(172.197deg, rgba(45, 212, 191, .15) 23.016%, rgba(255, 255, 255, .1) 71.947%);--Input-Background-Focus: linear-gradient(172.197deg, rgba(45, 212, 191, .25) 23.016%, rgba(255, 255, 255, .1) 71.947%);--Input-Border-Gradient: linear-gradient(172deg, rgba(45, 212, 191, .4) 0%, rgba(45, 212, 191, .1) 100%);--Input-Border-Gradient-Focus: linear-gradient(172deg, rgba(45, 212, 191, .6) 0%, rgba(45, 212, 191, .3) 100%);--Send-Button-Background: linear-gradient(137.079deg, rgba(45, 212, 191, .35) 28.986%, rgba(45, 212, 191, .25) 75.907%);--Send-Button-Border-Gradient: linear-gradient(137deg, rgba(45, 212, 191, .85) 0%, rgba(45, 212, 191, .4) 100%);--Stop-Button-Background: linear-gradient(163.54deg, rgba(251, 113, 133, .35) 13.419%, rgba(251, 113, 133, .25) 91.993%);--Stop-Button-Border-Gradient: linear-gradient(163deg, rgba(251, 113, 133, .85) 0%, rgba(251, 113, 133, .4) 100%);--Purple-Border-Gradient: linear-gradient(172deg, rgba(167, 139, 250, .4) 0%, rgba(167, 139, 250, .1) 100%);--Enlarge-Icon-Background: linear-gradient(174deg, rgba(167, 139, 250, .35) 0%, rgba(167, 139, 250, .25) 100%);--Title-Font-Size: 20px;--Subtitle-Font-Size: 16px;--Title-Font-Weight: 400;--Subtitle-Font-Weight: 400;--composer-input-line-height: 1;--composer-input-max-lines: 3;--composer-input-padding-y: 12px}body{background:linear-gradient(168deg,#2dd4bf4d,#a78bfa33,#fb718540 99.71%),var(--Black);background-attachment:fixed;font-family:var(--font-sans),serif;font-size:var(--size-base);line-height:normal;text-rendering:optimizeLegibility}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{height:100dvh;min-height:100dvh;position:relative;width:100%;min-width:0;overflow:hidden;background:transparent}.header{background:var(--Light-Fill);box-shadow:var(--Standard-Elevation);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border-bottom-width:1px;border-bottom-style:solid;border-image:var(--Light-Highlight-Border) 1;position:absolute;top:0;left:0;right:0;width:100%;z-index:10;padding:12px;display:flex;align-items:center;gap:12px}.header__image{width:var(--Send-Button-Diameter);height:var(--Send-Button-Diameter);border-radius:calc(var(--Send-Button-Diameter) / 2);object-fit:cover;flex-shrink:0}.header__text{display:flex;flex-direction:column;gap:2px;flex-grow:1}.header__title{margin:0;font-family:Arial,sans-serif;font-size:var(--Title-Font-Size);line-height:1;font-weight:var(--Title-Font-Weight);color:var(--Text-White)}.header__subtitle{margin:0;font-family:Arial,sans-serif;font-size:var(--Subtitle-Font-Size);line-height:1;font-weight:var(--Subtitle-Font-Weight);color:var(--Text-Secondary)}.messages{position:absolute;inset:0;min-height:0;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch;scroll-behavior:auto;display:flex;flex-direction:column;will-change:transform}.composer{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0;z-index:10;background:var(--Light-Fill);box-shadow:var(--Standard-Elevation);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border-top-width:1px;border-top-style:solid;border-image:var(--Light-Highlight-Border) 1}.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-wrapper{flex:1;min-width:0;position:relative;border-radius:var(--radius-input-field);background:var(--Input-Background);box-shadow:var(--Input-Elevation);display:flex;transition:background .2s ease,box-shadow .2s ease}.composer__input-wrapper:focus-within{background:var(--Input-Background-Focus);box-shadow:var(--Input-Elevation-Focus)}.composer__input{flex:1;min-width:0;min-height:var(--Send-Button-Diameter);padding:var(--composer-input-padding-y) 12px;border:0;border-radius:inherit;background:transparent;font-size:16px;line-height:var(--composer-input-line-height);font-family:var(--font-header-family);color:var(--Text-White);resize:none;overflow-y:hidden;max-height:calc(var(--composer-input-max-lines) * var(--composer-input-line-height) * 1em + 2 * var(--composer-input-padding-y));max-height:calc(var(--composer-input-max-lines) * 1lh + 2 * var(--composer-input-padding-y));field-sizing:content;margin:0;outline:none}.composer__input-wrapper:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--Input-Border-Gradient);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:background .2s ease}.composer__input-wrapper:focus-within:before{background:var(--Input-Border-Gradient-Focus)}.composer__send{width:var(--Send-Button-Diameter);height:var(--Send-Button-Diameter);flex:0 0 var(--Send-Button-Diameter);display:inline-flex;align-items:center;justify-content:center;padding:5px;border:0;border-radius:var(--radius-send-button);background:var(--Send-Button-Background);box-shadow:var(--Standard-Elevation);color:var(--Text-White);cursor:pointer;position:relative;outline:none}.composer__send:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--Send-Button-Border-Gradient);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.composer__send-icon{width:25px;height:25px;flex-shrink:0}.composer__send.stop-loading{background:var(--Stop-Button-Background);color:transparent}.composer__send.stop-loading:before{background:var(--Stop-Button-Border-Gradient)}.composer__send.stop-loading .composer__send-icon{display:none}.composer__send.stop-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;background-color:var(--Text-White);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}
