html { overscroll-behavior: none; -webkit-tap-highlight-color: transparent; }
body { overscroll-behavior: none; touch-action: manipulation; }
*, *::before, *::after { -webkit-tap-highlight-color: transparent; }

.ui-pop {
  position: fixed; z-index: 97;
  max-width: min(320px, calc(100vw - 16px));
  background: var(--c-surface); color: var(--c-ink);
  border: var(--bw-sticker) solid var(--c-shadow); border-radius: var(--r-md);
  box-shadow: var(--shadow-float);
  padding: var(--sp-3);
  font-size: var(--fs-sm); line-height: 1.45; white-space: pre-line;
  animation: pop-in var(--t-pop) var(--ease-bounce);
}
.home-reset-label { margin-inline-start: 4px; }

@media (hover: none) and (pointer: coarse) {
  .topbar, .tabbar { touch-action: none; overscroll-behavior: none; }
  .topbar, .tabbar, .tab, .drawer, .drawer-item, .screen-head, .tabs, .btn, .iconbtn, .chip, .card > h3, .list-item,
  .sheet h3, .sheet-actions, .qs-row, .make-bar, .quick-actions, .home-head, .help-tip, .bd-grip, .ui-pop, label, .label {
    -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;
  }
  .msg-text, .msg-text *, .blog-body, .blog-body *, .pc-body, .doc-body, .doc-body *, textarea, input, [contenteditable="true"], pre, code {
    -webkit-user-select: text; user-select: text; -webkit-touch-callout: default;
  }
  .is-arranging, .is-arranging * { -webkit-user-select: none; user-select: none; }
  .board-item.is-dragging { z-index: 5; opacity: 0.94; transition: none; }
  .board-item.is-dragging > :not(.bd-grip):not(.bd-resize) { box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24); }
  .tab--phone { position: relative; }
  .tab--phone.is-dragging { z-index: 2; background: var(--c-surface-2); border-radius: var(--r-md); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); color: var(--c-ink); }
  .tab--desk.is-dragging { z-index: 2; background: var(--c-surface-2); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); }
  p.help[data-folded] { display: none; }
  .help-tip {
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border-radius: 50%;
    color: var(--c-ink-faint); font-size: 15px; margin: 0;
  }
  .help-tip:active, .help-tip.is-open { color: var(--c-ink); background: var(--c-surface-2); }
  .home-reset { display: inline-flex; }
  .home-reset-label { display: none; }
  .settings-rail-reset { display: block; }
}
@media (hover: none) and (pointer: coarse) and (min-width: 860px) {
  .tabbar { touch-action: pan-y; }
}