.ai-wake{position:fixed;z-index:75;inset:64px 0 calc(76px + env(safe-area-inset-bottom,0px));max-width:640px;margin:auto;overflow:hidden;border-radius:24px;background:#05100e;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;border:1px solid #69d8b72e;box-shadow:0 25px 90px #0008}.ai-wake-stage{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 37%,#154e3d,#05100e 65%)}.ai-wake-poster,.ai-wake-video{width:100%;height:100%;object-fit:cover;object-position:center 36%;position:absolute;inset:0}.ai-wake-video{opacity:0}.is-playing .ai-wake-video{opacity:1}.ai-wake-shade{position:absolute;inset:0;background:linear-gradient(0deg,#05100eff 3%,#05100ef2 17%,#05100e88 37%,transparent 72%)}.ai-wake-copy{text-align:center;padding:27px 24px 24px}.ai-wake-eyebrow{font-size:10px;font-weight:800;letter-spacing:2.1px;color:#8df4c7;margin:0 0 14px}.ai-wake h2{font-size:clamp(24px,6vw,33px);letter-spacing:-.9px;line-height:1.1;color:#ebfff4;margin:0}.ai-wake-sub{font-size:13px;color:#a8c4b7;margin:12px 0 22px}.ai-wake-meter{height:3px;border-radius:3px;background:#9cdfbf22;max-width:180px;margin:auto;overflow:hidden}.ai-wake-meter span{display:block;height:100%;background:linear-gradient(90deg,#30c99a,#beffdd);box-shadow:0 0 14px #49ffc1;transform-origin:left;animation:ai-wake-progress 3s linear both}.ai-wake-skip{border:1px solid #92cdb640;border-radius:11px;background:#13322677;color:#c5ddcf;padding:11px 18px;min-height:44px;margin:20px auto 0;cursor:pointer;font:inherit;font-size:12px}.ai-wake-skip:focus-visible{outline:2px solid #a4f9cf;outline-offset:4px}@keyframes ai-wake-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:400px){.ai-wake{inset-inline:8px;top:66px;border-radius:20px}.ai-wake-copy{padding:22px 16px 18px}.ai-wake h2{font-size:25px}}@media(max-height:600px){.ai-wake{top:60px;bottom:65px}.ai-wake-copy{padding:12px}.ai-wake-sub{margin:8px 0 12px}.ai-wake-skip{margin-top:12px}.ai-wake-eyebrow{margin-bottom:9px}.ai-wake-shade{background:linear-gradient(0deg,#05100eff, #05100e80 70%,transparent)}}@media(prefers-reduced-motion:reduce){.ai-wake,.ai-wake-meter span{animation:none}}

/* The activity surface follows actual server phases, without simulated reasoning. */
.ai-screen .chat-message { white-space: normal; }
.ai-screen .chat-message-text { white-space: pre-wrap; }
.ai-screen .ai-inline-link { color: #98ebcb; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.ai-screen .ai-inline-link:hover { color: #c2ffe5; }
.ai-screen .chat-images { display: flex; gap: 7px; overflow-x: auto; margin: 4px 0 12px; padding-bottom: 3px; scrollbar-width: thin; }
.ai-screen .chat-image-button { flex: 0 0 72px; width: 72px; height: 84px; padding: 0; background: #06120e; border: 1px solid #7dcab32e; border-radius: 10px; overflow: hidden; cursor: zoom-in; }
.ai-screen .chat-image-button img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ai-screen .chat-image-button:focus-visible, .ai-screen .chat-retry:focus-visible { outline: 2px solid #74ecc0; outline-offset: 3px; }
.ai-screen .chat-image-summary { display: flex; align-items: center; gap: 7px; color: #a6c8b8; margin-bottom: 9px; font-size: 12px; }
.ai-screen .chat-image-summary svg { width: 16px; height: 16px; }
.chat-image-full { display: block; width: 100%; height: auto; border-radius: 12px; }
.ai-screen .chat-message.is-pending { border-color: #71d5ae38; }
.ai-screen .chat-message.is-failed { border-color: #dabb8052; }
.ai-screen .chat-delivery-error { border-top: 1px solid #dabb8029; padding-top: 12px; margin-top: 14px; font-size: 12px; line-height: 1.6; color: #e3c88c; }
.ai-screen .chat-delivery-error p { margin: 0 0 10px; }
.ai-screen .chat-retry { display: inline-flex; align-items: center; gap: 7px; background: #14372b; border: 1px solid #75d7ad44; border-radius: 9px; color: #b9f5d9; padding: 8px 11px; min-height: 38px; cursor: pointer; font: inherit; font-weight: 650; }
.ai-screen .chat-retry svg { width: 15px; height: 15px; }
.ai-screen .chat-retry:disabled { opacity: .5; cursor: default; }
.ai-screen .chat-retry-note { display: block; margin-top: 8px; color: #99b4a8; font-size: 10px; }
.ai-screen .ai-activity { margin: 15px 15px 20px 0; padding: 16px; border: 1px solid #7eecc024; border-radius: 17px; background: radial-gradient(ellipse at 2% 0%, #174d3a4d, transparent 75%), #0d1b16; animation: ai-activity-enter .24s ease-out; }
.ai-screen .ai-activity[hidden] { display: none; }
.ai-activity-head { display: flex; gap: 12px; align-items: center; }
.ai-activity-orb { flex: 0 0 37px; height: 37px; display: grid; place-items: center; position: relative; border-radius: 50%; background: #4df3b70d; box-shadow: 0 0 20px #3ceea214; }
.ai-activity-orb > svg { width: 18px; height: 18px; color: #89ffcc; animation: ai-activity-breathe 2.1s ease-in-out infinite; }
.ai-activity-orb > i { position: absolute; inset: 1px; border: 1px solid #58e8ad22; border-top-color: #a7f9cf; border-right-color: #51daab88; border-radius: 50%; animation: ai-activity-orbit 2.4s linear infinite; }
.ai-activity-orb > i:nth-child(2) { inset: 6px; border-top-color: #58e8ad22; border-bottom-color: #58e8ad99; animation-direction: reverse; animation-duration: 3.8s; }
.ai-activity-copy { min-width: 0; flex: 1; }
.ai-activity-brand { display: block; margin-bottom: 4px; font-size: 9px; font-weight: 700; letter-spacing: 1.8px; color: #79c9a7; }
.ai-activity-title { display: flex; align-items: center; gap: 9px; }
.ai-activity-label { color: #d4ecdf; font-size: 13px; line-height: 1.55; font-weight: 550; }
.ai-activity-dots { display: inline-flex; gap: 3px; flex-shrink: 0; }
.ai-activity-dots i { width: 3px; height: 3px; background: #88e8bd; border-radius: 50%; animation: ai-activity-dot 1.4s ease-in-out infinite; }
.ai-activity-dots i:nth-child(2) { animation-delay: .18s; }
.ai-activity-dots i:nth-child(3) { animation-delay: .36s; }
.ai-activity-trail { display: flex; flex-wrap: wrap; gap: 7px; margin: 13px 0 0 49px; }
.ai-activity-trail[hidden] { display: none; }
.ai-activity-trail > span { display: inline-flex; align-items: center; gap: 4px; color: #89ab9c; font-size: 9px; line-height: 1.5; border: 1px solid #85c9a51b; border-radius: 6px; padding: 4px 6px; }
.ai-activity-trail svg { width: 11px; height: 11px; color: #68bd92; }
@keyframes ai-activity-enter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes ai-activity-orbit { to { transform: rotate(360deg); } }
@keyframes ai-activity-breathe { 0%,100% { opacity: .55; transform: scale(.88); } 50% { opacity: 1; transform: scale(1); } }
@keyframes ai-activity-dot { 0%,75%,100% { opacity: .25; transform: translateY(0); } 35% { opacity: 1; transform: translateY(-2px); } }
@media (prefers-reduced-motion: reduce) { .ai-screen .ai-activity, .ai-activity-orb > svg, .ai-activity-orb > i, .ai-activity-dots i { animation: none; } }
@media (max-width: 370px) { .ai-screen .ai-activity { padding: 13px 11px; margin-right: 0; } .ai-activity-trail { margin-left: 0; } .ai-activity-label { font-size: 12px; } }