/* общая стеклянная панель вкладок приложения Marg: дашборд (/dashboard) и квесты (/app) */
.tabbar { position: fixed; z-index: 30; left: 50%; bottom: calc(14px + max(env(safe-area-inset-bottom), var(--tg-safe-area-inset-bottom, 0px))); transform: translateX(-50%); display: flex; padding: 5px; border-radius: 999px; isolation: isolate;
  background: linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .04) 55%, rgba(255, 255, 255, .07)), rgba(28, 28, 32, .38);
  -webkit-backdrop-filter: blur(22px) saturate(190%) brightness(1.05); backdrop-filter: blur(22px) saturate(190%) brightness(1.05);
  border: 1px solid rgba(255, 255, 255, .16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 -1px 1px rgba(255, 255, 255, .08), inset 0 0 18px rgba(255, 255, 255, .05), 0 14px 40px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .35);
  transition: opacity .2s, transform .2s; }
.tabbar .lens, .tabbar.static [aria-current="page"]::before { position: absolute; z-index: -1; border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .1));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 -1px 0 rgba(255, 255, 255, .1), 0 4px 14px rgba(0, 0, 0, .3); }
.tabbar .lens { top: 5px; bottom: 5px; left: 0; transition: transform .42s cubic-bezier(.3, 1.35, .45, 1), width .42s cubic-bezier(.3, 1.35, .45, 1); }
.tabbar.static [aria-current="page"]::before { content: ''; inset: 0; }
.tabbar :is(button, a) { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 66px; height: 56px; padding: 0 8px; border: 0; border-radius: 999px; background: none; cursor: pointer; text-decoration: none;
  color: rgba(255, 255, 255, .66); font: 600 12px/1 -apple-system, BlinkMacSystemFont, Roboto, Inter, sans-serif; -webkit-tap-highlight-color: transparent; transition: color .2s; }
.tabbar svg { width: 24px; height: 24px; }
.tabbar [aria-current="page"] { color: #fff; }
.tabbar :is(button, a):active { transform: scale(.94); }
@media (max-width: 360px) { .tabbar :is(button, a) { min-width: 58px; padding: 0 5px; } }