.screen-header{z-index:2;align-items:center;gap:var(--l-space-2);min-height:calc(var(--l-tap-min) + var(--l-space-5));padding:var(--l-space-2) var(--l-space-3);background:var(--l-surface-1);border-bottom:1px solid var(--l-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);display:grid;position:sticky;top:0}.screen-header__leading,.screen-header__trailing{min-width:var(--l-tap-min);align-items:center;display:flex}.screen-header__trailing{justify-content:flex-end;gap:var(--l-space-1)}.screen-header__titles{text-align:center;min-width:0}.screen-header__titles h1{text-overflow:ellipsis;white-space:nowrap;font:var(--l-type-title-sm);letter-spacing:var(--l-tracking-title-sm);color:var(--l-text);overflow:hidden}.screen-header__titles p{margin-top:var(--l-space-0);text-overflow:ellipsis;white-space:nowrap;font:var(--l-type-label);letter-spacing:var(--l-tracking-label);color:var(--l-text-muted);overflow:hidden}.screen-header--start{align-items:center;gap:var(--l-space-1);padding:var(--l-space-2) var(--l-space-2) var(--l-space-2) var(--l-space-1);--stack-ring:var(--l-surface-solid);display:flex}.screen-header--start.screen-header--root{padding-left:var(--l-space-4)}.screen-header--start .screen-header__titles{text-align:left;flex:auto;min-width:0}.screen-header--start.screen-header--root .screen-header__titles h1{font:var(--l-type-title);letter-spacing:var(--l-tracking-title)}.screen-header--start .screen-header__trailing{gap:var(--l-space-1);flex:none;min-width:0}.screen-header__identity{min-width:0;min-height:44px;padding:var(--l-space-1) var(--l-space-2) var(--l-space-1) var(--l-space-1);border-radius:var(--l-radius-md);flex:auto;align-items:center;gap:10px;display:flex}button.screen-header__identity{text-align:left;cursor:pointer;background:0 0;border:0}button.screen-header__identity:hover{background:var(--l-surface-sunken)}button.screen-header__identity:focus-visible{outline:2px solid var(--l-focus-ring);outline-offset:2px;border-radius:var(--l-radius-md)}.screen-header__id-titles{min-width:0;display:grid}.screen-header__id-titles--loading{gap:6px}.screen-header__id-title{text-overflow:ellipsis;white-space:nowrap;font:var(--l-type-title-sm);letter-spacing:var(--l-tracking-title-sm);color:var(--l-text);overflow:hidden}.screen-header__id-subtitle{text-overflow:ellipsis;white-space:nowrap;font:var(--l-type-label);color:var(--l-text-muted);overflow:hidden}.screen-header__id-subtitle--accent{color:var(--l-accent);font-weight:600}
.screen-page{background:var(--l-bg);min-height:100%;color:var(--l-text);flex-direction:column;display:flex}.screen-page--chat{height:100%;max-height:100%;overflow:hidden}.screen-page__scroll{flex:1;min-height:0;overflow:auto}.screen-page__footer{z-index:1;padding:var(--l-space-3) var(--l-space-4) calc(var(--l-space-3) + env(safe-area-inset-bottom,0px));background:var(--l-surface-solid);border-top:1px solid var(--l-border);transform:translateY(calc(var(--l-vv-top,0px) + var(--l-vv-h,100dvh) - 100dvh));margin-top:auto;position:sticky;bottom:0}.screen-page:has(>.screen-page__footer){--l-scroll-footer-space:calc(var(--l-space-3) * 2 + 48px + 1px + env(safe-area-inset-bottom,0px))}.screen-stagger>*{animation:screen-row-in var(--l-dur-base) var(--l-ease-out) backwards}.screen-stagger>:first-child{animation-delay:0s}.screen-stagger>:nth-child(2){animation-delay:24ms}.screen-stagger>:nth-child(3){animation-delay:48ms}.screen-stagger>:nth-child(4){animation-delay:72ms}.screen-stagger>:nth-child(5){animation-delay:96ms}.screen-stagger>:nth-child(6){animation-delay:.12s}.screen-stagger>:nth-child(7){animation-delay:.144s}.screen-stagger>:nth-child(n+8){animation-delay:.168s}@keyframes screen-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}