.phone-tab-bar{z-index:50;padding:8px 24px calc(12px + env(safe-area-inset-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.phone-tab-capsule{border:1px solid var(--divider);background:var(--surface);height:62px;box-shadow:0 6px 20px color-mix(in srgb, var(--text) 7%, transparent);pointer-events:auto;border-radius:40px;padding:0 10px;display:flex}.phone-tab{min-width:0;color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:20px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:0 4px 6px;display:flex}.phone-tab[data-selected=true]{color:var(--accent)}.phone-tab:focus-visible{background:color-mix(in srgb, var(--text) 6%, transparent);outline:none}.phone-tab-icon{justify-content:center;align-items:center;width:28px;height:28px;margin-top:6px;display:flex}.phone-tab-icon>img{object-fit:contain;filter:saturate(.15);opacity:.8;width:26px;height:26px;transition:filter .12s ease-out,opacity .12s ease-out}.phone-tab[data-selected=true] .phone-tab-icon>img{filter:none;opacity:1}.phone-tab[data-pop=true] .phone-tab-icon{animation:.38s linear phone-tab-pop}@keyframes phone-tab-pop{0%{transform:none}20%{transform:translateY(-2.2px)scale(1.11)}40%{transform:translateY(-3.3px)scale(1.16)}60%{transform:translateY(-3px)scale(1.15)}70%{transform:translateY(-2.4px)scale(1.09)}80%{transform:translateY(-1.7px)scale(1.05)}90%{transform:translateY(-.8px)scale(1.01)}to{transform:none}}.phone-tab-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}.phone-tab-avatar{border:1.5px solid var(--divider);background:var(--bg);background-clip:content-box;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:2px;transition:border-color .12s ease-out;display:flex}.phone-tab[data-selected=true] .phone-tab-avatar{border-color:var(--accent)}.phone-tab-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.phone-tab[data-pop=true] .phone-tab-icon{animation:none}}