:root{--motion-instant:80ms;--motion-fast:120ms;--motion-normal:180ms;--motion-medium:240ms;--motion-slow:320ms;--motion-enter:cubic-bezier(.22,1,.36,1);--motion-exit:cubic-bezier(.4,0,1,1)}.motion-value{display:inline-grid;position:relative;align-items:center;font-variant-numeric:tabular-nums}.motion-theme-icon{display:inline-grid;place-items:center}@keyframes motion-message-user{0%{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}@keyframes motion-message-agent{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-surface-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-menu-in{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes motion-shimmer{0%{transform:translateX(-120%)}to{transform:translateX(120%)}}@keyframes motion-state-pulse{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}@keyframes motion-error-arrive{0%{opacity:0;transform:translateX(-3px)}35%{opacity:1;transform:translateX(3px)}70%{transform:translateX(-2px)}to{transform:translateX(0)}}@keyframes motion-check{0%{transform:scale(.72);opacity:.45}to{transform:scale(1);opacity:1}}@keyframes motion-fade{0%{opacity:0}to{opacity:1}}html[data-motion-resolved=full] :where(.button,.sidebar-toggle-floating,.mobile-conversation-tab-close,.composer-disclosure,.theme-toggle-button,.profile-agent-choice,.floating-create-button){transition-property:transform,background-color,border-color,box-shadow,color,opacity;transition-duration:var(--motion-normal);transition-timing-function:var(--motion-enter);touch-action:manipulation}html[data-motion-resolved=full] :where(.button,.sidebar-toggle-floating,.mobile-conversation-tab-close,.composer-disclosure,.theme-toggle-button,.profile-agent-choice,.floating-create-button):active:not(:disabled){transform:scale(.975);transition-duration:var(--motion-instant)}html[data-motion-resolved=full] :where(.sidebar-toggle-floating,.mobile-conversation-tab-close,.theme-toggle-button):active:not(:disabled) svg{transform:rotate(-8deg)}html[data-motion-resolved=full] .jump-bottom:active:not(:disabled) svg{transform:translateY(2px)}html[data-motion-resolved=full] .jump-bottom.button{transform:translateX(-50%);transition-property:background-color,border-color,box-shadow,color,opacity}html[data-motion-resolved=full] .jump-bottom.button:active:not(:disabled){transform:translateX(-50%)}@media (hover:hover) and (pointer:fine){html[data-motion-resolved=full] .button:not(.secondary):not(:disabled):hover{transform:translateY(-1px) scale(1.015)}html[data-motion-resolved=full] .button.secondary:not(:disabled):hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary) 7%,var(--surface-1))}html[data-motion-resolved=full] .button:hover:active:not(:disabled){transform:scale(.975);transition-duration:var(--motion-instant)}html[data-motion-resolved=full] .jump-bottom.button:hover:active:not(:disabled),html[data-motion-resolved=full] .jump-bottom.button:hover:not(:disabled){transform:translateX(-50%)}html[data-motion-resolved=full] :where(.button:not(:disabled),.nav-item,.mobile-conversation-tab-link,.conversation-row.is-clickable,.repo-card):hover svg{transform:translateX(2px)}html[data-motion-resolved=full] :where(a.panel,.conversation-row.is-clickable,.repo-card):hover{transform:translateY(-2px);box-shadow:0 14px 30px -24px color-mix(in srgb,var(--foreground) 45%,transparent)}html[data-motion-resolved=full] :where(.history-text a,.delivery-panel a,.panel a:not(.button):not(.nav-item)):hover{text-decoration-color:var(--primary)}}html[data-motion-resolved=full] :where(.button,.nav-item,.mobile-conversation-tab-link,.conversation-row.is-clickable,.repo-card) svg{transition:transform var(--motion-normal) var(--motion-enter),color var(--motion-normal) ease}html[data-motion-resolved=full] :where(a.panel,.conversation-row.is-clickable,.repo-card){transition:transform var(--motion-normal) var(--motion-enter),box-shadow var(--motion-normal) ease,border-color var(--motion-normal) ease}html[data-motion-resolved=full] :where(.history-text a,.delivery-panel a,.panel a:not(.button):not(.nav-item)){text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:transparent;transition:text-decoration-color var(--motion-normal) ease,color var(--motion-normal) ease}html[data-motion-resolved=full] :where(.input,.select,.textarea,input:not([type=checkbox]):not([type=radio]),textarea,select):focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 22%,transparent)}html[data-motion-resolved=full] :where(.input,.select,.textarea,input:not([type=checkbox]):not([type=radio]),textarea,select){transition:border-color var(--motion-normal) ease,box-shadow var(--motion-normal) ease,background-color var(--motion-normal) ease}html[data-motion-resolved=full] :where(.error,.inline-error,[role=alert]){animation:motion-error-arrive var(--motion-medium) var(--motion-enter) both}html[data-motion-resolved=full] :where(input[type=checkbox],input[type=radio]){transition:transform var(--motion-fast) var(--motion-enter),box-shadow var(--motion-normal) ease}html[data-motion-resolved=full] :where(input[type=checkbox],input[type=radio]):checked{animation:motion-check var(--motion-normal) var(--motion-enter)}html[data-motion-resolved=full] :where(.badge.ok,.badge.success,.status-badge.ok,.status-badge.success,.success-message) svg{animation:motion-check var(--motion-medium) var(--motion-enter) both}html[data-motion-resolved=full] :where(.button,.sidebar-toggle-floating,.composer-disclosure):disabled{transform:none;filter:saturate(.68);transition:opacity var(--motion-fast) ease,filter var(--motion-fast) ease}html[data-motion-resolved=full] .button:disabled svg{transform:none}html[data-motion-resolved=full] .motion-nav-indicator{position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:99px;background:var(--sidebar-rail);pointer-events:none}html[data-motion-resolved=full] .nav-item.active:before{opacity:0}html[data-motion-resolved=full] .nav-item svg,html[data-motion-resolved=full] .nav-item:before{transition-duration:var(--motion-medium)}html[data-motion-resolved=full] .motion-sidebar-item{animation:motion-surface-in var(--motion-medium) var(--motion-enter) backwards;animation-delay:min(calc(var(--motion-index, 0) * 25ms),.12s)}html[data-motion-resolved=full] .sidebar{animation:none}html[data-motion-resolved=full] .shell{transition:grid-template-columns var(--motion-slow) var(--motion-enter)}html[data-motion-resolved=full] .main.conversation-main{transition:left var(--motion-slow) var(--motion-enter)}html[data-motion-resolved=full] .nav-item:nth-child(2){animation-delay:25ms}html[data-motion-resolved=full] .nav-item:nth-child(3){animation-delay:50ms}html[data-motion-resolved=full] .nav-item:nth-child(4){animation-delay:75ms}html[data-motion-resolved=full] .nav-item:nth-child(5){animation-delay:.1s}html[data-motion-resolved=full] .mobile-conversation-tab{position:relative}html[data-motion-resolved=full] .motion-mobile-tab-indicator{position:absolute;inset:auto 8px 0;height:3px;border-radius:3px 3px 0 0;background:var(--primary-foreground);pointer-events:none}html[data-motion-resolved=full] .profile-tab-button{position:relative}html[data-motion-resolved=full] .motion-tab-indicator{position:absolute;right:12px;bottom:0;left:12px;height:3px;border-radius:3px 3px 0 0;background:currentColor;pointer-events:none}html[data-motion-resolved=full] .profile-tab-panel:not([hidden]),html[data-motion-resolved=full] .repo-context-result [role=tabpanel]:not([hidden]){animation:motion-fade var(--motion-normal) ease}html[data-motion-resolved=full] .main:not(.conversation-main)>:not(.context-notifications):not(.mobile-conversation-tabs){animation:motion-fade var(--motion-medium) ease}html[data-motion-resolved=full] .composer-options-popover{display:grid;visibility:hidden!important;opacity:0;pointer-events:none;transform:translateY(5px) scale(.98);transform-origin:top right;transition:opacity var(--motion-fast) var(--motion-exit),transform var(--motion-fast) var(--motion-exit),visibility 0s linear var(--motion-fast)}html[data-motion-resolved=full] .composer-options-popover.is-open{visibility:visible!important;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity var(--motion-medium) var(--motion-enter),transform var(--motion-medium) var(--motion-enter),visibility 0s}html[data-motion-resolved=full] :where(.profile-agent-multi-menu,[role=menu],[role=listbox]){transform-origin:top right;animation:motion-menu-in var(--motion-medium) var(--motion-enter) both}html[data-motion-resolved=full] :where(dialog[open],.repo-context-modal[role=dialog],.modal-content){animation:motion-menu-in var(--motion-medium) var(--motion-enter) both}html[data-motion-resolved=full] .android-emulator-modal{animation:motion-fade var(--motion-normal) ease both}html[data-motion-resolved=full] .repo-context-modal-backdrop{animation:motion-fade var(--motion-normal) ease}html[data-motion-resolved=full] .motion-commit-backdrop,html[data-motion-resolved=full] .motion-commit-dialog{animation:none}html[data-motion-resolved=full] :where(.composer-menu-row,.profile-agent-multi-menu label,[role=menuitem]){transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}html[data-motion-resolved=full] .toggle-switch{transition:background-color var(--motion-normal) ease,border-color var(--motion-normal) ease}html[data-motion-resolved=full] .toggle-switch:after{transition:transform var(--motion-medium) cubic-bezier(.22,1,.36,1)}html[data-motion-resolved=full] .toggle-option input:checked+.toggle-switch:after{transition-timing-function:cubic-bezier(.22,1,.36,1)}html[data-motion-resolved=full] :where(details summary svg,.disclosure-chevron){transition:transform var(--motion-medium) var(--motion-enter)}html[data-motion-resolved=full] .coolify-deployment-progress[open]>summary .coolify-deployment-summary-meta>svg{transform:rotate(180deg)}html[data-motion-resolved=full] :where(.panel[role=tabpanel],.repo-context-result [role=tabpanel],.route-motion-entry){animation:motion-surface-in var(--motion-medium) var(--motion-enter) both}html[data-motion-resolved=full] :where(.context-notice,.toast,[role=status].notification){animation:motion-surface-in var(--motion-normal) var(--motion-enter) both}html[data-motion-resolved=full] .context-notice.motion-notice{animation:none}html[data-motion-resolved=full] [data-motion-enter=user]{animation:motion-message-user var(--motion-normal) var(--motion-enter) both}html[data-motion-resolved=full] [data-motion-enter=agent]{animation:motion-message-agent var(--motion-normal) var(--motion-enter) both}html[data-motion-resolved=full] .conversation-live-state:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--primary);animation:motion-state-pulse 1.5s ease-in-out infinite}html[data-motion-resolved=full] .agent-turn .agent-identity img{transition:box-shadow var(--motion-normal) ease,transform var(--motion-normal) var(--motion-enter)}html[data-motion-resolved=full] [data-motion-enter=agent] .agent-identity img{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 24%,transparent)}html[data-motion-resolved=full] :where(.agent-original[open],.history-item.technical[open],.history-operation-details[open],.agent-status[open])>:not(summary){animation:motion-surface-in var(--motion-normal) var(--motion-enter) both}html[data-motion-resolved=full] :where(.attachment-chip,.composer-attachment-list>*){animation:motion-menu-in var(--motion-normal) var(--motion-enter) both}html[data-motion-resolved=full] .attachment-chip.motion-attachment-chip{animation:none}html[data-motion-resolved=full] .history-code-copy[data-copied=true] svg{animation:motion-check var(--motion-normal) var(--motion-enter) both}html[data-motion-resolved=full] :where(.input-request-card,.conversation-live-indicator){animation:motion-surface-in var(--motion-normal) var(--motion-enter) both}html[data-motion-resolved=full] .jump-bottom{animation:motion-fade var(--motion-normal) ease both}html[data-motion-resolved=full] :where(.repo-card,.app-creation-run):nth-child(-n+8){animation:motion-surface-in var(--motion-medium) var(--motion-enter) backwards}html[data-motion-resolved=full] :where(.repo-card,.app-creation-run):nth-child(2){animation-delay:25ms}html[data-motion-resolved=full] :where(.repo-card,.app-creation-run):nth-child(3){animation-delay:50ms}html[data-motion-resolved=full] :where(.repo-card,.app-creation-run):nth-child(4){animation-delay:75ms}html[data-motion-resolved=full] :where(.repo-card,.app-creation-run):nth-child(5){animation-delay:.1s}html[data-motion-resolved=full] :where(.repo-card,.app-creation-run):nth-child(n+6):nth-child(-n+8){animation-delay:.12s}html[data-motion-resolved=full] :where(.history-skeleton,.skeleton,[class*=skeleton-]){position:relative;overflow:hidden}html[data-motion-resolved=full] :where(.history-skeleton,.skeleton,[class*=skeleton-]):after{content:"";position:absolute;inset:0;width:100%;pointer-events:none;background:linear-gradient(90deg,transparent 10%,color-mix(in srgb,var(--foreground) 8%,transparent) 50%,transparent 90%);animation:motion-shimmer 1.3s linear infinite}html[data-motion-resolved=full] :where(.badge,.status-badge,.app-creation-progress){transition:background-color var(--motion-normal) ease,border-color var(--motion-normal) ease,color var(--motion-normal) ease,box-shadow var(--motion-normal) ease}html[data-motion-resolved=full] :where(.run-status-progress-note,.run-coolify-result,.coolify-deployment-progress,.context-progress-table tr){transition:background-color var(--motion-normal) ease,border-color var(--motion-normal) ease,box-shadow var(--motion-normal) ease}html[data-motion-resolved=full] :where(.kpi-item strong,.usage-summary strong,.run-status-chip){font-variant-numeric:tabular-nums;transition:color var(--motion-normal) ease,opacity var(--motion-normal) ease}html[data-motion-resolved=full] :where(.empty-state,.error-state,.app-creation-alert){animation:motion-surface-in var(--motion-medium) var(--motion-enter) both}html[data-motion-visible=hidden] .conversation-live-state:before,html[data-motion-visible=hidden] .global-loading-bar:after,html[data-motion-visible=hidden] .history-skeleton:after,html[data-motion-visible=hidden] .skeleton-block:after,html[data-motion-visible=hidden] .skeleton-line:after,html[data-motion-visible=hidden] :where(.spin,.codex-usage-loading .loading-spinner,.codex-usage-heading-actions .is-spinning){animation-play-state:paused}html[data-motion-resolved=reduced] :where([data-motion-enter],.route-motion-entry,.context-notice,.toast){animation:motion-fade var(--motion-fast) ease both}html[data-motion-resolved=off] :where(.button,.sidebar-toggle-floating,.mobile-conversation-tab-close,.composer-disclosure,.theme-toggle-button,.profile-agent-choice,.floating-create-button,.nav-item,.repo-filter-item,.badge,.input,.select,.textarea,.history-skeleton,.sidebar,.mobile-conversation-tab,.toggle-switch,.profile-tab-button,.profile-tab-panel){animation:none!important;transition:none!important;transform:none!important}html[data-motion-resolved=off] .toggle-switch:after{animation:none!important;transition:none!important}html[data-motion-resolved=off] :where(.spin,.history-skeleton,.skeleton,[class*=skeleton-]):after{animation:none!important}html[data-motion-resolved=off] .spin,html[data-motion-resolved=reduced] .spin{animation:none!important}html[data-motion-resolved=off] .global-loading-bar:after,html[data-motion-resolved=off] :where(.codex-usage-loading .loading-spinner,.codex-usage-heading-actions .is-spinning),html[data-motion-resolved=reduced] .global-loading-bar:after,html[data-motion-resolved=reduced] :where(.codex-usage-loading .loading-spinner,.codex-usage-heading-actions .is-spinning){animation:none!important}html[data-motion-resolved=off] :where([data-motion-enter],.route-motion-entry,.context-notice,.toast,.attachment-chip,.input-request-card,.conversation-live-indicator){animation:none!important}html[data-motion-resolved=off] :where(.sidebar,.sidebar-mobile-backdrop,.mobile-conversation-tab){opacity:1!important}html[data-motion-resolved=off] .sidebar-collapsed :where(.sidebar,.sidebar-mobile-backdrop),html[data-motion-resolved=reduced] .sidebar-collapsed :where(.sidebar,.sidebar-mobile-backdrop){display:none!important}html[data-motion-resolved=off] .motion-commit-backdrop[data-motion-exiting=true],html[data-motion-resolved=reduced] .motion-commit-backdrop[data-motion-exiting=true]{display:none!important}html[data-motion-resolved=off] .main.conversation-main,html[data-motion-resolved=off] .shell{transition:none!important}html[data-motion-resolved=reduced] :where(.button,.profile-agent-choice,.floating-create-button):hover{transform:none!important}html[data-motion-resolved=off] .jump-bottom.button,html[data-motion-resolved=reduced] .jump-bottom.button:hover{transform:translateX(-50%)!important}html[data-motion-resolved=reduced] .sidebar{animation:none!important}html[data-motion-resolved=off] .profile-agent-choice:after,html[data-motion-resolved=off] :where(.profile-agent-choice img,.profile-agent-multi-menu label),html[data-motion-resolved=reduced] .profile-agent-choice:after,html[data-motion-resolved=reduced] .toggle-switch:after,html[data-motion-resolved=reduced] :where(.profile-agent-choice,.profile-agent-choice img,.profile-agent-multi-menu label){transition:none!important}html[data-motion-resolved=off] .profile-agent-choice:hover img,html[data-motion-resolved=off] .profile-agent-multi-menu label:hover,html[data-motion-resolved=off] .profile-agent-upload input[type=file]:hover::file-selector-button,html[data-motion-resolved=reduced] .profile-agent-choice:hover img,html[data-motion-resolved=reduced] .profile-agent-multi-menu label:hover,html[data-motion-resolved=reduced] .profile-agent-upload input[type=file]:hover::file-selector-button{transform:none!important}html[data-motion-resolved=reduced] :where(.spin,.history-skeleton,.skeleton,[class*=skeleton-]):after{animation:none!important}html[data-motion-resolved=reduced] .conversation-live-state:before{animation:none!important}@media (prefers-reduced-motion:reduce){html[data-motion-resolved=off]{scroll-behavior:auto}}