/* Layout-only rules that inline styles can't express. Mobile-first: base = phone; min-width adds wide. */
html,body{margin:0;background:var(--color-bg);-webkit-text-size-adjust:100%}
.sfc-app{height:100vh;height:100svh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.sfc-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sfc-scroll::-webkit-scrollbar{display:none}
button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
/* iOS zooms inputs under 16px */
@media (max-width:899px){input,select,textarea{font-size:16px!important}}
@media (min-width:900px){.sfc-app{height:100vh;height:100dvh}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}