.app-ai-chat{--ai-blue:#007aff;--ai-text:#232c3b;--ai-muted:#718096;--ai-tint:#fff5df;--ai-persona:#ff9b08;display:flex;overflow:hidden;background:#fff;color:var(--ai-text);font-size:14px;container-type:inline-size;container-name:ai-chat;line-height:1.5}
.app-ai-chat[data-persona="nova"]{--ai-tint:#fbecff;--ai-persona:#b64cff}.app-ai-chat[data-persona="sprout"]{--ai-tint:#e9fbef;--ai-persona:#21bf6b}
.app-ai-chat button{cursor:default}.app-ai-chat button:focus-visible,.app-ai-chat textarea:focus-visible{outline:2px solid #007aff;outline-offset:2px}
.ai-chat-sidebar{width:188px;flex:0 0 188px;display:flex;flex-direction:column;min-height:0;padding:21px 10px 15px;background:#f7f8fc;border-right:1px solid #e9edf4}
.ai-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 9px 24px;gap:8px}.ai-sidebar-kicker{font-size:11px;font-weight:650;letter-spacing:1.25px;color:#909bab}.ai-sidebar-heading h2{font-size:21px!important;font-weight:690;letter-spacing:-.65px;margin-top:2px!important}.ai-chat-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#007aff;background:#e5efff}
.ai-personas{display:grid;gap:8px}.ai-persona{display:flex;align-items:center;gap:9px;position:relative;min-width:0;padding:12px 8px!important;width:100%;text-align:left;border-radius:14px!important;background:transparent!important;transition:background .16s}.ai-persona:hover{background:#ecf0f7!important}.ai-persona.is-active{background:#e1edff!important;box-shadow:inset 0 0 0 1px #c9deff}.ai-persona[data-persona="nova"].is-active{background:#f4e4ff!important;box-shadow:inset 0 0 0 1px #e8c8ff}.ai-persona[data-persona="sprout"].is-active{background:#def8e8!important;box-shadow:inset 0 0 0 1px #bcebd0}
.ai-persona-copy{display:block;flex:1;min-width:0}.ai-persona-copy strong{display:block;font-size:14px;font-weight:650;letter-spacing:-.2px}.ai-persona-copy small{display:block;font-size:11px;line-height:1.35;margin-top:3px;color:#6f7b8e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-persona-presence{width:6px;height:6px;border-radius:50%;background:#24c674;flex:0 0 6px;position:absolute;right:8px;top:16px}
.ai-sidebar-bottom{display:flex;align-items:center;gap:7px;margin-top:auto;padding:24px 10px 0;font-size:11px;color:#8290a4;line-height:1.35}.ai-preview-dot{width:6px;height:6px;border-radius:50%;background:#b54aff;box-shadow:0 0 0 3px #b54aff14;flex-shrink:0}
.ai-avatar{--blob-color:#ffaf12;--blob-deep:#fb6f09;position:relative;display:block;flex:0 0 auto;width:42px;height:42px;border-radius:44% 56% 52% 48% / 50% 41% 59% 50%;background:radial-gradient(ellipse at 30% 19%,#fff9 0,transparent 35%),linear-gradient(145deg,var(--blob-color),var(--blob-deep));box-shadow:inset 0 -3px 2px #0000000a,0 3px 6px #7b5c2112;isolation:isolate;overflow:hidden}.ai-avatar-nova{--blob-color:#f968c7;--blob-deep:#a143f5;border-radius:58% 42% 47% 53% / 43% 56% 44% 57%}.ai-avatar-sprout{--blob-color:#6ce742;--blob-deep:#00bf91;border-radius:45% 55% 44% 56% / 63% 47% 53% 37%}.ai-blob-eyes{position:absolute;top:39%;left:31%;width:6%;height:11%;background:#3b2943;border-radius:50%;box-shadow:13px 0 #3b2943}.ai-blob-smile{position:absolute;top:55%;left:44%;width:15%;height:10%;border-radius:0 0 9px 9px;background:#5f3449}.ai-avatar-nova .ai-blob-eyes{background:#322145;box-shadow:13px 0 #322145}.ai-avatar-sprout .ai-blob-eyes{background:#16483a;box-shadow:13px 0 #16483a}
.ai-has-avatars .ai-avatar{border-radius:0;background-color:transparent;background-image:url('./blob-avatars.png');background-repeat:no-repeat;background-size:300% 100%;box-shadow:none;overflow:visible}.ai-has-avatars .ai-avatar-pip{background-position:0 50%}.ai-has-avatars .ai-avatar-nova{background-position:50% 50%}.ai-has-avatars .ai-avatar-sprout{background-position:100% 50%}.ai-has-avatars .ai-avatar i{display:none}
.ai-chat-main{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(180deg,#fdfdff,#fff 170px)}.ai-chat-header{flex:0 0 78px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #e9edf4;background:#ffffffee}.ai-header-persona{display:flex;align-items:center;gap:10px;min-width:0}.ai-header-persona .ai-avatar{width:40px;height:40px}.ai-header-persona strong{display:block;font-size:15px;font-weight:660;line-height:1.2;letter-spacing:-.2px}.ai-header-persona small{display:block;margin-top:4px;font-size:11px;color:#8490a1;white-space:nowrap}.ai-header-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.ai-preview-badge{font-size:11px;font-weight:550;color:#8b49b9;background:#f6edff;border:1px solid #eeddfb;border-radius:20px;padding:4px 8px;margin-right:4px;white-space:nowrap}.ai-header-actions button{display:grid;place-items:center;width:29px;height:29px;color:#778398!important;border-radius:8px!important;padding:4px!important}.ai-header-actions button:hover{background:#edf2fa!important;color:#007aff!important}
.ai-thread{flex:1;min-height:0;overflow-y:auto;padding:23px 22px 12px;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dbe2ee transparent}.ai-thread-label{text-align:center;font-size:11px;font-weight:450;letter-spacing:.1px;color:#a0abba;margin:0 0 27px}.ai-message{display:flex;align-items:flex-end;gap:9px;margin:0 0 17px}.ai-message-face{align-self:flex-start;margin-top:2px;flex-shrink:0}.ai-message-face .ai-avatar{width:27px;height:27px}.ai-message-face .ai-blob-eyes{box-shadow:8px 0 #3b2943}.ai-message-bubble{padding:12px 15px;max-width:min(88%,590px);border-radius:17px 17px 17px 5px;background:var(--ai-tint);color:#354153;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}.ai-message-user{justify-content:flex-end}.ai-message-user .ai-message-bubble{background:linear-gradient(135deg,#168aff,#0076f2);color:#fff;border-radius:17px 17px 5px 17px;box-shadow:0 3px 10px #007aff15;max-width:min(86%,570px)}
.ai-typing .ai-message-bubble{display:flex;align-items:center;gap:4px;min-height:38px;padding-left:14px;padding-right:14px}.ai-typing i{display:block;width:5px;height:5px;border-radius:50%;background:var(--ai-persona);animation:ai-typing-bounce 1s ease-in-out infinite}.ai-typing i:nth-child(2){animation-delay:.13s}.ai-typing i:nth-child(3){animation-delay:.26s}
.ai-suggestions{display:flex;flex-wrap:wrap;gap:7px;padding:2px 22px 14px}.ai-suggestions button{border:1px solid #dfe8f4!important;border-radius:9px!important;padding:7px 10px!important;font-size:11px!important;line-height:1.4;color:#637995!important;background:#fafcff!important;text-align:left}.ai-suggestions button:hover{background:#edf5ff!important;border-color:#c2d9fa!important;color:#007aff!important}
.ai-composer{padding:0 20px 14px;flex-shrink:0}.ai-composer-field{display:flex;align-items:flex-end;gap:8px;padding:5px 6px 5px 12px;background:#f5f8fd;border:1px solid #dce6f3;border-radius:16px;box-shadow:0 3px 8px #284a7410}.ai-composer-field:focus-within{border-color:#b3d3ff;box-shadow:0 0 0 2px #007aff08,0 3px 8px #284a7410}.ai-composer textarea{min-width:0;flex:1;max-height:132px;resize:none;border:0;background:none;outline:none!important;box-shadow:none!important;padding:10px 0 8px;font-size:14px;line-height:1.5;color:#2c3a4b;caret-color:#007aff;overflow-y:auto;scrollbar-width:thin}.ai-composer textarea::placeholder{color:#9aa8ba}.ai-composer .ai-send{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px!important;background:#007aff!important;color:white!important;margin:0 0 4px;padding:7px!important;transition:background .15s,transform .15s}.ai-composer .ai-send:hover{background:#0066d9!important}.ai-composer .ai-send:active{transform:scale(.95)}.ai-composer .ai-send:disabled{background:#c8d7eb!important;opacity:1}.ai-composer .ai-send.is-stopping{background:#a14ce7!important}.ai-composer-hint{display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding:0 2px;font-size:11px;color:#9ba8ba;line-height:1.4}.ai-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-enter-hint{white-space:nowrap}.ai-chat-notice{display:flex;align-items:center;gap:8px;justify-content:center;font-size:11px;color:#7a6b90;padding:0 20px 9px}.ai-chat-notice button{font-size:11px!important;color:#007aff!important;text-decoration:underline;text-underline-offset:2px;padding:2px!important}
.desktop-shell[data-theme="dark"] .app-ai-chat{--ai-text:#e9edf6;--ai-muted:#a7b3c9;background:#202632;color:#e9edf6}.desktop-shell[data-theme="dark"] .ai-chat-sidebar{background:#252b39;border-color:#343c4c}.desktop-shell[data-theme="dark"] .ai-chat-main{background:#202632}.desktop-shell[data-theme="dark"] .ai-chat-header{background:#222936;border-color:#343c4c}.desktop-shell[data-theme="dark"] .ai-persona-copy small,.desktop-shell[data-theme="dark"] .ai-header-persona small{color:#a0adc3}.desktop-shell[data-theme="dark"] .ai-persona:hover{background:#303a4d!important}.desktop-shell[data-theme="dark"] .ai-persona.is-active{background:#243e65!important;box-shadow:inset 0 0 0 1px #335786}.desktop-shell[data-theme="dark"] .ai-persona[data-persona="nova"].is-active{background:#4c2c66!important;box-shadow:inset 0 0 0 1px #704088}.desktop-shell[data-theme="dark"] .ai-persona[data-persona="sprout"].is-active{background:#254b3e!important;box-shadow:inset 0 0 0 1px #2f7055}.desktop-shell[data-theme="dark"] .ai-message-assistant .ai-message-bubble{background:#343445;color:#e1e7f4}.desktop-shell[data-theme="dark"] .ai-composer-field{background:#2b3444;border-color:#404e66}.desktop-shell[data-theme="dark"] .ai-composer textarea{color:#eef4ff}.desktop-shell[data-theme="dark"] .ai-suggestions button{background:#2a3445!important;border-color:#3b4b65!important;color:#b7c9e2!important}
@keyframes ai-typing-bounce{0%,65%,100%{transform:translateY(0);opacity:.45}32%{transform:translateY(-3px);opacity:1}}
@container ai-chat (max-width:620px){.ai-chat-sidebar{width:152px;flex-basis:152px;padding-left:7px;padding-right:7px}.ai-persona{gap:7px;padding:11px 7px!important}.ai-persona>.ai-avatar{width:34px;height:34px}.ai-persona-copy small{font-size:11px}.ai-persona-presence{display:none}.ai-chat-header{padding-left:15px;padding-right:12px}.ai-preview-badge{display:none}.ai-thread{padding-left:15px;padding-right:15px}.ai-message-bubble{max-width:90%;font-size:13px;padding:11px 13px}.ai-message-user .ai-message-bubble{max-width:90%}.ai-composer{padding-left:14px;padding-right:14px}.ai-suggestions{padding-left:15px;padding-right:15px}.ai-enter-hint{display:none}}
@container ai-chat (max-width:490px){.ai-chat-sidebar{width:65px;flex-basis:65px;padding:18px 7px 12px}.ai-sidebar-heading{justify-content:center;padding:0 0 21px}.ai-sidebar-heading>div{display:none}.ai-persona{flex-direction:column;gap:6px;padding:10px 2px!important;border-radius:12px!important}.ai-persona>.ai-avatar{width:35px;height:35px}.ai-persona-copy strong{font-size:11px;font-weight:600;text-align:center}.ai-persona-copy small{display:none}.ai-sidebar-bottom{justify-content:center;padding:20px 0 0}.ai-sidebar-bottom>span:last-child{display:none}.ai-chat-header{flex-basis:67px;padding:10px 12px}.ai-header-persona{gap:8px}.ai-header-persona .ai-avatar{width:32px;height:32px}.ai-header-persona strong{font-size:14px}.ai-header-persona small{font-size:11px}.ai-header-actions{gap:1px}.ai-header-actions button{width:26px;height:26px}.ai-thread{padding:18px 12px 9px}.ai-thread-label{font-size:11px;margin-bottom:21px}.ai-message{gap:6px}.ai-message-face .ai-avatar{width:23px;height:23px}.ai-message-face .ai-blob-eyes{box-shadow:7px 0 #3b2943}.ai-message-bubble{font-size:13px;padding:10px 12px;max-width:calc(100% - 29px);border-radius:14px 14px 14px 4px}.ai-message-user .ai-message-bubble{max-width:94%;border-radius:14px 14px 4px 14px}.ai-suggestions{padding:0 12px 12px;gap:6px}.ai-suggestions button{font-size:11px!important;padding:6px 8px!important}.ai-composer{padding:0 11px 10px}.ai-composer-field{border-radius:13px;padding-left:10px}.ai-composer textarea{font-size:13px}.ai-composer-hint{font-size:11px}.ai-chat-notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){.app-ai-chat *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.reduced-motion .app-ai-chat *{scroll-behavior:auto!important;animation:none!important;transition:none!important}