html,body{margin:0;min-height:100%}
body{min-height:100svh;overflow-x:hidden}
.app-shell{min-height:100svh;display:grid;place-items:stretch center}
.phone-stage{position:relative;width:min(100vw,430px);height:100svh;min-height:560px;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto}
.view{min-height:0}
.learn-view{display:grid;grid-template-rows:19% minmax(0,1fr) 14% 11%}
@media (min-width:431px){.app-shell{place-items:center}.phone-stage{width:min(430px,calc(94svh * 9 / 16));height:min(94svh,764px);min-height:0;aspect-ratio:9/16}}