.sth-mobile-bottom-nav{--bottom-orange:#ff4b1f;--bottom-purple:#513aff;--bottom-orange-soft:#fff0e9;--bottom-purple-soft:#f2efff;--bottom-ink:#25263a;--bottom-muted:#73798a;--bottom-border:#e8e8f0;position:fixed;left:50%;bottom:calc(8px + env(safe-area-inset-bottom, 0px));z-index:1200;width:calc(100% - 24px);max-width:520px;min-height:68px;padding:6px;display:none;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:3px;border:1px solid var(--bottom-border);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 12px 35px rgba(20,20,38,.12),0 3px 10px rgba(20,20,38,.04);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateX(-50%);isolation:isolate}.sth-mobile-bottom-nav__item{width:100%;min-width:0;min-height:54px;padding:5px 2px;flex-direction:column;gap:4px;border-radius:13px;color:var(--bottom-muted);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color .18s ease,background-color .18s ease,transform .18s ease}.sth-mobile-bottom-nav__icon,.sth-mobile-bottom-nav__item{position:relative;display:flex;align-items:center;justify-content:center}.sth-mobile-bottom-nav__icon{width:30px;height:27px;flex-shrink:0;color:inherit}.sth-mobile-bottom-nav__icon svg{width:21px;height:21px;flex-shrink:0;transition:transform .18s ease}.sth-mobile-bottom-nav__label{display:block;width:100%;min-width:0;overflow:hidden;color:inherit;font-size:9px;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap;text-overflow:ellipsis}.sth-mobile-bottom-nav__item--active{background:var(--bottom-orange-soft);color:var(--bottom-orange)}.sth-mobile-bottom-nav__item--active .sth-mobile-bottom-nav__icon{color:var(--bottom-orange)}.sth-mobile-bottom-nav__item--active .sth-mobile-bottom-nav__label{color:var(--bottom-orange);font-weight:850}.sth-mobile-bottom-nav__item--active:after{content:"";position:absolute;bottom:3px;left:50%;width:20px;height:2px;border-radius:999px;background:var(--bottom-orange);transform:translateX(-50%)}@media (hover:hover){.sth-mobile-bottom-nav__item:hover{background:var(--bottom-purple-soft);color:var(--bottom-purple)}.sth-mobile-bottom-nav__item:hover .sth-mobile-bottom-nav__icon svg{transform:translateY(-2px)}.sth-mobile-bottom-nav__item--active:hover{background:var(--bottom-orange-soft);color:var(--bottom-orange)}}.sth-mobile-bottom-nav__item:active{transform:scale(.96)}.sth-mobile-bottom-nav__item:focus-visible{outline:3px solid rgba(81,58,255,.35);outline-offset:2px}.sth-mobile-bottom-nav__badge{position:absolute;top:-6px;right:-8px;z-index:2;min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #ffffff;border-radius:999px;background:var(--bottom-purple);color:#ffffff;box-shadow:0 3px 8px rgba(81,58,255,.2);font-size:8px;font-weight:850;line-height:1;white-space:nowrap}.sth-mobile-bottom-nav__account-icon{width:30px;height:28px}.sth-mobile-bottom-nav__avatar{position:relative;width:27px;height:27px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1.5px solid rgba(81,58,255,.25);border-radius:50%;background:linear-gradient(135deg,var(--bottom-purple-soft),var(--bottom-orange-soft));box-shadow:0 2px 8px rgba(81,58,255,.12)}.sth-mobile-bottom-nav__avatar-fallback{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--bottom-purple);font-size:9px;font-weight:900;line-height:1;letter-spacing:-.03em;text-transform:uppercase}.sth-mobile-bottom-nav__avatar img{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}.sth-mobile-bottom-nav__item--active .sth-mobile-bottom-nav__avatar{border-color:var(--bottom-orange);box-shadow:0 0 0 2px rgba(255,75,31,.1),0 3px 10px rgba(255,75,31,.15)}@media (max-width:1023px){.sth-mobile-bottom-nav{display:grid}body:has(.sth-mobile-bottom-nav){padding-bottom:calc(92px + env(safe-area-inset-bottom, 0px))}}@media (max-width:430px){.sth-mobile-bottom-nav{width:calc(100% - 16px);min-height:65px;bottom:calc(6px + env(safe-area-inset-bottom, 0px));padding:4px;gap:2px;border-radius:18px}.sth-mobile-bottom-nav__item{min-height:53px;padding:4px 1px;gap:3px;border-radius:11px}.sth-mobile-bottom-nav__icon{width:27px;height:25px}.sth-mobile-bottom-nav__icon svg{width:20px;height:20px}.sth-mobile-bottom-nav__avatar{width:25px;height:25px}.sth-mobile-bottom-nav__label{font-size:8px}.sth-mobile-bottom-nav__badge{top:-5px;right:-7px}}@media (max-width:360px){.sth-mobile-bottom-nav{width:calc(100% - 12px);padding:3px;gap:1px}.sth-mobile-bottom-nav__item{min-height:51px}.sth-mobile-bottom-nav__icon svg{width:19px;height:19px}.sth-mobile-bottom-nav__avatar{width:23px;height:23px}.sth-mobile-bottom-nav__label{font-size:7.5px}.sth-mobile-bottom-nav__badge{min-width:16px;height:16px;font-size:7px}}@media (min-width:1024px){.sth-mobile-bottom-nav{display:none!important}}@media (prefers-reduced-motion:reduce){.sth-mobile-bottom-nav *,.sth-mobile-bottom-nav :after,.sth-mobile-bottom-nav :before{transition:none!important;animation:none!important}}