.ok-tabbar{z-index:45;height:calc(64px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 28px -24px #00005080}@media (max-width:1023px){:root{--bottomnav-h:calc(64px + env(safe-area-inset-bottom))}}@media (min-width:1024px){.ok-tabbar[data-desktop-hide=true]{display:none}}.ok-tab{letter-spacing:.005em;min-width:56px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10.5px;font-weight:700;text-decoration:none;transition:color .2s;display:flex;position:relative}.ok-tab-pill{border-radius:999px;place-items:center;width:52px;height:30px;transition:transform .18s cubic-bezier(.3,1.4,.5,1),color .2s;display:grid;position:relative}.ok-tab-pill:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(#ffb53d 0%,#f90 100%);transition:opacity .16s,transform .22s;position:absolute;inset:0;transform:scale(.2,.3);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #d6700059,0 5px 12px -6px #ff8c00bf}.ok-tab-pill:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:1.5px solid var(--orange);position:absolute;inset:0}.ok-tab-pill svg{width:20px;height:20px;transition:stroke-width .2s;position:relative}.ok-tab:active .ok-tab-pill{transform:scale(.88)}.ok-tab[aria-current=page]{color:var(--ink);font-weight:800}.ok-tab[aria-current=page] .ok-tab-pill{color:#0b0b3d}.ok-tab[aria-current=page] .ok-tab-pill svg{stroke-width:2.15px;animation:.52s ease-out 70ms ok-tab-hop}.ok-tab[aria-current=page] .ok-tab-pill:before{opacity:1;animation:.44s cubic-bezier(.25,1.35,.45,1) ok-tab-fill;transform:none}.ok-tab[aria-current=page] .ok-tab-pill:after{animation:.6s cubic-bezier(.15,.6,.3,1) ok-tab-ring}@keyframes ok-tab-fill{0%{opacity:1;transform:scale(.12,.2)}30%{transform:scaleX(.58)}to{opacity:1;transform:none}}@keyframes ok-tab-ring{0%{opacity:.9;transform:scale(.45,.6)}to{opacity:0;transform:scale(1.45,1.7)}}@keyframes ok-tab-hop{0%{transform:none}30%{transform:translateY(-3px)rotate(-9deg)scale(1.1)}58%{transform:translateY(0)rotate(6deg)}80%{transform:rotate(-2deg)}to{transform:none}}.ok-tab-badge{background:var(--orange);color:#fff;font-variant-numeric:tabular-nums;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--surface);border-radius:999px;place-items:center;padding:0 5px;font-size:9.5px;font-weight:800;animation:.38s cubic-bezier(.3,1.6,.5,1) backwards ok-badge-pop;display:grid;position:absolute;top:5px;left:calc(50% + 10px)}.ok-tab[aria-current=page] .ok-tab-badge{background:#009}@keyframes ok-badge-pop{0%{opacity:0;transform:scale(.3)}}.ok-tab[data-menu=true] .ok-tab-pill{background:var(--surface-3)}.ok-tabmenu-scrim{z-index:44;-webkit-backdrop-filter:blur(2px);background:#00002833;animation:.18s backwards ok-tabmenu-fade;position:fixed;inset:0}.ok-tabmenu{z-index:46;bottom:calc(var(--bottomnav-h,64px) + 10px);background:var(--surface);border:1px solid var(--line);transform-origin:var(--arrow-x) 100%;border-radius:20px;padding:6px;animation:.28s cubic-bezier(.3,1.3,.5,1) backwards ok-tabmenu-in;position:fixed;box-shadow:0 1px 2px #00003c14,0 24px 50px -18px #00004680}.ok-tabmenu:after{content:"";bottom:-7px;left:calc(var(--arrow-x) - 7px);background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0 0 4px;width:14px;height:14px;position:absolute;transform:rotate(45deg)}.ok-tabmenu-head{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;padding:8px 10px 6px;font-size:10.5px;font-weight:800;display:flex}.ok-tabmenu-head svg{width:14px;height:14px}.ok-tabmenu-item{height:46px;color:var(--ink);-webkit-tap-highlight-color:transparent;animation:.32s cubic-bezier(.3,1.2,.5,1) backwards ok-tabmenu-item;animation-delay:calc(50ms + var(--i,0) * 35ms);border-radius:14px;align-items:center;gap:11px;padding:0 10px 0 6px;font-size:14px;font-weight:700;text-decoration:none;transition:background .14s,transform .14s;display:flex;position:relative}.ok-tabmenu-item:active{background:var(--surface-2);transform:scale(.98)}.ok-tabmenu-ic{background:var(--surface-2);width:34px;height:34px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.ok-tabmenu-ic svg{width:17px;height:17px}.ok-tabmenu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ok-tabmenu-badge{background:var(--orange);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:grid}.ok-tabmenu-item[aria-current=page]{background:color-mix(in srgb, var(--orange-soft) 70%, var(--surface))}.ok-tabmenu-item[aria-current=page] .ok-tabmenu-ic{color:#0b0b3d;background:linear-gradient(#ffb53d,#f90);box-shadow:inset 0 1px #ffffff80}@keyframes ok-tabmenu-fade{0%{opacity:0}}@keyframes ok-tabmenu-in{0%{opacity:0;transform:translateY(14px)scale(.9)}}@keyframes ok-tabmenu-item{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.ok-tabmenu,.ok-tabmenu-item,.ok-tabmenu-scrim{animation:none}.ok-tab-pill:before,.ok-tab-pill:after,.ok-tab-pill svg,.ok-tab-badge{animation:none!important}}