.MobileBottomNav{--nav-height: 72px;--nav-padding-top: 6px;--nav-padding-bottom: 8px;--nav-padding-x: 0;--item-padding-y: .25rem;--item-padding-x: .125rem;--item-gap: .5rem;--icon-size: 1.66rem;--label-size: .7rem;--label-weight: 600;--label-spacing: .5px;--nav-bg: rgba(17, 17, 17, .4);--nav-border: rgba(255, 255, 255, .1);--icon-color: rgba(255, 255, 255, .5);--icon-color-hover: rgba(255, 255, 255, .7);--icon-color-active: white;--nav-accent: #3b82f6;--nav-accent-rgb: 59, 130, 246;position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:calc(var(--nav-padding-bottom) + env(safe-area-inset-bottom,0px));padding-top:var(--nav-padding-top);background:var(--nav-bg);border-top:1px solid var(--nav-border);display:flex;justify-content:space-around;align-items:flex-start;padding-left:var(--nav-padding-x);padding-right:var(--nav-padding-x);z-index:1000}.MobileBottomNav.accent-red{--nav-accent: red;--nav-accent-rgb: 255, 0, 0}.MobileBottomNav.accent-orange{--nav-accent: #f97316;--nav-accent-rgb: 249, 115, 22}.MobileBottomNav.accent-blue{--nav-accent: #3b82f6;--nav-accent-rgb: 59, 130, 246}.MobileBottomNav.variant-public{--nav-bg: color-mix(in srgb, var(--color-neutral-100) 85%, transparent);--nav-border: transparent;--icon-color: color-mix(in srgb, var(--color-neutral-1000) 56%, transparent);--icon-color-hover: var(--color-neutral-1000);--icon-color-active: var(--color-neutral-1000);color:var(--color-neutral-1000);border-top:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.MobileBottomNav.variant-public .mobile-bottom-nav-item{color:var(--icon-color);border:1px solid transparent;border-radius:12px;position:relative}.MobileBottomNav.variant-public .mobile-bottom-nav-item:hover{color:var(--color-neutral-1000);background:color-mix(in srgb,var(--color-neutral-1000) 8%,transparent)}.MobileBottomNav.variant-public .mobile-bottom-nav-item.active{color:var(--color-neutral-1000);background:transparent;border-color:transparent}.MobileBottomNav.variant-public .mobile-bottom-nav-item.active i{color:currentColor;transform:none}.MobileBottomNav.variant-public .mobile-bottom-nav-item.active span{font-weight:700}.MobileBottomNav.variant-light{--nav-bg: color-mix(in srgb, var(--surface-raised) 92%, transparent);--nav-border: var(--border-default);--icon-color: var(--text-muted);--icon-color-hover: var(--text-primary);--icon-color-active: var(--text-primary);color:var(--text-primary);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow-lg)}.MobileBottomNav.variant-profile{--nav-height: 68px;--nav-padding-top: 7px;--nav-padding-bottom: 6px;--item-gap: .3rem;--icon-size: 1.25rem;--label-size: .68rem;--nav-bg: color-mix(in srgb, var(--surface-overlay) 94%, transparent);--nav-border: var(--border-default);--icon-color: var(--text-muted);--icon-color-hover: var(--text-primary);--icon-color-active: var(--color-brand);color:var(--text-primary);justify-content:center;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--shadow-lg)}.MobileBottomNav.variant-profile .mobile-bottom-nav-item{position:relative;min-width:0;max-width:7rem;min-height:52px;border-radius:.75rem}.MobileBottomNav.variant-profile .mobile-bottom-nav-item:hover{background:var(--surface-hover)}.MobileBottomNav.variant-profile .mobile-bottom-nav-item.active{color:var(--text-primary)}.MobileBottomNav.variant-profile .mobile-bottom-nav-item.active:after{content:"";position:absolute;top:-7px;width:2rem;height:3px;border-radius:0 0 999px 999px;background:var(--color-brand)}.MobileBottomNav.variant-profile .mobile-bottom-nav-item.active i{color:var(--color-brand);transform:none}.MobileBottomNav.variant-profile .mobile-bottom-nav-item>span:not(.mobile-bottom-nav-badge){max-width:100%;min-height:1.7em;display:-webkit-box;overflow:hidden;text-align:center;line-height:.85rem;text-transform:none;letter-spacing:0;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--item-padding-y) var(--item-padding-x);text-decoration:none;color:var(--icon-color);cursor:pointer;border:none;background:transparent;font-family:inherit;gap:var(--item-gap)}.mobile-bottom-nav-item i{font-size:var(--icon-size);margin:0}.mobile-bottom-nav-item span{font-size:var(--label-size);font-weight:var(--label-weight);text-transform:uppercase;letter-spacing:var(--label-spacing)}.mobile-bottom-nav-item:hover{color:var(--icon-color-hover)}.mobile-bottom-nav-item.active{color:var(--icon-color-active)}.mobile-bottom-nav-item.active i{color:var(--nav-accent);transform:scale(1.1)}.mobile-bottom-nav-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:.5rem}.mobile-bottom-nav-badge{position:absolute;top:0;left:calc(50% + .5rem);min-width:1rem;height:1rem;padding:0 .25rem;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);font-size:.58rem;font-weight:700;line-height:1}.mobile-bottom-nav-modal-overlay{--nav-accent: #3b82f6;--nav-accent-rgb: 59, 130, 246;position:fixed;inset:0;background:#0009;z-index:2000;display:flex;align-items:flex-end}.mobile-bottom-nav-modal-overlay.accent-red{--nav-accent: red;--nav-accent-rgb: 255, 0, 0}.mobile-bottom-nav-modal-overlay.accent-orange{--nav-accent: #f97316;--nav-accent-rgb: 249, 115, 22}.mobile-bottom-nav-modal-overlay.accent-blue{--nav-accent: #3b82f6;--nav-accent-rgb: 59, 130, 246}.mobile-bottom-nav-modal-overlay.variant-public{background:color-mix(in srgb,var(--color-neutral-0) 70%,transparent)}.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal{background:color-mix(in srgb,var(--color-neutral-100) 85%,transparent);border-color:color-mix(in srgb,var(--color-neutral-1000) 12%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-header{background:color-mix(in srgb,var(--color-neutral-100) 85%,transparent);border-bottom-color:color-mix(in srgb,var(--color-neutral-1000) 12%,transparent)}.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-title,.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-close,.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-item,.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-item-text{color:var(--color-neutral-1000)}.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-close:hover{background:color-mix(in srgb,var(--color-neutral-1000) 8%,transparent);color:var(--color-neutral-1000)}.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-item{background:color-mix(in srgb,var(--color-neutral-1000) 6%,transparent);border-color:color-mix(in srgb,var(--color-neutral-1000) 10%,transparent)}.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-item:hover{background:color-mix(in srgb,var(--color-neutral-1000) 10%,transparent);border-color:color-mix(in srgb,var(--color-neutral-1000) 16%,transparent)}.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-item.active{background:color-mix(in srgb,var(--color-neutral-1000) 8%,transparent);border-color:color-mix(in srgb,var(--color-neutral-1000) 18%,transparent)}.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-icon{background:transparent}.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-icon i,.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-text,.mobile-bottom-nav-modal-overlay.variant-public .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-chevron i{color:var(--color-neutral-1000)}.mobile-bottom-nav-modal-overlay.variant-light{background:color-mix(in srgb,var(--text-primary) 35%,transparent)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal{background:var(--surface-overlay);border-color:var(--border-default)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-header{background:var(--surface-overlay);border-bottom-color:var(--border-default)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-title,.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-close,.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item,.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item-text{color:var(--text-primary)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item{background:var(--surface-raised);border-color:var(--border-default)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item-icon{background:var(--surface-sunken);border-color:var(--border-default)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item-icon i{color:var(--text-secondary)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item-chevron i{color:var(--text-muted)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item:hover{background:var(--surface-hover);border-color:var(--border-strong)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item.active{background:var(--surface-selected);border-color:var(--interactive-primary)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-icon{background:transparent}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-icon i{color:var(--interactive-primary)}.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-text,.mobile-bottom-nav-modal-overlay.variant-light .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-chevron i{color:var(--text-primary)}.mobile-bottom-nav-modal-overlay.variant-profile{background:color-mix(in srgb,var(--text-primary) 32%,transparent)}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal{height:88dvh;max-height:88dvh;background:var(--surface-overlay);border-color:var(--border-default);box-shadow:var(--shadow-xl)}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-header{padding:1.1rem 1.25rem;background:var(--surface-overlay);border-bottom-color:var(--border-muted)}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-title,.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-close,.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item,.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item-text{color:var(--text-primary)}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-content{padding:.4rem 1rem 1rem}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-section{padding:.5rem 0}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-section+.mobile-bottom-nav-modal-section{border-top:1px solid var(--border-muted)}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-section-title{margin:0 0 .3rem;padding:0 .25rem;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-section-items{display:flex;flex-direction:column;gap:.1rem}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item{min-height:44px;margin:0;background:transparent;border-color:transparent;border-radius:.75rem;text-decoration:none}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item:before{width:3px}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item:hover{background:var(--surface-hover);border-color:transparent;transform:none}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item:hover .mobile-bottom-nav-modal-item-icon,.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item:hover .mobile-bottom-nav-modal-item-chevron{transform:none}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item.active{background:var(--surface-selected);border-color:transparent}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item.active:before{background:var(--color-brand)}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-icon{background:transparent}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-icon i{color:var(--color-brand)}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-text,.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-chevron i{color:var(--text-primary)}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item-icon{width:30px;height:30px;margin:.2rem .55rem;background:transparent;border:none;border-radius:0}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item-icon i{color:var(--text-secondary);font-size:1rem}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item-text{font-size:.92rem}.mobile-bottom-nav-modal-overlay.variant-profile .mobile-bottom-nav-modal-item-chevron i{color:var(--text-muted)}@keyframes mobileNavFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileNavSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-bottom-nav-modal{background:#1e1e1efa;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem 1.25rem 0 0;width:100%;max-height:70vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-bottom-nav-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#1e1e1efa;z-index:1}.mobile-bottom-nav-modal-title{font-size:1.125rem;font-weight:700;color:#fff;margin:0}.mobile-bottom-nav-modal-close{background:transparent;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.mobile-bottom-nav-modal-close:hover{background:#ffffff1a;color:#fff}.mobile-bottom-nav-modal-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mobile-bottom-nav-modal-content{padding:1rem}.mobile-bottom-nav-modal-item{display:flex;align-items:center;padding:0;margin-bottom:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;cursor:pointer;position:relative;overflow:hidden;min-height:64px;width:100%;text-align:left;text-decoration:none}.mobile-bottom-nav-modal-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent}.mobile-bottom-nav-modal-item:hover{background:#ffffff0f;border-color:#ffffff26;transform:translate(4px)}.mobile-bottom-nav-modal-item:hover .mobile-bottom-nav-modal-item-icon{transform:scale(1.1)}.mobile-bottom-nav-modal-item:hover .mobile-bottom-nav-modal-item-chevron{transform:translate(4px);opacity:1}.mobile-bottom-nav-modal-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mobile-bottom-nav-modal-item.active{background:rgba(var(--nav-accent-rgb),.1);border-color:rgba(var(--nav-accent-rgb),.3)}.mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-icon{background:var(--nav-accent)}.mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-icon i,.mobile-bottom-nav-modal-item.active .mobile-bottom-nav-modal-item-text{color:#fff}.mobile-bottom-nav-modal-item:last-child{margin-bottom:0}.mobile-bottom-nav-modal-item-badge{min-width:1.4rem;height:1.4rem;padding:0 .4rem;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--surface-sunken);color:var(--text-secondary);font-size:.7rem;font-weight:700}.mobile-bottom-nav-modal-item-icon{width:48px;height:48px;margin:.5rem .75rem;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.08)}.mobile-bottom-nav-modal-item-icon i{font-size:1.375rem;color:#ffffffb3}.mobile-bottom-nav-modal-item-text{flex:1;font-size:1.0625rem;font-weight:600;color:#ffffffd9;padding-right:.5rem}.mobile-bottom-nav-modal-item-chevron{width:20px;height:20px;margin-right:1rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.4}.mobile-bottom-nav-modal-item-chevron i{font-size:.875rem;color:#ffffff80}