.bottom-nav{position:relative;left:auto;bottom:auto;transform:none;-webkit-transform:none;margin:0 auto;z-index:220;display:flex;align-items:center;justify-content:space-between;gap:4px;width:calc(100% - 32px);max-width:430px;padding:8px 12px;box-sizing:border-box;overflow:hidden;contain:layout paint;border-radius:999px;background:color-mix(in srgb,var(--parchment, var(--cream)) 72%,transparent);border:1px solid color-mix(in srgb,var(--parchment-dark) 32%,transparent);box-shadow:none;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;will-change:transform;isolation:isolate;transition:background .22s ease,border-color .22s ease}@media(hover:none)and (pointer:coarse){.bottom-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--parchment, var(--cream)) 90%,transparent)}.bottom-nav--pressed{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--parchment, var(--cream)) 82%,transparent)}}@media(hover:hover)and (pointer:fine){.bottom-nav{backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);will-change:transform,backdrop-filter}}.bottom-nav--pressed{background:color-mix(in srgb,var(--parchment, var(--cream)) 78%,transparent);border-color:color-mix(in srgb,var(--parchment-dark) 22%,transparent)}.bottom-nav__indicator{position:absolute;top:50%;left:0;transform:translateY(-50%);transform-origin:center center;height:calc(100% - 12px);border-radius:999px;background:color-mix(in srgb,var(--ink) 11%,transparent);pointer-events:none;z-index:0;transition:left .24s cubic-bezier(.4,0,.2,1),width .24s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.34,1.2,.64,1),height .22s cubic-bezier(.34,1.2,.64,1),background .22s ease}.bottom-nav--pressed .bottom-nav__indicator{transform:translateY(-50%) scale(1.14);height:calc(100% - 8px);background:color-mix(in srgb,var(--ink) 18%,transparent)}.bottom-nav--dragging .bottom-nav__indicator{transition:transform .22s cubic-bezier(.34,1.2,.64,1),height .22s cubic-bezier(.34,1.2,.64,1),background .22s ease}.bottom-nav__item{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px 5px;border:none;border-radius:14px;background:transparent;cursor:pointer;color:color-mix(in srgb,var(--stone-light) 92%,transparent);font-family:var(--font-body);touch-action:manipulation;transition:color .18s ease,transform .16s ease;-webkit-tap-highlight-color:transparent}.bottom-nav--dragging .bottom-nav__item{transition:color .08s ease}.bottom-nav__item:active{transform:scale(.94)}.bottom-nav--pressed .bottom-nav__item:active,.bottom-nav--dragging .bottom-nav__item:active{transform:none}.bottom-nav__item--active{color:var(--theme-primary, var(--gold))}.bottom-nav__item--active:active{transform:scale(.97)}.bottom-nav--pressed .bottom-nav__item--active:active,.bottom-nav--dragging .bottom-nav__item--active:active{transform:none}.bottom-nav__icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;position:relative}.bottom-nav__badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--gold, #e87b3a);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px color-mix(in srgb,var(--parchment, var(--cream)) 92%,transparent)}.bottom-nav__icon svg{width:24px;height:24px}.bottom-nav__label{display:block;max-width:100%;font-size:10px;font-weight:600;line-height:1.1;letter-spacing:.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}@media(max-width:480px){.bottom-nav{width:calc(100% - 28px);padding:8px 10px;gap:2px}.bottom-nav__item{padding:6px 2px 4px;border-radius:12px;gap:2px}.bottom-nav__indicator{height:calc(100% - 10px);border-radius:999px}.bottom-nav--pressed .bottom-nav__indicator{height:calc(100% - 6px)}.bottom-nav__icon{width:24px;height:24px}.bottom-nav__icon svg{width:22px;height:22px}}html.mentor-keyboard-open .bottom-nav,html.mentor-community-chat-focus .bottom-nav{display:none;visibility:hidden;pointer-events:none}html.mentor-study-mode-open .bottom-nav{display:none}