.tt-app-banner { position: fixed; left: 12px; right: 12px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 1035; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: #162b23; color: #fff; box-shadow: 0 4px 24px #0003; font: 15px/1.4 system-ui, sans-serif; }
.tt-app-banner strong { margin-right: auto; }
.tt-app-banner a { padding: 8px 12px; border-radius: 8px; background: #27c477; color: #10251b; text-decoration: none; font-weight: 600; }
.tt-app-banner button { padding: 4px 8px; border: 0; background: transparent; color: #fff; font: 26px/1 system-ui, sans-serif; cursor: pointer; }
.tt-app-banner a:focus-visible, .tt-app-banner button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (min-width: 901px) { .tt-app-banner { display: none; } }