@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;450;500;550;600;650;700&display=swap";:root{color:#f1f0f4;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;--motion:.3s;--ease:cubic-bezier(.22,.68,0,1);background:#08090b;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#08090b;width:100%;height:100%;margin:0;overflow:hidden}button,textarea{-webkit-tap-highlight-color:transparent;font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5}button:focus-visible{outline-offset:4px;outline:2px solid #ab9bff}.app{height:var(--shell-height,100svh);isolation:isolate;width:100%;padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:visible}.ambient{z-index:-2;pointer-events:none;background:radial-gradient(at 45% 100%,#342c702b,#0000 70%);position:absolute;inset:0 0 -64px}.screen-glow{height:var(--shell-height,100svh);pointer-events:none;z-index:-1;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 25%,#000);mask-image:linear-gradient(#0000,#000 25%,#000)}.ambient-beam{height:100%;border-radius:0!important}.screen-edge{border-radius:0;height:100%;min-height:100%}.screen-glow [data-voice-beam]{overflow:visible!important}.welcome{text-align:center;min-height:0;transition:padding var(--motion) var(--ease);flex:1;justify-content:center;align-items:center;padding:24px 18px 48px;display:flex}.greeting{width:100%;transition:transform var(--motion) var(--ease);transform:translateY(0)}.orb{filter:drop-shadow(0 0 28px #7169ff33);height:64px;transition:height var(--motion) var(--ease),margin var(--motion) var(--ease),transform var(--motion) var(--ease);justify-content:center;margin:0 auto 25px;display:flex}h1{letter-spacing:-1.1px;transition:font-size var(--motion) var(--ease),line-height var(--motion) var(--ease);margin:0;font-size:clamp(27px,8.2vw,34px);font-weight:450;line-height:1.42}h1 span{color:#94939f}.composer-area{width:calc(100% - 32px);padding-bottom:max(22px,env(safe-area-inset-bottom,0px));z-index:2;transition:padding var(--motion) var(--ease);flex-shrink:0;margin:0 16px}.input-beam{border-radius:26px!important;overflow:hidden!important}.composer{background:linear-gradient(135deg,#202026ee,#19191eea);border:0;border-radius:26px;align-items:flex-end;gap:12px;min-height:76px;padding:14px 13px 14px 19px;display:flex;position:relative}.composer:after{content:"";border-radius:inherit;pointer-events:none;z-index:4;transition:border-color var(--motion) ease;border:1px solid #ffffff24;position:absolute;inset:0}.composer:focus-within:after{border-color:#bab0db66}.composer textarea{resize:none;field-sizing:content;color:#f3f1f8;scrollbar-width:none;background:0 0;border:0;border-radius:0;outline:0;flex:1;min-width:0;min-height:44px;max-height:108px;padding:9px 0;font-size:16px;line-height:26px}.composer textarea::placeholder{color:#9692a1}.composer-actions{z-index:3;flex-shrink:0;position:relative}.send{color:#c9c0ef;background:0 0;border:0;border-radius:50%;place-items:center;width:46px;height:46px;transition:color .2s,transform .2s;display:grid}.send:active{transform:scale(.93)}.send.ready{color:#262036}.hint{text-align:center;color:#9993a6;opacity:1;height:18px;transition:height var(--motion) var(--ease),margin var(--motion) var(--ease),opacity .18s ease;margin:18px 0 0;font-size:12px;line-height:18px;overflow:hidden}:root[data-keyboard=open] .welcome{padding-top:12px;padding-bottom:18px}:root[data-keyboard=open] .hint{opacity:0;height:0;margin-top:0}.new-chat{z-index:5;color:#ccc5dc;background:#18181e;border:1px solid #ffffff15;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:18px}.conversation{overscroll-behavior:contain;scrollbar-width:none;flex:1;width:100%;min-height:0;padding:68px 22px 28px;overflow-y:auto}.messages{flex-direction:column;gap:28px;display:flex}.message{align-items:flex-start;gap:12px;font-size:16px;line-height:1.65;animation:.3s both appear;display:flex}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.message.user{background:linear-gradient(145deg,#222529 0%,#1a1c20 100%);border:1px solid #ffffff0e;border-radius:17px 17px 5px;align-self:flex-end;max-width:88%;padding:13px 16px;box-shadow:inset 0 1px #ffffff05}.message.assistant{max-width:96%}.small-orb{flex-shrink:0;padding-top:4px}.thinking{color:#a49cad;align-items:center;gap:12px;font-size:14px;display:flex}.voice-note{color:#c1b8d6;justify-content:center;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;display:flex}.voice-note button{color:inherit;background:0 0;border:0;padding:6px;display:flex}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (height<=430px){.welcome{padding:10px 16px 14px}.orb{height:44px;margin-bottom:12px;transform:scale(.7)}h1{font-size:26px;line-height:1.3}.composer-area{padding-bottom:10px}.hint{opacity:0;height:0;margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.stage{isolation:isolate;background:#08090b;position:fixed;inset:0;overflow:clip}.backdrop{pointer-events:none;background:#08090b;position:absolute;inset:0}.app{padding:0;display:block;overflow:visible}.content{z-index:1;min-height:0;display:flex;position:absolute;inset:0 0 134px}.welcome{flex:1;padding:24px 18px 48px}.greeting{transform:translate3d(0,calc(-1 * var(--greeting-lift,0px)),0);will-change:transform;transition:transform .28s cubic-bezier(.2,.7,.2,1)}:root[data-keyboard=open] .welcome{padding:24px 18px 48px}:root[data-keyboard=open] .orb{height:64px;margin-bottom:25px;transform:none}:root[data-keyboard=open] h1{font-size:clamp(27px,8.2vw,34px);line-height:1.42}:root[data-keyboard=open] .greeting{transform:translate3d(0,calc(-1 * var(--greeting-lift,0px)),0) scale(.84)}.composer-area{width:100%;padding:0 16px max(22px,env(safe-area-inset-bottom,0px));transform:translate3d(0,calc(-1 * var(--keyboard-inset,0px)),0);will-change:transform;margin:0;transition:transform .28s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;right:0}:root[data-keyboard=open] .composer-area{padding-bottom:14px}.composer-area:after{content:"";z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(#0000,#000 14px,#000);height:80px;transition:opacity .18s;position:absolute;top:calc(100% - 14px);left:0;right:0}.screen-glow{transform:translate3d(0,calc(-1 * var(--keyboard-inset,0px)),0);will-change:transform;transition:transform .28s cubic-bezier(.2,.7,.2,1);-webkit-mask-image:none;mask-image:none}.ambient-beam{overflow:visible!important}.conversation{height:calc(100% - var(--keyboard-inset,0px) + 34px);flex:none;padding-top:68px;transition:none}:root[data-motion=correct] .composer-area,:root[data-motion=correct] .screen-glow,:root[data-motion=correct] .greeting{transition-duration:.1s}@media (prefers-reduced-motion:reduce){.composer-area,.screen-glow,.greeting{transition:none!important}}:root{--keyboard-progress:0;--footer-space:max(22px,env(safe-area-inset-bottom,0px));--footer-compensation:calc((36px + var(--footer-space) - 14px) * var(--keyboard-progress))}.composer-area,:root[data-keyboard=open] .composer-area{padding-bottom:var(--footer-space);transform:translate3d(0,calc(-1 * var(--keyboard-inset,0px) + var(--footer-compensation)),0);transition:none}.hint,:root[data-keyboard=open] .hint{height:18px;opacity:calc(1 - var(--keyboard-progress));margin:18px 0 0;transition:none}.composer-area:after{top:calc(100% - 14px - var(--footer-compensation));opacity:var(--keyboard-progress);transition:none}:root[data-keyboard=open] .composer-area:after{opacity:var(--keyboard-progress)}.greeting,:root[data-keyboard=open] .greeting{transform:translate3d(0,calc(-1 * var(--greeting-lift,0px)),0) scale(calc(1 - .16 * var(--keyboard-progress)));transition:none}.screen-glow{transition:none}.welcome,:root[data-keyboard=open] .welcome{padding:24px 18px 48px;transition:none}.orb,:root[data-keyboard=open] .orb{height:64px;margin-bottom:25px;transition:none;transform:none}h1,:root[data-keyboard=open] h1{font-size:clamp(27px,8.2vw,34px);line-height:1.42;transition:none}
