.app-shell{width:100vw;max-width:100vw;height:100dvh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow:hidden;display:grid;grid-template-rows:auto auto 1fr;-webkit-user-select:none;user-select:none}.app-shell input,.app-shell textarea{-webkit-user-select:text;user-select:text}.app-shell>*{min-width:0}.app-shell>.panel,.app-shell>.chats-panel,.app-shell>.new-chat-overlay,.app-shell>.chat,.app-shell>.chat-transition,.app-shell>.settings-page{grid-row:3}.app-shell>.new-chat-overlay{grid-column:1}.panel,.chat{min-width:0;min-height:0}.panel{padding:14px;overflow:auto}.panel h2{margin:0 0 12px;font-size:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.screen-back{justify-self:start;min-height:42px;padding:8px 12px;background:transparent;color:#aeb4be}.chat.chat{grid-template-rows:1fr auto}.conversation-back{position:absolute;top:6px;left:10px;z-index:4;display:grid;place-items:center;width:48px;min-width:48px;height:48px;min-height:48px;margin:0;padding:0;border:1px solid #3b3d42;border-radius:50%;background:#1b1d22;color:#e8e9ed;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.app-shell>.settings-page{grid-column:1}
.conversation-back-icon{position:relative;width:22px;height:22px}
.conversation-back-icon::before,.conversation-back-icon::after{content:"";position:absolute;top:50%;transform:translateY(-50%)}
.conversation-back-icon::before{left:4px;width:18px;height:3px;border-radius:999px;background:currentColor}
.conversation-back-icon::after{left:3px;width:11px;height:11px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.conversation-header{position:absolute;top:0;left:0;right:0;z-index:4;display:grid;grid-template-columns:minmax(48px,1fr) minmax(0,60%) minmax(48px,1fr);align-items:center;box-sizing:border-box;height:56px;padding:4px 10px;border:0;background:rgba(16,17,20,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.conversation-header .conversation-back{position:static;pointer-events:auto}.conversation-title{min-width:0;margin:0;padding:0 10px;overflow:hidden;color:#e8e9ed;font-size:16px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;text-align:center}.conversation-header-spacer{width:48px;height:48px}
@media(max-width:640px){.screen-back{min-height:48px}}
.app-shell{grid-template-columns:minmax(0,1fr)}
.app-shell>.panel,.app-shell>.chats-panel,.app-shell>.new-chat-overlay,.app-shell>.chat,.app-shell>.chat-transition,.app-shell>.settings-page{grid-column:1}
.app-shell--split{grid-template-columns:clamp(280px,32vw,380px) minmax(0,1fr)}
.app-shell--split>.context-bar,.app-shell--split>.usage-status{grid-column:1/-1}
.app-shell--split>.chats-panel{grid-column:1}
.app-shell--split>.motion-screen{grid-column:2;box-shadow:-1px 0 #2b2e34}
html[data-theme="light"] .app-shell .status-connection-error{border-color:#d1242f!important;background:#fff1f2!important;background-color:#fff1f2!important;color:#b4232d!important}
.startup-screen{width:100vw;height:100dvh;display:grid;place-content:center;justify-items:center;gap:22px;padding:32px;background:#101114;color:#f4f1eb;text-align:center}.startup-mark{display:grid;place-items:center;width:68px;height:68px;border:0;background:transparent;box-shadow:none;animation:startup-mark-in .42s var(--motion-ease-out) both}.startup-mark>span{width:22px;height:22px;border:3px solid #4c515d;border-top-color:#f0a33a;border-radius:50%;animation:chat-transition-spin .9s linear infinite}.startup-copy{display:grid;gap:6px}.startup-copy strong{font-size:19px}.startup-copy span{color:#9da3ae;font-size:14px}
.motion-screen{grid-row:3;grid-column:1;position:relative;z-index:10;min-width:0;min-height:0;overflow:hidden;background:#101114;box-shadow:-18px 0 46px rgba(0,0,0,.28);will-change:transform}.motion-screen>.chat,.motion-screen>.chat-transition,.motion-screen>.settings-page,.motion-screen>.new-chat-overlay{width:100%;height:100%;min-height:0}.motion-screen.chat-account-offset>.chat,.motion-screen.chat-account-offset>.chat-transition{padding-top:27px}.motion-screen.chat-account-offset .conversation-back{top:33px}.motion-screen--enter{animation:motion-screen-enter var(--motion-screen) var(--motion-ease-out) both}.motion-screen--exit{animation:motion-screen-exit var(--motion-screen) var(--motion-ease) both}.chats-panel--background{pointer-events:none}@media(max-width:640px){.motion-screen.chat-account-offset>.chat,.motion-screen.chat-account-offset>.chat-transition{padding-top:24px}.motion-screen.chat-account-offset .conversation-back{top:30px}}
.motion-screen.chat-account-offset .conversation-header{top:27px}@media(max-width:640px){.motion-screen.chat-account-offset .conversation-header{top:24px}}
@keyframes motion-screen-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes motion-screen-exit{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes startup-mark-in{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}@keyframes startup-progress{from{transform:translateX(-130%)}to{transform:translateX(310%)}}
html[data-theme="light"] .startup-screen,html[data-theme="light"] .motion-screen{background:#f7f7f8;color:#1f2328}html[data-theme="light"] .startup-mark{border:0;background:transparent;box-shadow:none}html[data-theme="light"] .app-shell .startup-mark>span{border-color:#d0d7de!important;border-top-color:#0969da!important}html[data-theme="light"] .startup-copy span{color:#57606a}html[data-theme="light"] .conversation-header{background:rgba(247,247,248,.92)}html[data-theme="light"] .conversation-title{color:#1f2328}
