/* Auth is unknown on first paint: only this neutral shell is visible. */
[hidden]{display:none!important}
.auth-loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#030705;color:#b6cbbf;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));text-align:center}
.auth-loading img{object-fit:contain}
.auth-loading p{font-size:13px;margin:0;max-width:320px;line-height:1.6}
.auth-spinner{width:18px;height:18px;border:2px solid #294332;border-top-color:#86e8b0;border-radius:50%;animation:auth-spin 1s linear infinite}
#authRetry{padding:12px 24px;border:1px solid #41654e;border-radius:8px;color:#dffbea}
@keyframes auth-spin{to{transform:rotate(360deg)}}
.drawer-close,.drawer-overlay,.mobile-destination,#mobileAccount{display:none}
#toggleChats svg{width:24px;height:24px;display:block}
@media(max-width:900px),(max-width:1024px) and (max-height:600px) and (pointer:coarse){
 body.navigation-open{position:fixed;left:0;right:0;overflow:hidden;overscroll-behavior:none}
 #chatSidebar,#chatSidebar.is-open{display:flex;position:fixed;inset:0 auto 0 0;width:min(320px,calc(100vw - 52px));height:100dvh;z-index:101;padding:calc(24px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));background:var(--surface-panel);border-right:1px solid var(--line);box-shadow:none;transform:translateX(-100%);visibility:hidden;transition:transform .22s ease,visibility .22s;overscroll-behavior:contain}
 #chatSidebar.is-open{transform:translateX(0);visibility:visible;box-shadow:20px 0 70px #0006}
 .drawer-overlay{display:block;position:fixed;inset:0;z-index:100;background:rgba(0,7,3,.65);backdrop-filter:blur(3px);touch-action:none;cursor:default}
 .drawer-close{display:grid;place-items:center;position:absolute;right:12px;top:calc(15px + env(safe-area-inset-top));width:44px;height:44px;font-size:28px;border-radius:8px;color:var(--text)}
 #chatSidebar .brand{padding-right:35px}
 #chatSidebar .primary-nav{margin-top:22px;gap:3px;flex-shrink:0}
 #chatSidebar .mobile-destination{display:flex}
 #chatSidebar .nav-coming-soon,#chatSidebar .sidebar-promo{display:none}
 #chatSidebar .nav{min-height:44px}
 #chatSidebar #history{min-height:0;overscroll-behavior:contain}
 #chatSidebar .chats-heading{padding-top:16px;padding-bottom:8px;flex-shrink:0}
 #chatSidebar .profile{width:100%;min-height:48px}
 #agentApp>main>header{height:calc(64px + env(safe-area-inset-top));min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:var(--surface-panel);position:sticky;top:0;z-index:20;flex-shrink:0}
 #agentApp>main>header>div{display:flex;align-items:center;gap:10px}
 #toggleChats,#mobileAccount{display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:10px;margin:0;border-radius:8px;color:var(--text)}
 #agentApp .agent-title{font-size:16px;letter-spacing:3px}
 #mobileAccount .icon{width:22px;height:22px}
 #accountWalletPanel{scroll-margin-top:calc(74px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 .composer-wrap{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
 .settings-panel,.swap-dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
@media(max-width:650px){
 #agentApp>main{height:100svh;min-height:480px;overflow:visible;padding-top:calc(64px + env(safe-area-inset-top))}
 #agentApp>main>header{position:fixed;left:0;right:0;top:0}
 #agentApp .wallet{min-width:0;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
 #agentApp .wallet .asset-value{max-width:40%}
}
@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}#chatSidebar{transition:none}}