:root{--bg-color:#fafafa;--nav-bg:#fff;--nav-border:#00000014;--text-main:#1f2937;--text-muted:#9ca3af;--item-active-color:#22c55e;--shadow-nav:0 -4px 12px -2px #00000014;--shadow-sheet:0 8px 30px #0000001f}html.dark{--bg-color:#1e1f20;--nav-bg:#1e1f20;--nav-border:#ffffff14;--text-main:#f3f4f6;--text-muted:#9ca3af;--shadow-nav:0 -4px 12px -2px #0000004d;--shadow-sheet:0 8px 30px #00000080}.mobile-nav-bar.nav-dark,.mobile-menu-sheet.nav-dark{--nav-bg:#1e1f20;--nav-border:#ffffff14;--text-main:#f3f4f6;--text-muted:#9ca3af;--shadow-nav:0 -4px 12px -2px #0000004d;--shadow-sheet:0 8px 30px #00000080;color:#f3f4f6;background-color:#1e1f20;border-color:#ffffff14}html,body{background-color:var(--bg-color);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;width:100%;min-height:100dvh;margin:0;padding:0;transition:background-color .3s}@media (min-width:768px){.mobile-nav-bar,.mobile-menu-overlay,.mobile-menu-sheet{display:none!important}}.mobile-nav-bar{width:100%;padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom));z-index:9999;border-top:1px solid var(--nav-border);background-color:var(--nav-bg);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-nav);will-change:transform;justify-content:space-around;align-items:flex-start;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s,border-color .3s;display:flex;position:fixed;bottom:0;left:0}.mobile-nav-bar.hidden-bar{transform:translateY(100%)}.mobile-nav-item{cursor:pointer;height:64px;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4px 0;transition:color .2s,transform .1s;display:flex;position:relative}.mobile-nav-item.active{color:var(--item-color,var(--item-active-color));font-weight:600}.mobile-nav-item:active{transform:scale(.92)}.icon-container{justify-content:center;align-items:center;margin-bottom:2px;transition:transform .2s;display:flex}.mobile-nav-item.active .icon-container{transform:translateY(-2px)}.label{letter-spacing:.01em;font-size:10px;font-weight:500;line-height:1.2}.mobile-menu-overlay{z-index:9000;-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:flex-end;width:100%;height:100dvh;transition:opacity .2s;display:flex;position:fixed;top:0;left:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-sheet{background-color:var(--nav-bg);width:calc(100% - 32px);max-width:500px;color:var(--text-main);border:1px solid var(--nav-border);margin-bottom:calc(80px + env(safe-area-inset-bottom));opacity:0;max-height:60vh;box-shadow:var(--shadow-sheet);border-radius:24px;padding:8px;transition:all .3s cubic-bezier(.19,1,.22,1);overflow-y:auto;transform:translateY(20px)scale(.95)}.mobile-menu-overlay.open .mobile-menu-sheet{opacity:1;transform:translateY(0)scale(1)}.menu-row{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:16px 20px;font-size:15px;font-weight:500;transition:background-color .2s,transform .1s;display:flex}.menu-row:last-child{margin-bottom:0}.menu-row:active{background-color:#0000000d;transform:scale(.98)}@media (hover:hover){.menu-row:hover{background-color:var(--nav-border)}}.menu-separator{background-color:var(--nav-border);opacity:.6;height:1px;margin:8px 16px}