/* ChatBabe HarmonyOS 增量样式（与 app-android.css 同构，只做叠加覆盖）
 * 挂在 /style.css 与 /brand.css 之后加载；页内无内联 style（CSP style-src self）。
 */
html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body, #app, #main, #room, #timeline, #rooms, #room-box { overscroll-behavior: none; }
#timeline, #room-box, #rooms, #manage, #member-list { overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; }
button, a, #room-title, .clickable, #room-list li, #invite-list li, #login-form input { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
body { font-family: HarmonyOS Sans SC, HarmonyOS Sans, Instrument Serif, Newsreader, Georgia, serif; }
@media (max-width: 700px) {
  button.round { min-width: 44px; min-height: 44px; }
  input, #io-form input, #send-form input#msg { font-size: 16px; }
}
@supports (padding: env(safe-area-inset-top)) {
  header { padding-top: env(safe-area-inset-top); }
  .card, #login-view { margin-top: calc(8vh + env(safe-area-inset-top)); }
  #main { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
  #send-form { padding-bottom: env(safe-area-inset-bottom); }
  #pagefoot { padding-bottom: calc(2px + env(safe-area-inset-bottom)); }
}
html.hmos-standalone #pagefoot a[href^=http], html.hmos-standalone #pagefoot span { display: none; }
html.hmos-standalone #pagefoot { font-size: 0; letter-spacing: 0; }
html.hmos-standalone #pagefoot a { font-size: 10px; letter-spacing: .1em; margin: 0 6px; }
html.hmos #send-form { padding-bottom: calc(10px + env(safe-area-inset-bottom)); }
html.hmos button.round { border-radius: 12px; }