.loading-state{--loading-surface-strong:color-mix(in oklab, var(--text-muted) 16%, transparent);--loading-surface-soft:color-mix(in oklab, var(--text-muted) 9%, transparent);--loading-sheen:color-mix(in oklab, var(--color-accent) 28%, var(--color-white) 18%);min-width:0;min-height:320px;color:var(--text-secondary);flex:1;display:flex;position:relative;overflow:hidden}.loading-state__content{z-index:var(--z-card);flex:1;justify-content:center;align-items:center;gap:14px;width:100%;min-height:0;padding:32px;display:flex;position:relative}.loading-state__icon{width:44px;height:44px;color:var(--color-accent);background:color-mix(in oklab, var(--color-accent) 12%, transparent);border:1px solid color-mix(in oklab, var(--color-accent) 22%, transparent);border-radius:8px;flex:none;place-items:center;display:grid}.loading-state__spinner{animation:1s linear infinite loading-state-spin}.loading-state__copy span{color:var(--text-primary);font-weight:var(--weight-bold);display:block}.loading-state__copy p{color:var(--text-muted);font-size:var(--text-ui-size);line-height:var(--text-ui-line);margin:4px 0 0}.loading-state__actions{margin-top:12px}.loading-state--conversation .loading-state__content{border:1px solid color-mix(in oklab, var(--color-accent) 18%, transparent);background:color-mix(in oklab, var(--color-bg-alt) 78%, transparent);width:min(560px,100% - 32px);min-height:0;box-shadow:0 18px 52px color-mix(in oklab, var(--color-black) 28%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;justify-content:flex-start;padding:14px;position:absolute;bottom:clamp(42px,9vh,96px);left:50%;transform:translate(-50%)}.loading-state__conversation{opacity:.84;background:linear-gradient(180deg, color-mix(in oklab, var(--color-bg-alt) 86%, transparent), color-mix(in oklab, var(--color-bg) 94%, transparent));flex-direction:column;display:flex;position:absolute;inset:0}.loading-state__header{border-bottom:1px solid var(--color-border-strong);align-items:center;gap:14px;min-height:86px;padding:16px 24px;display:flex}.loading-state__avatar,.loading-state__line,.loading-state__header-actions div,.loading-state__bubble,.loading-state__composer div,.loading-state__composer span{background:var(--loading-surface-soft);position:relative;overflow:hidden}.loading-state__avatar:after,.loading-state__line:after,.loading-state__header-actions div:after,.loading-state__bubble:after,.loading-state__composer div:after,.loading-state__composer span:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--loading-sheen) 48%, transparent), transparent);animation:1.6s ease-in-out infinite loading-state-sheen;position:absolute;inset:0;transform:translate(-110%)}.loading-state__avatar{border-radius:50%;flex:none;width:44px;height:44px}.loading-state__header-copy{flex:1;gap:8px;min-width:0;display:grid}.loading-state__line{border-radius:999px;height:11px}.loading-state__line--title{background:var(--loading-surface-strong);width:min(280px,52%)}.loading-state__line--short{width:min(180px,34%)}.loading-state__header-actions{gap:10px;display:flex}.loading-state__header-actions div{border-radius:8px;width:34px;height:34px}.loading-state__messages{flex-direction:column;flex:1;justify-content:flex-end;gap:14px;min-height:0;padding:20px 24px;display:flex;overflow:hidden}.loading-state__bubble{background:color-mix(in oklab, var(--text-muted) 10%, transparent);border-radius:18px;height:64px}.loading-state__bubble--left{border-bottom-left-radius:6px;align-self:flex-start;width:min(520px,72%)}.loading-state__bubble--right{background:color-mix(in oklab, var(--color-accent) 14%, transparent);border-bottom-right-radius:6px;align-self:flex-end;width:min(380px,58%)}.loading-state__bubble--wide{height:92px}.loading-state__composer{border:1px solid var(--color-border-strong);background:color-mix(in oklab, var(--color-bg-alt) 80%, transparent);border-radius:14px;flex:none;align-items:center;gap:12px;min-height:54px;margin:0 24px 16px;padding:10px 12px;display:flex}.loading-state__composer div{border-radius:999px;flex:1;height:12px}.loading-state__composer span{background:color-mix(in oklab, var(--color-accent) 18%, transparent);border-radius:8px;flex:none;width:32px;height:32px}@keyframes loading-state-spin{to{transform:rotate(360deg)}}@keyframes loading-state-sheen{to{transform:translate(110%)}}@media (width<=720px){.loading-state--conversation .loading-state__content{width:calc(100% - 24px);bottom:26px}.loading-state__content{align-items:flex-start;padding:24px}.loading-state__messages{padding:16px}.loading-state__composer{margin:0 16px 16px}.loading-state__header-actions{display:none}}@media (prefers-reduced-motion:reduce){.loading-state__spinner,.loading-state__avatar:after,.loading-state__line:after,.loading-state__header-actions div:after,.loading-state__bubble:after,.loading-state__composer div:after,.loading-state__composer span:after{animation:none}}.auth-startup{background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-startup__mark{object-fit:contain;width:64px;height:64px}.auth-startup .loading-state{flex:none;width:min(100%,560px);min-height:160px}.auth-startup .loading-state__content{flex-wrap:wrap}