@import url(https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ios-blue:#007aff;--ios-green:#34c759;--ios-orange:#ff9500;--ios-red:#ff3b30;--ios-gray:#8e8e93;--ios-gray-light:#f2f2f7;--ios-gray-dark:#1c1c1e;--user-message-bg:#007aff;--user-message-text:#fff;--assistant-message-bg:#e5e5ea;--assistant-message-text:#000;--dark-bg:#000;--dark-surface:#1c1c1e;--dark-assistant-message-bg:#2c2c2e;--dark-assistant-message-text:#fff;--device-width:375px;--device-height:720px;--device-radius:40px;--status-bar-height:44px;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-overflow-scrolling:touch;align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);contain:layout style size;display:flex;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overscroll-behavior:none;padding:20px}.chatlab-app{align-items:center;contain:layout style;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding-top:20px;position:relative}.chatlab-app.iframe-vcenter{justify-content:center;min-height:100vh;padding:20px 0}.chatlab-app.align-top{justify-content:flex-start;min-height:100vh;padding-top:40px}.device-frame{background:#000;border-radius:40px;border-radius:var(--device-radius);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;contain:strict;flex-shrink:0;height:720px;height:var(--device-height);isolation:isolate;overflow:hidden;padding:8px;position:relative;touch-action:pan-y;transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:375px;width:var(--device-width);will-change:auto}.device-frame.swipe-active{box-shadow:0 15px 30px #0006,0 0 0 1px #ffffff26,0 0 20px #007aff33;transform:scale(.98)}.device-frame:after,.device-frame:before{background:linear-gradient(180deg,#0000,#ffffff4d,#0000);content:"";height:60px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;transition:opacity var(--transition-medium);width:3px;z-index:1}.device-frame:before{border-radius:0 2px 2px 0;left:2px}.device-frame:after{border-radius:2px 0 0 2px;right:2px}@media (hover:hover){.device-frame:hover:after,.device-frame:hover:before{opacity:.6}}.device-screen{background:#fff;border-radius:32px;border-radius:calc(var(--device-radius) - 8px);-webkit-clip-path:inset(0 round 32px);clip-path:inset(0 round 32px);-webkit-clip-path:inset(0 round calc(var(--device-radius) - 8px));clip-path:inset(0 round calc(var(--device-radius) - 8px));contain:layout style paint;display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden;position:relative;transform:translateZ(0);width:100%}.device-screen.dark{background:#000;background:var(--dark-bg);color:#fff}.status-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:32px 32px 0 0;border-radius:calc(var(--device-radius) - 8px) calc(var(--device-radius) - 8px) 0 0;color:#000;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:44px;height:var(--status-bar-height);justify-content:space-between;margin:0;overflow:hidden;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.status-bar.dark{background:#000000f2;color:#fff}.status-left{align-items:center;display:flex;gap:6px}.status-center{background:#000;border-radius:10px;height:20px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:134px}.status-right{align-items:center;display:flex;gap:6px}.network-indicator{align-items:center;display:flex;gap:2px}.signal-bar{background:currentColor;border-radius:1px;width:3px}.battery{align-items:center;border:1px solid;border-radius:2px;display:flex;height:12px;position:relative;width:24px}.battery:after{background:currentColor;border-radius:0 1px 1px 0;content:"";height:6px;position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:2px}.battery-fill{background:#34c759;background:var(--ios-green);border-radius:1px;height:8px;margin:1px;transition:all .2s ease;transition:all var(--transition-fast)}.chat-interface{background:#fff;border-radius:0 0 32px 32px;border-radius:0 0 calc(var(--device-radius) - 8px) calc(var(--device-radius) - 8px);-webkit-clip-path:inset(0 0 0 0 round 0 0 32px 32px);clip-path:inset(0 0 0 0 round 0 0 32px 32px);-webkit-clip-path:inset(0 0 0 0 round 0 0 calc(var(--device-radius) - 8px) calc(var(--device-radius) - 8px));clip-path:inset(0 0 0 0 round 0 0 calc(var(--device-radius) - 8px) calc(var(--device-radius) - 8px));display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.chat-interface.dark{background:#000;background:var(--dark-bg)}.chat-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between;padding:12px 20px}.chat-header.dark{background:#1c1c1ecc;border-bottom-color:#38383a}.chat-title{align-items:center;display:flex;gap:10px}.texxa-logo{border-radius:16px;height:32px;width:32px}.chat-name{color:#000;font-size:16px;font-weight:600}.chat-name.dark{color:#fff}.thread-navigation{display:flex;gap:8px}.nav-button{align-items:center;background:#007aff;background:var(--ios-blue);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:32px}.nav-button:hover{background:#0056d3;transform:scale(1.05)}.nav-button:disabled{background:#8e8e93;background:var(--ios-gray);cursor:not-allowed;transform:none}.messages-container{-webkit-overflow-scrolling:touch;contain:layout style;display:flex;flex:1 1;flex-direction:column;gap:16px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:none;padding:20px 20px 28px;scroll-behavior:smooth;scrollbar-color:#0003 #0000;scrollbar-width:thin;touch-action:pan-y}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.message{align-items:flex-start;animation:messageAppear ease-out .3s ease;animation:messageAppear var(--transition-medium) ease-out;display:flex;flex-direction:column;gap:6px;max-width:85%;position:relative}.message-sender{color:#8e8e93;color:var(--ios-gray);font-size:12px;font-weight:600;margin-bottom:2px;padding-left:4px}.dark .message-sender{color:#8e8e93}.message.user{align-items:flex-end;align-self:flex-end}.message.assistant{align-items:flex-start;align-self:flex-start}.message-bubble{word-wrap:break-word;border-radius:20px;font-size:16px;line-height:1.4;max-width:100%;padding:12px 16px;position:relative;width:-webkit-fit-content;width:fit-content}.message-bubble.user{background:#007aff;background:var(--user-message-bg);border-bottom-right-radius:8px;color:#fff;color:var(--user-message-text)}.message-bubble.user[data-sender=Alex]{background:#007aff}.message-bubble.user[data-sender=Sarah]{background:#34c759}.message-bubble.user[data-sender=Mike]{background:#ff9500}.message-bubble.user[data-sender=Linda]{background:#af52de}.message-bubble.user[data-sender=Tom]{background:#ff3b30}.message-bubble.user[data-sender=Mom]{background:#30b0c7}.message-bubble.user[data-sender=Emma]{background:#5ac8fa}.message-bubble.user[data-sender=Jake]{background:#fc0}.message-bubble.user[data-sender=Maya]{background:#ff2d92}.dark .message-bubble.user[data-sender=Sarah]{background:#30d158}.dark .message-bubble.user[data-sender=Linda]{background:#bf5af2}.message-bubble.assistant{background:#e5e5ea;background:var(--assistant-message-bg);border-bottom-left-radius:8px;color:#000;color:var(--assistant-message-text)}.dark .message-bubble.assistant{background:#2c2c2e;background:var(--dark-assistant-message-bg);color:#fff;color:var(--dark-assistant-message-text)}.message>div[style*="flex-direction: column"]{align-items:center!important;bottom:0!important;flex-direction:row!important;gap:8px!important;left:16px!important;margin-top:0!important;pointer-events:auto;position:absolute!important;transform:translateY(50%)!important;z-index:20}.message.user>div[style*="flex-direction: column"]{left:auto!important;right:16px!important}.message-reactions{align-self:flex-start;display:flex;flex-wrap:wrap;gap:6px;margin-top:0;max-width:250px;position:relative;z-index:10}.message.user .message-reactions{align-self:flex-end}.reaction{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0003;border-radius:12px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s ease;transition:all var(--transition-fast);white-space:nowrap}.reaction:hover{background:#fff;transform:scale(1.05)}.reaction.reacted{background:#007aff;background:var(--ios-blue);border-color:#007aff;border-color:var(--ios-blue);color:#fff}.dark .reaction{background:#1c1c1ef2;border-color:#ffffff4d;color:#fff}.emoji-picker-container{align-items:center;align-self:flex-start;display:flex;margin-left:0;margin-top:0;position:relative;z-index:10}.message.user .emoji-picker-container{align-self:flex-end;margin-left:0;margin-right:0}.emoji-picker-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0003;border-radius:16px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;transition:all var(--transition-fast);width:32px}.emoji-picker-button:hover{background:#fff;transform:scale(1.05)}.dark .emoji-picker-button{background:#1c1c1ef2;border-color:#ffffff4d}.emoji-picker-popup{grid-gap:4px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;bottom:100%;box-shadow:0 8px 32px #00000026;display:grid;gap:4px;grid-template-columns:repeat(6,1fr);left:0;margin-bottom:8px;min-width:200px;padding:8px;position:absolute;z-index:100}.dark .emoji-picker-popup{background:#1c1c1ef2;border-color:#ffffff1a}.emoji-option{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s ease;transition:all var(--transition-fast)}.emoji-option:hover{background:#0000001a;transform:scale(1.1)}.dark .emoji-option:hover{background:#ffffff1a}.typing-indicator{align-items:center;align-self:flex-start;background:#e5e5ea;background:var(--assistant-message-bg);border-radius:20px;border-bottom-left-radius:8px;display:flex;gap:8px;margin-bottom:16px;max-width:85%;padding:12px 16px}.dark .typing-indicator{background:#2c2c2e;background:var(--dark-assistant-message-bg)}.typing-dots{display:flex;gap:4px}.typing-dot{animation:typingDot 1.4s ease-in-out infinite;background:#8e8e93;background:var(--ios-gray);border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes messageAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}@media (max-width:480px){body{height:100vh;min-height:100vh;padding:8px;touch-action:none;width:100%}.chatlab-app{height:100%;overflow:hidden;touch-action:pan-y;width:100%}.chatlab-app.iframe-vcenter{height:auto;justify-content:center;min-height:100vh;padding:10px 0}.device-frame{border:2px solid #0000001a;border-radius:40px;box-shadow:0 20px 40px #0000004d,0 0 0 3px #ffffff26,inset 0 0 0 1px #ffffff1a;height:70vh;max-height:none;min-height:400px;padding:8px;width:calc(100vw - 16px)}.device-screen{border-radius:30px;overflow:hidden}.status-center{background:#000!important;border-radius:8px!important;height:16px!important;top:16px!important;width:80px!important}.status-bar{height:48px;padding:0 24px}:root{--device-width:calc(100vw - 16px);--device-height:70vh;--device-radius:40px;--status-bar-height:48px}.thread-navigation-top{gap:20px;margin-bottom:15px;padding:0 16px}.nav-arrow{border-radius:20px;font-size:18px;height:40px;width:40px}.thread-title-top{font-size:18px;margin:0 0 12px;padding:0 24px}.messages-container{padding:16px}}@media (max-width:360px){body{height:100vh;padding:4px;touch-action:none;width:100%}.chatlab-app.iframe-vcenter{height:auto;justify-content:center;min-height:100vh;padding:8px 0}.device-frame{border:1.5px solid #00000014;border-radius:36px;box-shadow:0 15px 30px #00000040,0 0 0 2px #ffffff1f,inset 0 0 0 1px #ffffff14;height:65vh;min-height:350px;padding:6px;width:calc(100vw - 8px)}.device-screen{border-radius:30px}.status-center{border-radius:7px!important;height:14px!important;top:14px!important;width:70px!important}.status-bar{height:44px;padding:0 20px}.thread-navigation-top{gap:12px;margin-bottom:12px;padding:0 12px}.nav-arrow{font-size:16px;height:36px;width:36px}.thread-picker{gap:8px;padding:8px 12px}.thread-dot{height:7px;width:7px}.thread-title-top{font-size:16px;margin:0 0 10px;padding:0 20px}.messages-container{padding:12px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.thread-title-top{color:#fff;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 15px;padding:0 20px;text-align:center;text-shadow:0 1px 3px #0000004d}.thread-navigation-top{gap:20px;margin-bottom:20px;position:relative}.nav-arrow,.thread-navigation-top{align-items:center;display:flex;justify-content:center}.nav-arrow{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #0000001a;border-radius:20px;color:#007aff;color:var(--ios-blue);cursor:pointer;font-size:18px;font-weight:700;height:40px;transition:all .2s ease;transition:all var(--transition-fast);width:40px}.nav-arrow:hover:not(:disabled){background:#fff;box-shadow:0 4px 16px #0000001a;transform:scale(1.05)}.nav-arrow:disabled{cursor:not-allowed;opacity:.3}.dark .nav-arrow{background:#1c1c1ee6;border-color:#ffffff1a;color:#007aff;color:var(--ios-blue)}.dark .nav-arrow:hover:not(:disabled){background:#1c1c1e}.thread-picker{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #0000001a;border-radius:20px;display:flex;gap:8px;padding:8px}.dark .thread-picker{background:#1c1c1ee6;border-color:#ffffff1a}.thread-dot{background:#8e8e93;background:var(--ios-gray);border-radius:50%;cursor:pointer;height:8px;transition:all .2s ease;transition:all var(--transition-fast);width:8px}.thread-dot.active{background:#007aff;background:var(--ios-blue);transform:scale(1.2)}
/*# sourceMappingURL=main.0fddae3b.css.map*/