.canvas.s-5n3va2{z-index:0;background-color:#0a0014;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.video-wrapper.s-5n3va2{z-index:0;pointer-events:none;position:fixed;top:-1px;bottom:-1px;left:-1px;right:-1px;overflow:hidden}.video-bg.s-5n3va2{object-fit:cover;pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px)}.video-bg.s-5n3va2::-webkit-media-controls{display:none!important}.video-bg.s-5n3va2::-webkit-media-controls-panel{display:none!important}.video-bg.s-5n3va2::-webkit-media-controls-play-button{display:none!important}.video-bg.s-5n3va2::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.video-bg.s-5n3va2::-webkit-media-controls-overlay-play-button{display:none!important}.overlay.s-5n3va2{z-index:1;background:linear-gradient(#0a00148c 0%,#0a0014b3 40%,#0a0014d9 100%);transition:background .6s;position:fixed;top:0;bottom:0;left:0;right:0}.canvas.idle-glow.s-5n3va2 .overlay:where(.s-5n3va2){background:linear-gradient(#0a001480 0%,#0a0014a6 40%,#0a0014cc 100%)}.canvas.idle-glow.s-5n3va2:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(at 50% 70%,#ec008c0f 0%,#0000 60%);animation:6s ease-in-out infinite alternate s-5n3va2-ambient-pulse;position:fixed;top:0;bottom:0;left:0;right:0}.chrome.s-5n3va2{top:calc(.75rem + env(safe-area-inset-top,0px));z-index:30;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex;position:fixed;left:1rem;right:1rem}.chrome-start.s-5n3va2{pointer-events:none;flex-wrap:wrap;align-items:center;gap:.4rem;max-width:calc(100% - 3.5rem);display:flex}.chrome-start.s-5n3va2 .chrome-btn:where(.s-5n3va2){pointer-events:auto}.chrome-btn.s-5n3va2{pointer-events:auto;color:#ffffffb3;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:1.25rem;align-items:center;gap:.25rem;padding:.35rem .65rem;font-family:inherit;font-size:.72rem;font-weight:600;display:flex}.chrome-btn.s-5n3va2 svg{width:.85rem;height:.85rem}.chrome-btn.s-5n3va2:active{background:#ffffff26}.main-layout.s-5n3va2{z-index:2;width:100%;height:100dvh;padding-top:calc(3rem + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:relative}.branding.s-5n3va2{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:.7rem;padding:.75rem 1.5rem;animation:.7s cubic-bezier(.16,1,.3,1) .2s both s-5n3va2-content-in;display:flex}.output-box.s-5n3va2{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;gap:1rem;min-height:0;margin:0 .5rem;padding:.75rem .5rem;display:flex;overflow-y:auto}.output-box.s-5n3va2::-webkit-scrollbar{display:none}.input-wrapper.s-5n3va2{flex-shrink:0;padding:.75rem 1rem 1rem}.desktop-hint.s-5n3va2{color:#fff6;background:#ffffff0a;border-radius:1rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.7rem;line-height:1.4;display:flex}.desktop-hint.s-5n3va2 svg{opacity:.6;flex-shrink:0;width:.85rem;height:.85rem}.desktop-hint.ar.s-5n3va2{direction:rtl}.brand-logo.s-5n3va2{object-fit:contain;width:160px;height:160px;margin-top:.5rem}.headline.s-5n3va2{letter-spacing:-.03em;color:#fff;margin:0;font-size:2.1rem;font-weight:800;line-height:1.15}.subtitle.s-5n3va2{color:#ffffff80;max-width:20rem;margin:0;font-size:.95rem;line-height:1.55}.empty-state.s-5n3va2{flex-direction:column;gap:1.25rem;padding:.25rem .5rem;animation:.6s cubic-bezier(.16,1,.3,1) both s-5n3va2-content-in;display:flex}.welcome-text.s-5n3va2{color:#fffc;margin:0;font-family:Lora,Georgia,serif;font-size:1.1rem;font-weight:600;line-height:1.6}.suggestion-chips.s-5n3va2{flex-wrap:wrap;gap:.5rem;display:flex}.chip.s-5n3va2{color:#ffffffb3;-webkit-tap-highlight-color:transparent;background:#ec008c0f;border:1px solid #ec008c33;border-radius:1.5rem;align-items:center;gap:.4rem;padding:.45rem .95rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip.s-5n3va2 svg{opacity:.6;flex-shrink:0;width:.9rem;height:.9rem}.chip.s-5n3va2:active{color:#fff;background:#ec008c2e;border-color:#ec008c73}.chip.s-5n3va2:active svg{opacity:1}.chip-preview.s-5n3va2{border-style:dashed;border-color:#ec008c66}.response-group.s-5n3va2{flex-direction:column;gap:1rem;display:flex}.response-group.s-5n3va2+.response-group:where(.s-5n3va2){border-top:1px solid #ec008c1a;padding-top:1rem}.thinking.s-5n3va2{justify-content:center;align-items:center;gap:.35rem;padding:1rem;display:flex}.dot.s-5n3va2{background-color:#ec008c80;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both s-5n3va2-dot-bounce}.dot.s-5n3va2:first-child{animation-delay:0s}.dot.s-5n3va2:nth-child(2){animation-delay:.16s}.dot.s-5n3va2:nth-child(3){animation-delay:.32s}@keyframes s-5n3va2-dot-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes s-5n3va2-content-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes s-5n3va2-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes s-5n3va2-ambient-pulse{0%{opacity:.3}to{opacity:1}}@media (prefers-reduced-motion:reduce){.canvas.idle-glow.s-5n3va2:after{animation:none}.block-enter{animation:none!important}}
