:root{--app-tab-height:3.75rem;--app-tab-safe-bottom:env(safe-area-inset-bottom,0px)}body.app-shell{-webkit-tap-highlight-color:transparent}body.app-shell .site-header--app .site-brand{align-items:center;gap:8px}body.app-shell .site-header--app .site-brand__text{gap:0}body.app-shell .site-shell{min-height:100dvh}body.app-shell .site-main{flex:1}.app-tab-bar{display:none}.app-tab-bar__inner{min-height:var(--app-tab-height);padding-bottom:var(--app-tab-safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;display:grid}.app-tab-bar__item{color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:6px 4px 8px;font-size:.68rem;font-weight:600;line-height:1.2;text-decoration:none;display:flex}.app-tab-bar__item:hover{color:var(--brand-blue-strong);background:var(--color-surface-muted)}.app-tab-bar__item:active,.app-tab-bar__item--pressed{color:var(--brand-blue-strong);background:var(--color-surface-muted);opacity:.92}.app-tab-bar__item--emphasis .app-tab-bar__icon{background:var(--brand-blue);color:#fff;border-radius:50%;width:28px;height:28px;margin-bottom:2px}.app-tab-bar__item--emphasis.app-tab-bar__item--active .app-tab-bar__icon{background:var(--brand-blue-strong)}.app-tab-bar__icon{background:currentColor;width:22px;height:22px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.app-tab-bar__icon[data-tab=\/]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 3l9 8h-3v9h-5v-6H11v6H6v-9H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 3l9 8h-3v9h-5v-6H11v6H6v-9H3z'/%3E%3C/svg%3E")}.app-tab-bar__icon[data-tab=\/questions]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M5 5h14v2H5zm0 6h10v2H5zm0 6h14v2H5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M5 5h14v2H5zm0 6h10v2H5zm0 6h14v2H5z'/%3E%3C/svg%3E")}.app-tab-bar__icon[data-tab=\/login]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 5v14M5 12h14' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 5v14M5 12h14' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.app-tab-bar__icon[data-tab="/questions/new"]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 17.25V21h3.75L17.8 9.95l-3.75-3.75L3 17.25zm18-11.5a1 1 0 000-1.41l-1.34-1.34a1 1 0 00-1.41 0l-1.66 1.66 3.75 3.75L21 5.75z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 17.25V21h3.75L17.8 9.95l-3.75-3.75L3 17.25zm18-11.5a1 1 0 000-1.41l-1.34-1.34a1 1 0 00-1.41 0l-1.66 1.66 3.75 3.75L21 5.75z'/%3E%3C/svg%3E")}.app-tab-bar__item--active{color:var(--brand-blue-strong);background:var(--color-surface-muted);box-shadow:inset 0 -2px 0 var(--brand-blue)}.app-tab-bar__item--active .app-tab-bar__label{color:var(--brand-blue-strong)}.app-tab-bar__icon[data-tab=\/contact]{color:var(--brand-red)}.app-tab-bar__icon[data-tab=\/me]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 7v5l4 2-.8 1.8L10 13V7z'/%3E%3Cpath d='M12 3a9 9 0 100 18 9 9 0 000-18zm0 16a7 7 0 110-14 7 7 0 010 14z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 7v5l4 2-.8 1.8L10 13V7z'/%3E%3Cpath d='M12 3a9 9 0 100 18 9 9 0 000-18zm0 16a7 7 0 110-14 7 7 0 010 14z'/%3E%3C/svg%3E")}.app-tab-bar__icon[data-tab=\/help]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-4h-2c0-3 4-2.5 4-5a2.5 2.5 0 00-5 0H9a4.5 4.5 0 019 0c0 3-4 3.2-4 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-2h2v2zm0-4h-2c0-3 4-2.5 4-5a2.5 2.5 0 00-5 0H9a4.5 4.5 0 019 0c0 3-4 3.2-4 5z'/%3E%3C/svg%3E")}.app-tab-bar__icon[data-tab=\/contact]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E")}@media (display-mode:standalone){body.app-shell .site-header{padding-top:env(safe-area-inset-top,0px)}body.app-shell .site-brand__tagline{display:none}}@media (width>=769px){body.app-shell .site-shell{padding-left:76px}body.app-shell .app-tab-bar{z-index:25;width:76px;display:block;position:fixed;top:50%;left:0;transform:translateY(-50%)}body.app-shell .app-tab-bar__inner{border:1px solid var(--color-border);border-left:0;border-radius:0 14px 14px 0;grid-auto-rows:minmax(56px,auto);grid-auto-flow:row;min-height:0;padding:8px 0;box-shadow:0 8px 24px #0f172a1a}body.app-shell .app-tab-bar__item{min-height:52px;padding:7px 3px}body.app-shell .app-tab-bar__item--active{box-shadow:inset 3px 0 0 var(--brand-blue)}}@media (width<=768px){body.app-shell .app-tab-bar{z-index:25;display:block;position:fixed;bottom:0;left:0;right:0}body.app-shell .site-main{padding-bottom:calc(var(--app-tab-height) + var(--app-tab-safe-bottom) + 16px)}body.app-shell .site-footer--app{padding-bottom:calc(var(--app-tab-height) + var(--app-tab-safe-bottom) + 8px)}body.app-shell .site-footer--app .site-footer__grid{display:none}body.app-shell .site-footer--app .site-footer__meta{text-align:center;justify-content:center;margin-top:0;padding-top:12px}body.app-shell .site-header__inner{min-height:3rem}body.app-shell .page{padding-bottom:24px}}
