/* Mobile H5 layout: safe areas, touch targets, and flexible text wrapping. */
html{min-height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#140e18}body{min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden}.app-shell{min-height:100dvh;padding-top:max(18px,env(safe-area-inset-top));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(48px,env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left))}button{min-height:44px;touch-action:manipulation}.topbar,.nearby,.profile,.topic-card{min-width:0}.person{min-width:0}.person>div:last-child{min-width:0}.topbar h1,.topbar p,.scan-copy h2,.scan-copy p,.intro p,.bottom-topics>p,.topic-card strong,.topic-card small{overflow-wrap:anywhere}@media(max-width:390px){.app-shell{padding-inline:max(10px,env(safe-area-inset-left))}.topbar{gap:8px;margin-bottom:20px}.avatar{width:40px;height:40px}.topbar h1{font-size:1.08rem}.topbar p{font-size:.78rem}.online{padding:8px 10px;font-size:.78rem}.nearby{border-radius:20px}.scan-button{width:100%;grid-column:1/-1;justify-self:stretch;white-space:normal}.scan-copy{min-width:0}.scan-copy h2{font-size:1rem}.intro{gap:10px;margin-bottom:26px}.intro p{padding:16px 17px;font-size:1rem;border-radius:19px}.bottom-topics{margin-top:20px;padding-inline:0}.bottom-topics h2{font-size:1.34rem}.topic-card{gap:12px;padding:13px 14px;border-radius:19px}.topic-card>span{width:48px;height:48px;border-radius:14px;font-size:1.4rem}.topic-card strong{font-size:.98rem}.topic-card small{font-size:.8rem}.scan-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:20px}.range-disc{width:min(62vw,210px);height:min(62vw,210px);margin:10px auto}.safari-tip{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.safari-card{width:min(100%,320px);min-height:0;padding:24px 21px}}
@media(min-width:391px) and (max-width:560px){.nearby{grid-template-columns:1fr;gap:12px}.scan-button{width:100%;white-space:normal}.scan-dialog{max-height:calc(100dvh - 32px);overflow:auto}}
@media(orientation:landscape) and (max-height:520px){.app-shell{padding-bottom:max(24px,env(safe-area-inset-bottom))}.topbar{margin-bottom:16px}.nearby{margin-bottom:16px}.intro{margin-bottom:20px}.bottom-topics{margin-top:18px}.scan-dialog{max-height:calc(100dvh - 20px);overflow:auto;padding:16px}.scan-dialog h2{margin:4px 0}.range-disc{width:min(36vh,180px);height:min(36vh,180px);margin:10px auto}.safari-card{min-height:0;padding:20px}.safari-card h2{margin:10px 0 7px}.safari-card p{margin-bottom:14px}}