:root{--color-forest:#1f3d2e;--color-forest-dark:#142819;--color-amber:#c98a2c;--color-offwhite:#f7f5f0;--color-ink:#1a1a17;--color-ink-muted:#6b6a63;--color-border:#d9d5c9;--font-family-display:"Space Grotesk",system-ui,sans-serif;--font-family-body:"Inter",system-ui,sans-serif;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--touch-target-min:44px;--safe-area-inset-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-offwhite);color:var(--color-ink);font-family:var(--font-family-body)}body{min-height:100dvh}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--color-offwhite);border-top:1px solid var(--color-border);z-index:10}.tab-bar.safe-area-bottom{padding-bottom:var(--safe-area-inset-bottom)}.tab-bar__item{flex:1 1;min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-ink);font-family:var(--font-family-body);font-size:var(--font-size-sm);text-decoration:none;cursor:pointer}.tab-bar__item[aria-current=page]{color:var(--color-forest);font-weight:600}.tab-bar__item--stub{color:var(--color-ink-muted)}.coming-soon-backdrop{position:fixed;inset:0;background:rgba(26,26,23,.4);display:flex;align-items:flex-end;z-index:20}.coming-soon-sheet{width:100%;background:var(--color-offwhite);border-radius:var(--space-md) var(--space-md) 0 0;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + var(--safe-area-inset-bottom))}.coming-soon-sheet__title{font-family:var(--font-family-display);color:var(--color-forest);margin:0 0 var(--space-sm)}.coming-soon-sheet__description{color:var(--color-ink-muted);margin:0 0 var(--space-md)}.coming-soon-sheet__dismiss{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);background:var(--color-forest);color:var(--color-offwhite);border:none;border-radius:var(--space-xs);cursor:pointer}.tab-shell{display:flex;flex-direction:column;min-height:100dvh}.tab-shell__content{flex:1 1;display:flex;flex-direction:column;min-height:0;padding-bottom:calc(var(--touch-target-min) + var(--safe-area-inset-bottom))}.tab-shell__top-chrome{display:flex;justify-content:flex-end;align-items:center;padding:var(--space-sm) var(--space-md)}.tab-shell__avatar{display:flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);border-radius:50%;background:var(--color-forest);color:var(--color-offwhite);font-family:var(--font-family-display);font-size:var(--font-size-md);text-decoration:none}.login-form{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg)}.login-form__label{font-family:var(--font-family-body);color:var(--color-ink)}.login-form__input{min-height:var(--touch-target-min);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--space-xs);font-size:var(--font-size-md)}.login-form__error{color:var(--color-amber)}.login-form__submit{min-height:var(--touch-target-min);min-width:var(--touch-target-min);background:var(--color-forest);color:var(--color-offwhite);border:none;border-radius:var(--space-xs);font-family:var(--font-family-display);cursor:pointer}.onboarding-wizard{display:flex;flex-direction:column;min-height:100dvh;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + var(--safe-area-inset-bottom))}.onboarding-step{display:flex;flex-direction:column;gap:var(--space-md);flex:1 1}.onboarding-step h1{font-family:var(--font-family-display);color:var(--color-forest);font-size:var(--font-size-lg);margin:0}.onboarding-step p{color:var(--color-ink-muted);margin:0}.onboarding-step--done{justify-content:center;text-align:center}.onboarding-step--anthropic-form,.onboarding-step--chatgpt-form,.onboarding-step--connect,.onboarding-step--openrouter-form{justify-content:flex-start}.onboarding-step form{display:flex;flex-direction:column;gap:var(--space-sm);flex:1 1}.onboarding-step__primary{min-width:var(--touch-target-min);margin-top:auto;display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background:var(--color-forest);color:var(--color-offwhite);border:none;border-radius:var(--space-xs);font-family:var(--font-family-display);text-decoration:none;cursor:pointer}.onboarding-step__input,.onboarding-step__primary{min-height:var(--touch-target-min);font-size:var(--font-size-md)}.onboarding-step__input{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--space-xs)}.onboarding-step__back{min-height:var(--touch-target-min);min-width:var(--touch-target-min);align-self:flex-start;display:inline-flex;align-items:center;padding:0;background:none;border:none;color:var(--color-forest);font-family:var(--font-family-body);font-size:var(--font-size-md);cursor:pointer}.onboarding-step__error{color:var(--color-amber);margin:0}.connect-cards{display:flex;flex-direction:column;gap:var(--space-md)}.connect-cards__card{min-height:var(--touch-target-min);width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);background:var(--color-offwhite);border:1px solid var(--color-border);border-radius:var(--space-sm);text-align:left;font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--color-ink);cursor:pointer}.connect-cards__title{font-family:var(--font-family-display);color:var(--color-forest);font-weight:600}.connect-cards__body,.connect-cards__caveat{color:var(--color-ink-muted);font-size:var(--font-size-sm)}.chatgpt-info-backdrop{position:fixed;inset:0;background:rgba(26,26,23,.4);display:flex;align-items:flex-end;z-index:20}.chatgpt-info-sheet{width:100%;background:var(--color-offwhite);border-radius:var(--space-md) var(--space-md) 0 0;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + var(--safe-area-inset-bottom))}.chatgpt-info-sheet__title{font-family:var(--font-family-display);color:var(--color-forest);margin:0 0 var(--space-sm)}.chatgpt-info-sheet__body{color:var(--color-ink-muted);margin:0 0 var(--space-md)}.chatgpt-info-sheet__dismiss{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);background:var(--color-forest);color:var(--color-offwhite);border:none;border-radius:var(--space-xs);cursor:pointer}.chat-page{display:flex;flex-direction:column;flex:1 1;min-height:0}.chat-page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.chat-page__drawer-toggle{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);background:none;border:1px solid var(--color-border);border-radius:var(--space-xs);color:var(--color-forest);font-family:var(--font-family-body);font-size:var(--font-size-sm);cursor:pointer}.chat-page__drawer-backdrop{position:fixed;inset:0;background:rgba(26,26,23,.4);display:flex;align-items:flex-end;z-index:20}.chat-page__drawer{width:100%;max-height:70dvh;overflow-y:auto;background:var(--color-offwhite);border-radius:var(--space-md) var(--space-md) 0 0;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + var(--safe-area-inset-bottom))}.chat-thread{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.chat-thread--empty{align-items:center;justify-content:center;text-align:center;color:var(--color-ink-muted)}.chat-thread__turn{display:flex;flex-direction:column;gap:var(--space-xs)}.chat-message-bubble{max-width:85%;padding:var(--space-sm) var(--space-md);border-radius:var(--space-sm);font-size:var(--font-size-md);line-height:1.5}.chat-message-bubble--user{align-self:flex-end;background:var(--color-forest);color:var(--color-offwhite)}.chat-message-bubble--assistant{align-self:flex-start;background:var(--color-border);color:var(--color-ink)}.chat-markdown code{padding:0 var(--space-xs)}.chat-markdown code,.chat-markdown pre{font-family:monospace;background:rgba(26,26,23,.08);border-radius:var(--space-xs)}.chat-markdown pre{padding:var(--space-sm);overflow-x:auto}.chat-markdown pre code{background:none;padding:0}.chat-composer{display:flex;align-items:flex-end;gap:var(--space-sm);margin-top:auto;padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + var(--safe-area-inset-bottom));border-top:1px solid var(--color-border)}.chat-composer__textarea{flex:1 1;min-height:var(--touch-target-min);max-height:160px;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--space-xs);font-family:var(--font-family-body);font-size:var(--font-size-md);resize:none}.chat-composer__send{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);background:var(--color-forest);color:var(--color-offwhite);border:none;border-radius:var(--space-xs);font-family:var(--font-family-display);cursor:pointer}.chat-composer__send:disabled{background:var(--color-ink-muted);cursor:not-allowed}.chat-conversation-list{display:flex;flex-direction:column;gap:var(--space-sm)}.chat-conversation-list__new{background:var(--color-forest);color:var(--color-offwhite);border:none;border-radius:var(--space-xs);font-family:var(--font-family-display)}.chat-conversation-list__new,.chat-conversation-list__row{min-height:var(--touch-target-min);width:100%;padding:var(--space-sm) var(--space-md);cursor:pointer}.chat-conversation-list__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--color-offwhite);border:1px solid var(--color-border);border-radius:var(--space-sm);text-align:left;font-family:var(--font-family-body)}.chat-conversation-list__row-title{color:var(--color-ink);font-size:var(--font-size-md)}.chat-conversation-list__row-time{color:var(--color-ink-muted);font-size:var(--font-size-sm);white-space:nowrap}.chat-stop-control{min-height:var(--touch-target-min);min-width:var(--touch-target-min);align-self:center;padding:var(--space-sm) var(--space-md);background:var(--color-amber);color:var(--color-ink);border:none;border-radius:var(--space-xs);font-family:var(--font-family-display);cursor:pointer}.model-picker{display:flex;flex-direction:column;gap:var(--space-xs)}.model-picker__trigger{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);background:none;border:1px solid var(--color-border);border-radius:var(--space-xs);color:var(--color-forest);font-family:var(--font-family-body);font-size:var(--font-size-sm);cursor:pointer}.model-picker__error{color:var(--color-amber);font-size:var(--font-size-sm);margin:0}.model-picker__retry{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);background:var(--color-forest);color:var(--color-offwhite);border:none;border-radius:var(--space-xs);font-family:var(--font-family-body);font-size:var(--font-size-sm);cursor:pointer;align-self:flex-start}.model-picker-sheet-backdrop{position:fixed;inset:0;background:rgba(26,26,23,.4);display:flex;align-items:flex-end;z-index:20}.model-picker-sheet{width:100%;max-height:70dvh;overflow-y:auto;background:var(--color-offwhite);border-radius:var(--space-md) var(--space-md) 0 0;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + var(--safe-area-inset-bottom))}.model-picker-sheet__title{font-family:var(--font-family-display);color:var(--color-forest);margin:0 0 var(--space-sm)}.model-picker-sheet__list{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;margin:0 0 var(--space-md);padding:0}.model-picker-sheet__option{min-height:var(--touch-target-min);width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-offwhite);border:1px solid var(--color-border);border-radius:var(--space-sm);text-align:left;font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--color-ink);cursor:pointer}.model-picker-sheet__option[aria-selected=true]{border-color:var(--color-forest);color:var(--color-forest);font-weight:600}.model-picker-sheet__dismiss{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);background:var(--color-forest);color:var(--color-offwhite);border:none;border-radius:var(--space-xs);cursor:pointer}.brain-chip{display:flex;flex-direction:column;align-self:flex-start;max-width:85%;border:1px solid var(--color-border);border-radius:var(--space-sm);background:var(--color-offwhite);font-size:var(--font-size-sm)}.brain-chip--denied{border-color:var(--color-amber)}.brain-chip--pending{color:var(--color-ink-muted)}.brain-chip__toggle{min-height:var(--touch-target-min);width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--space-sm);text-align:left;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-forest);cursor:pointer}.brain-chip__toggle:disabled{color:var(--color-ink-muted);cursor:default}.brain-chip__detail{flex-direction:column;margin:0;padding:0 var(--space-md) var(--space-sm)}.brain-chip__detail,.brain-chip__detail-row{display:flex;gap:var(--space-xs)}.brain-chip__detail-label{color:var(--color-ink-muted);font-weight:600}.brain-chip__detail-value{margin:0;color:var(--color-ink);word-break:break-word}.brain-degraded-banner,.chat-error-notice{padding:var(--space-sm) var(--space-md);background:rgba(196,148,66,.15);color:var(--color-ink);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-amber)}.offline-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:var(--space-sm);padding:var(--space-lg);text-align:center;background:var(--color-offwhite)}.offline-page__title{font-family:var(--font-family-display);color:var(--color-forest);font-size:var(--font-size-lg);margin:0}.offline-page__body{color:var(--color-ink-muted);font-size:var(--font-size-md);margin:0}.settings{gap:var(--space-lg);padding:var(--space-md)}.settings,.settings__section{display:flex;flex-direction:column}.settings__section{gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.settings__section-title{font-family:var(--font-family-display);color:var(--color-forest);font-size:var(--font-size-md);margin:0}.settings__about,.settings__connection-model,.settings__connection-route,.settings__usage-stub{margin:0;color:var(--color-ink);font-size:var(--font-size-sm)}.settings__link{min-height:var(--touch-target-min);display:flex;align-items:center;color:var(--color-forest);font-family:var(--font-family-body);font-size:var(--font-size-sm);text-decoration:underline}.settings__sign-out{display:flex;flex-direction:column;gap:var(--space-sm)}.settings__sign-out-button{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-sm) var(--space-md);background:var(--color-forest);color:var(--color-offwhite);border:none;border-radius:var(--space-xs);font-family:var(--font-family-display);font-size:var(--font-size-sm);cursor:pointer;align-self:flex-start}.settings__sign-out-error{color:var(--color-amber);font-size:var(--font-size-sm);margin:0}