/* The iPhone app only (src/native.js adds .hq-native to <html>). The website never matches these rules. */
.hq-native,.hq-native body{background:var(--bg);overscroll-behavior:none}
.hq-native body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
/* No long-press previews or callouts on buttons and links; text in fields stays selectable. */
.hq-native a,.hq-native button,.hq-native [data-act],.hq-native img,.hq-native svg{-webkit-touch-callout:none}
.hq-native button,.hq-native [role="button"],.hq-native .tabs a,.hq-native .brand{-webkit-user-select:none;user-select:none}
/* Safe areas: the sign-in card and menus clear the notch and the home bar. */
.hq-native .gate{padding-top:max(24px,calc(env(safe-area-inset-top,0px) + 12px));padding-bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 12px))}
.hq-native .sheet-body{padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
/* Demo (App Review): a small badge with a way back to sign-in, above the tab bar on phones. */
.native-demo{position:fixed;z-index:42;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;padding:6px 6px 6px 10px;border-radius:999px;max-width:calc(100vw - 32px)}
.native-demo .pill{background:var(--orange);color:var(--on-orange);font-weight:600}
.native-demo-t{font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:899px){.native-demo{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}
@media (max-width:380px){.native-demo-t{display:none}}
body.ai-on .native-demo{display:none}