| html, | |
| body { | |
| height: 100%; | |
| margin: 0; | |
| padding: 0; | |
| font-family: | |
| -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif; | |
| background-color: #ffffff; | |
| } | |
| /* iOS Safari viewport fix */ | |
| html { | |
| height: -webkit-fill-available; | |
| } | |
| body { | |
| display: flex; | |
| overflow: hidden; | |
| /* Additional iOS Safari height fix */ | |
| min-height: 100vh; | |
| min-height: -webkit-fill-available; | |
| } | |
| /* Mobile viewport optimizations */ | |
| @media screen and (max-width: 768px) { | |
| html { | |
| font-size: 16px; /* Prevent iOS zoom */ | |
| } | |
| } |