.tabbar{width:100%;max-width:720px;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);z-index:120;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--ink-muted);text-align:center;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:0 2px;font-size:12px;font-weight:600;line-height:1.15;text-decoration:none;display:flex}.tab-icon{font-size:20px;line-height:1}.tab.active{color:var(--brand)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tab.active{color:#b9a8ff}}