/* quick contact bar */
.qb { position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; display: flex; gap: 12px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); background: var(--bg); border-top: 1px solid var(--line); transform: translateY(100%); visibility: hidden; transition: transform 0.2s, visibility 0s 0.2s; }
.qb.on { transform: none; visibility: visible; transition: transform 0.2s; }
.qb .btn { flex: 1 1 0; height: 48px; }
html.qbp body { padding-bottom: calc(73px + env(safe-area-inset-bottom, 0px)); }
@media (prefers-reduced-motion: reduce) { .qb, .qb.on { transition: none; } }