:root{
  --mobile-content-max:760px;
  --mobile-edge:clamp(10px,3.2vw,18px);
  --mobile-radius:18px;
  --mobile-touch:44px;
}
html{min-width:320px;min-height:100%;overflow-x:hidden}
body{min-width:0;min-height:100dvh;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
.mobile-safe-shell{
  width:min(100%,var(--mobile-content-max));
  margin-inline:auto;
  padding-left:max(var(--mobile-edge),env(safe-area-inset-left));
  padding-right:max(var(--mobile-edge),env(safe-area-inset-right));
}
.mobile-touch{min-height:var(--mobile-touch)}
@media (orientation:landscape) and (max-height:560px){
  :root{--mobile-edge:10px}
}