:root {
    --composer-offset: 260px;
    --topbar-height: 48px;
    --bottom-nav-height: 0px;
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-left: env(safe-area-inset-left, 0px);
    --safe-right: env(safe-area-inset-right, 0px);
}

html { -webkit-text-size-adjust: 100%; }

body {
    padding-left: var(--safe-left);
    padding-right: var(--safe-right);
}

button, .btn, .mode, .nav__btn, .icon-btn, .send-btn, .bottom-nav__btn {
    -webkit-tap-highlight-color: transparent;
}

@media (hover: none), (pointer: coarse) {
    .recent-card__actions,
    .history-card__actions { opacity: 1; }
}