.state-banners{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.state-banners:empty{display:none}.state-loading{align-items:center;gap:var(--space-3);padding:var(--space-4);font-family:var(--font-sans);color:var(--text-primary);display:flex}.state-loading--frame{box-sizing:border-box;text-align:center;flex-direction:column;flex:1;justify-content:center;align-self:stretch;align-items:center;min-width:0;min-height:0;display:flex}#root>.state-loading--frame{height:100%}.state-loading--frame>span:last-child{color:var(--text-secondary);overflow-wrap:anywhere;font-size:14px}.state-error{align-items:center;gap:var(--space-3);padding:var(--space-4);font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.state-error__icon{color:var(--griot-danger)}.state-error__message{overflow-wrap:anywhere;flex:1;min-width:0}.state-screen{--state-page-title-size:32px;background:radial-gradient(circle at 100% 0%, #0b5d6b38, transparent 50%),var(--bg-app);width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-sans);flex-direction:column;flex:1;display:flex;overflow:auto}.state-screen>header{flex:none;align-items:center;gap:10px;height:64px;padding:0 32px;font-size:15px;font-weight:600;display:flex}.state-screen>main{flex:1;display:flex}.state-screen>main>section{flex:1;background:0 0!important;padding:24px 32px 64px!important}.state-screen p{text-wrap:pretty}.route-load-error{flex:1;min-width:0;min-height:100%;display:flex}.state-screen__reference{border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 12px 10px 14px;display:flex}.state-screen__reference>span{flex:1}.state-screen__reference{color:var(--text-secondary);font-size:12px}.state-update-progress{flex-direction:column;gap:14px;display:flex}.state-update-progress>div:first-child{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.state-update-progress>[role=progressbar]{background:var(--border-subtle);border-radius:2px;height:4px;overflow:hidden}.state-update-progress i{background:var(--griot-petrol-hover);height:100%;display:block}.state-update-progress ol{flex-direction:column;gap:10px;margin:0;padding:4px 0 0;list-style:none;display:flex}.state-update-progress li{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.state-update-progress li[data-running=true]{color:var(--text-primary)}.state-update-progress__icon{flex:none;justify-content:center;align-items:center;width:16px;height:18px;display:flex}.state-budget-notice{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);flex-direction:column;gap:14px;padding:16px;display:flex}.state-budget-notice header{align-items:center;gap:10px;display:flex}.state-budget-notice header>svg{color:var(--griot-warning)}.state-budget-notice header strong{flex:1;font-size:14px;font-weight:600}.state-budget-notice header>span{color:var(--text-secondary);font-size:12px}.state-budget-track{background:var(--griot-warning);border-radius:2px;height:4px}.state-budget-notice p{color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:13px;line-height:1.55}.state-budget-notice>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.state-shared{background:var(--bg-app);min-width:0;color:var(--text-primary);font-family:var(--font-sans);flex:1;overflow:auto}.state-shared>header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;height:64px;padding:0 32px;display:flex}.state-shared>header>strong{flex:1;font-size:15px}.state-shared>main{flex-direction:column;gap:32px;max-width:760px;margin:0 auto;padding:40px 32px 48px;display:flex}.state-shared__heading{flex-direction:column;gap:14px;display:flex}.state-shared__messages{flex-direction:column;gap:28px;display:flex}.state-overline{letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:500}.state-shared h1{letter-spacing:-.015em;text-wrap:pretty;margin:0;font-size:32px;font-weight:600;line-height:1.25}.state-shared__attribution{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.state-shared aside{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);text-wrap:pretty;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.state-shared__items{flex-direction:column;gap:6px;display:flex}.state-shared__items>div{gap:10px;display:flex}.state-shared__items>div>:first-child{color:var(--text-secondary)}.state-shared__sources{flex-direction:column;gap:8px;padding-top:4px;font-size:12px;display:flex}.state-shared__sources>span{color:var(--text-secondary);font-weight:500}.state-shared__sources>div{flex-wrap:wrap;gap:6px;display:flex}.state-shared__sources>div>span{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;display:inline-flex}.state-shared__sources [aria-disabled=true]{color:var(--text-secondary)}.state-shared footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:14px;padding-top:24px;display:flex}.state-shared footer p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.state-shared footer>div{flex-wrap:wrap;gap:8px;display:flex}@media (width<=899px){.state-shared>header{padding:0 16px}.state-shared>main{padding-inline:16px}.state-shared h1{font-size:26px}}.state-conversation{background:var(--bg-app);width:100%;min-height:100dvh;color:var(--text-primary);font-family:var(--font-sans);display:flex;position:relative}.state-conversation>.state-account-menu{max-width:calc(100% - 24px);bottom:16px;left:8px;width:300px!important;position:absolute!important}@media (width<=899px){.state-conversation>.state-account-menu{inset:52px 12px auto auto}}.state-conversation__main{flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex;position:relative}.state-conversation__main>header{border-bottom:1px solid var(--border-subtle);flex:none;align-items:center;gap:10px;height:56px;padding:0 32px;display:flex}.state-conversation__main>header>strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.state-conversation__main>header>:is(button,span){display:none!important}.state-conversation__banner{background:var(--surface-raised);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 32px;display:flex}.state-conversation__banner>span{text-wrap:pretty;flex:260px;min-width:0;font-size:13px;line-height:1.5}.state-conversation__banner>span>span{color:var(--text-secondary)}.state-conversation__scroll{flex:1}.state-member-directory{flex-direction:column;gap:24px;display:flex}.state-member-directory>header{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.state-member-directory>header>div{flex-direction:column;flex:280px;gap:6px;display:flex}.state-member-directory h1{letter-spacing:-.015em;margin:0;font-size:26px;font-weight:600}.state-member-directory>header span{color:var(--text-secondary);font-size:14px}.state-member-directory__capacity{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:16px;display:flex}.state-member-directory__capacity>div:first-child{justify-content:space-between;gap:12px;font-size:13px;display:flex}.state-member-directory__capacity strong{font-weight:500}.state-member-directory__capacity span{color:var(--text-secondary);font-variant-numeric:tabular-nums}.state-member-directory__list{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.state-member-directory__list>div{border-top:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 16px;display:flex}.state-member-directory__list>div:first-child{border-top:0}.state-member-directory__list>div>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.state-member-directory__list strong{font-size:14px;font-weight:500}.state-member-directory__list small{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.state-member-directory__list>p{border-top:1px solid var(--border-subtle);color:var(--text-secondary);margin:0;padding:12px 16px;font-size:13px}.state-conversation__messages:has(>.state-member-directory){padding-bottom:48px}.state-places-description{flex-direction:column;gap:12px;display:flex}.state-places-description p{text-wrap:pretty;margin:0}.state-places-description p+p{font-size:13px}.state-conversation__messages{flex-direction:column;gap:28px;max-width:760px;margin:0 auto;padding:32px 32px 24px;display:flex}.state-conversation__user{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.state-conversation__user>div{box-sizing:content-box;background:var(--surface-card);border:1px solid var(--border-subtle);text-wrap:pretty;border-radius:14px 14px 4px;max-width:80%;padding:10px 16px;font-size:14px;line-height:1.55}.state-conversation__user small{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.state-conversation__assistant{align-items:flex-start;gap:14px;display:flex}.state-conversation__assistant>div{flex-direction:column;flex:1;gap:12px;min-width:0;padding-top:3px;font-size:14px;line-height:1.6;display:flex}.state-conversation__assistant p{text-wrap:pretty;margin:0}.state-conversation__error{color:var(--griot-danger);font-size:13px;font-weight:500}.state-conversation__main>footer{flex:none;width:100%;max-width:760px;margin:0 auto;padding:0 32px 20px}.state-conversation__composer{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);align-items:flex-end;gap:10px;padding:10px 10px 10px 16px;display:flex}.state-conversation__composer textarea{resize:none;min-width:0;font:var(--touch-input-font-size,14px)/1.55 var(--font-sans);color:var(--text-primary);background:0 0;border:0;flex:1;padding:7px 0}.state-conversation__composer>button{border-radius:50%!important;width:36px!important;height:36px!important}@media (width<=899px){.state-conversation__main>header{padding:0 16px}.state-conversation__main>header>:is(button,span){display:inline-flex!important}.state-conversation__banner{padding:12px 16px}.state-conversation__messages{padding:32px 16px 24px}.state-conversation__assistant{flex-direction:column;gap:8px}.state-conversation__main>footer{padding:0 16px 20px}.state-screen{--state-page-title-size:26px}.state-screen>header{padding:0 16px}.state-screen>main>section{padding-inline:16px!important}}
