.screen{width:100%;max-width:var(--size-screen-width);height:100dvh;padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);background:var(--bg-canvas);flex-direction:column;margin:0 auto;display:flex}.screen--dark{background:var(--bg-brand)}.screen--camera{background:var(--bg-inverse);position:relative}.screen__behind{z-index:0;position:absolute;inset:24px 0 0;overflow:hidden}.screen__content{z-index:1;gap:var(--space-md);min-height:0;padding:12px var(--space-lg) max(var(--space-xl), env(safe-area-inset-bottom));overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.screen__content>*{flex-shrink:0}.screen__content>.fit-scene{flex-shrink:1}.screen__spacer{min-height:var(--space-xs);flex:1 1 0}.screen--tabs .screen__content{padding-bottom:var(--space-md)}.screen__content>*{animation:rise var(--screen-enter) var(--easing-standard) both;animation-delay:calc(min(var(--i,0), 5) * var(--screen-stagger))}.screen__content>:nth-child(2){--i:1}.screen__content>:nth-child(3){--i:2}.screen__content>:nth-child(4){--i:3}.screen__content>:nth-child(5){--i:4}.screen__content>:nth-child(n+6){--i:5}.screen__spacer{animation:none}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes fade{0%{opacity:0}}@supports not (view-transition-name:none){.screen{animation:fade .16s var(--easing-standard) both}}@media (height<=760px){.screen__content{gap:var(--space-xs);padding-bottom:max(var(--space-md), env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.screen__content>*{animation:fade var(--duration-base) var(--easing-standard) both;animation-delay:0s}}