.tabbar{display:none}.tabbar-preview{box-sizing:border-box;width:390px;max-width:100%;margin:0;font-family:IBM Plex Sans Arabic,IBM Plex Sans,Segoe UI,Tahoma,sans-serif;display:grid;position:relative}@media (max-width:860px){.tabbar{bottom:0;z-index:var(--a-z-tabbar);display:grid;position:fixed;inset-inline:0}}.tabbar,.tabbar-preview{background:var(--a-color-alpha-white-96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--a-color-border-subtle);padding:6px 4px calc(6px + env(safe-area-inset-bottom));grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.tabbar>a,.tabbar>button,.tabbar-preview>a,.tabbar-preview>button,.tabbar-preview>span{font:inherit;font-size:var(--a-font-size-100);color:var(--a-tabbar-ink);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;min-width:44px;min-height:48px;padding:4px 0;font-weight:600;line-height:1.25;text-decoration:none;display:flex;position:relative}.tabbar .tb-label,.tabbar-preview .tb-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 2px;display:block;overflow:hidden}.tabbar svg,.tabbar-preview svg{flex:none;width:22px;height:22px}.tabbar [aria-current=page],.tabbar-preview [aria-current=page]{color:var(--a-tabbar-on)}.tabbar .count,.tabbar-preview .count{top:0;border-radius:var(--a-radius-md);background:var(--a-tabbar-on);min-width:17px;height:17px;color:var(--a-color-text-on-brand);font-size:var(--a-font-size-100);justify-content:center;align-items:center;padding:0 4px;font-weight:700;display:flex;position:absolute;inset-inline-start:calc(50% + 4px)}.tabbar .tb-new,.tabbar-preview .tb-new{top:2px;border-radius:var(--a-radius-circle);background:var(--a-color-orange-600);width:9px;height:9px;box-shadow:0 0 0 2px var(--a-color-border-inverse);position:absolute;inset-inline-start:calc(50% + 8px)}.tab-ask-dot{border-radius:var(--a-radius-circle);background:var(--a-tabbar-centre);width:42px;height:42px;color:var(--a-color-text-on-brand);box-shadow:var(--a-elevation-4);justify-content:center;align-items:center;margin-top:-18px;display:flex}.tab-ask-dot.rounded{border-radius:var(--a-radius-2xl)}.tab-ask-dot svg{width:22px;height:22px}.tabbar .tab-ask,.tabbar-preview .tab-ask{color:var(--a-tabbar-centre)!important}.tabbar .tab-ask .count,.tabbar-preview .tab-ask .count{top:-20px}.tab-ask:focus-visible .tab-ask-dot{outline:3px solid var(--a-color-border-inverse);box-shadow:0 0 0 5px var(--a-color-border-strong)}.drawer-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 8px;display:grid}.drawer-shortcuts a,.drawer-shortcuts button{border-radius:var(--a-radius-2xl);border:1px solid var(--a-color-border-subtle);background:var(--a-color-surface-default);min-height:64px;color:var(--a-color-text-primary);font:inherit;font-size:var(--a-font-size-200);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-weight:600;text-decoration:none;display:flex}.drawer-shortcuts a[aria-current=page]{border-color:var(--a-color-border-brand);color:var(--a-color-text-brand)}.drawer-shortcuts svg{width:22px;height:22px}
