.ai-shell{background:var(--background);height:100dvh;display:flex;overflow:hidden}.ai-main{flex-direction:column;flex:auto;min-width:0;display:flex}.ai-header{padding:.5rem .75rem;padding-top:max(.5rem, env(safe-area-inset-top));border-bottom:1px solid #ffffff12;align-items:center;gap:.25rem;display:flex}.ai-scroll{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.ai-column{width:100%;max-width:48rem;margin-inline:auto;padding-block:1.25rem;padding-inline:.875rem}@media (min-width:640px){.ai-column{padding-block:1.75rem;padding-inline:1.5rem}}.ai-scroll>.ai-column{min-height:100%}.ai-footer{background:var(--background);border-top:1px solid #ffffff12;position:relative}.ai-footer .ai-column{padding-block:.75rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.ai-composer-box{transition:border-color .2s var(--ease-out-expo), box-shadow .2s var(--ease-out-expo);background:#ffffff09;border:1px solid #ffffff1a;border-radius:1.75rem;flex-direction:column;padding:.5rem;display:flex}.ai-composer-box:focus-within{border-color:color-mix(in srgb, var(--brand-500) 45%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-500) 10%, transparent)}.ai-composer-input{resize:none;width:100%;min-width:0;min-height:2.5rem;font:inherit;color:var(--foreground);background:0 0;border:0;outline:none;padding:.45rem .6rem;font-size:.95rem;line-height:1.9}.ai-composer-tools{justify-content:space-between;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.ai-composer-input::placeholder{color:var(--subtle)}.ai-send{background:var(--brand-500);width:2.25rem;height:2.25rem;color:var(--on-brand);transition:filter .2s var(--ease-out-expo), opacity .2s var(--ease-out-expo), transform .15s var(--ease-out-expo);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.ai-send:hover:not(:disabled){filter:brightness(1.1)}.ai-send:active:not(:disabled){transform:scale(.94)}.ai-send:disabled{cursor:default;color:var(--subtle);background:#ffffff1a}.ai-send-stop{color:var(--foreground);background:#ffffff24}.ai-composer-hint{padding-top:.5rem;color:var(--subtle);gap:.5rem;padding-inline:.5rem;font-size:.68rem;display:none}@media (hover:hover) and (pointer:fine){.ai-composer-hint{display:flex}}.ai-avatar{background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--brand-300) 90%, transparent) 0%, color-mix(in srgb, var(--brand-500) 70%, transparent) 45%, color-mix(in srgb, var(--brand-800) 90%, transparent) 100%);width:1.75rem;height:1.75rem;box-shadow:inset 0 0 0 1px #ffffff1f, 0 0 16px -4px color-mix(in srgb, var(--brand-500) 70%, transparent);border-radius:999px;flex-shrink:0;margin-top:.15rem;display:block;position:relative}.ai-actions{opacity:1}@media (hover:hover) and (pointer:fine){.ai-actions{opacity:0;transition:opacity .2s var(--ease-out-expo)}article:hover>*>.ai-actions,article:focus-within>*>.ai-actions,li:hover>.ai-actions,li:focus-within>.ai-actions,.ai-actions:focus-within{opacity:1}}.ai-streaming .ai-prose>:last-child:after{content:"";vertical-align:-.15em;background:var(--brand-300);border-radius:1px;width:.45em;height:1em;margin-inline-start:.15em;animation:1s steps(2,start) infinite ai-caret;display:inline-block}@keyframes ai-caret{50%{opacity:0}}.ai-ellipsis:after{content:"…";text-align:start;clip-path:inset(0 100% 0 0);width:1.1em;animation:1.4s steps(4,end) infinite ai-ellipsis;display:inline-block}@keyframes ai-ellipsis{to{clip-path:inset(0)}}.ai-prose{color:var(--muted);overflow-wrap:anywhere;font-size:.92rem;line-height:2}.ai-prose>*+*{margin-top:.9rem}.ai-prose h2,.ai-prose h3,.ai-prose h4{color:var(--foreground);font-weight:700;line-height:1.6}.ai-prose h2{margin-top:1.6rem;font-size:1.05rem}.ai-prose h3{margin-top:1.4rem;font-size:.98rem}.ai-prose h4{margin-top:1.2rem;font-size:.92rem}.ai-prose ul,.ai-prose ol{padding-inline-start:1.35rem}.ai-prose ul{list-style:outside}.ai-prose ol{list-style:decimal}.ai-prose li+li{margin-top:.35rem}.ai-prose li::marker{color:var(--subtle)}.ai-prose blockquote{border-inline-start:2px solid color-mix(in srgb, var(--brand-500) 55%, transparent);color:var(--subtle);padding-inline-start:.9rem}.ai-prose hr{border:0;border-top:1px solid #ffffff14}.ai-inline-code{font-family:var(--font-mono);color:var(--foreground);background:#ffffff12;border-radius:.35rem;padding:.1em .35em;font-size:.86em}.ai-preview-note{border:1px solid color-mix(in srgb, var(--brand-500) 28%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--brand-500) 7%, transparent);align-items:flex-start;gap:.625rem;margin:.75rem .75rem 0;padding:.75rem;display:flex}@media (min-width:640px){.ai-preview-note{margin:1rem 1.5rem 0;padding:.875rem 1rem}}.ai-orb-fallback{filter:blur(2px);background:radial-gradient(circle at 35% 30%,#9d5affd9 0%,#0000 55%),radial-gradient(circle at 70% 65%,#ff5f1fb3 0%,#0000 50%),radial-gradient(circle,#3d5affe6 0%,#0000 70%);border-radius:999px;animation:6s ease-in-out infinite ai-orb-breathe;position:absolute;inset:0}@keyframes ai-orb-breathe{0%,to{opacity:.75;transform:scale(.94)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}.ai-scroll-y{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}.ai-scroll-y::-webkit-scrollbar{width:8px}.ai-scroll-y::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}.ai-scroll-y::-webkit-scrollbar-track{background:0 0}.ai-scroll-x{scrollbar-width:none}.ai-scroll-x::-webkit-scrollbar{display:none}[data-anim=popover]{animation:ai-popover var(--duration-fast) var(--ease-out-expo) both;transform-origin:top}@keyframes ai-popover{0%{opacity:0;transform:translateY(-.35rem)scale(.98)}}[data-anim=popover-up]{animation:ai-popover-up var(--duration-fast) var(--ease-out-expo) both;transform-origin:bottom}@keyframes ai-popover-up{0%{opacity:0;transform:translateY(.35rem)scale(.98)}}