/* Native uses the existing mobile navigation and section palettes. */
.native-app{overscroll-behavior-y:none;-webkit-text-size-adjust:100%}
.native-app .auth-layout{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
.native-app .toast{max-width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}
@media(max-width:760px){
 .native-app .auth-header{box-sizing:border-box;height:auto;min-height:48px;padding-top:6px}
 .native-app .reference-topbar{padding-top:6px}
 .native-app input,.native-app textarea,.native-app select{scroll-margin-block:calc(100px + env(safe-area-inset-top,0px)) calc(100px + env(safe-area-inset-bottom,0px))}
 /* Android's native container already reserves bars, cutouts and keyboard.
    This also corrects the installed v45 shell until the native rebuild arrives. */
 :root[data-native-platform=android]{--ui-safe-top:0px;--ui-safe-bottom:0px}
 :root[data-native-platform=android] .heyloworld-app .reference-topbar{padding-top:6px;padding-inline:12px;--header-inline-start:12px;--header-inline-end:12px}
 :root[data-native-platform=android] .native-app .mobile-dock{padding-bottom:6px}
 :root[data-native-platform=android] .native-app .auth-header{padding-top:6px;padding-inline:20px}
 :root[data-native-platform=android] .native-app .auth-footer{padding-bottom:20px}
}

.native-login-code{font-variant-numeric:tabular-nums;font-size:clamp(2rem,8vw,3rem);font-weight:700;letter-spacing:.18em;text-align:center;padding:20px 12px;margin:18px 0;border:1px solid currentColor;border-radius:16px;background:color-mix(in srgb,currentColor 4%,transparent)}
#native-approve-form{display:grid;gap:14px}
#native-code{font-variant-numeric:tabular-nums;letter-spacing:.18em;text-align:center;font-size:1.5rem;min-height:48px}
.native-confirm{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.native-confirm input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin-top:2px}
.native-verification-dialog .button,.native-verification-dialog .text-button{min-height:44px;margin:6px}