.pto-fnav{--fnav-spring:linear(0, .06 2.5%, .24 6%, .52 11%, .83 17%, 1.02 23%, 1.08 28%, 1.07 33%, 1.02 41%, .99 50%, 1 64%, 1);z-index:45;left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);pointer-events:none;touch-action:manipulation;align-items:center;gap:8px;width:min(100vw - 24px,460px);display:flex;position:fixed;transform:translate(-50%)}.pto-fnav>*{pointer-events:auto}.pto-fnav-pill{background:color-mix(in oklab,var(--pto-signature-night,var(--pto-navy,#0b1530)) 78%,transparent);-webkit-backdrop-filter:blur(22px)saturate(1.7);border:1px solid color-mix(in oklab,var(--pto-paper,white) 12%,transparent);min-width:0;box-shadow:0 14px 32px color-mix(in oklab,var(--pto-signature-night,black) 45%,transparent),0 0 0 1px color-mix(in oklab,var(--pto-blue,#3b82f6) 6%,transparent) inset;transition:transform .22s var(--fnav-spring);border-radius:999px;flex:1;align-items:center;padding:5px;display:flex;position:relative}.pto-fnav-pill[data-action=true]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px minmax(0,1fr) minmax(0,1fr);display:grid}.pto-fnav-pill[data-action=true] .pto-fnav-item{width:auto}.pto-fnav-pill[data-action=true] .pto-fnav-item:first-of-type{grid-column:1}.pto-fnav-pill[data-action=true] .pto-fnav-item:nth-of-type(2){grid-column:2}.pto-fnav-pill[data-action=true] .pto-fnav-item:nth-of-type(3){grid-column:4}.pto-fnav-pill[data-action=true] .pto-fnav-item:nth-of-type(4){grid-column:5}.pto-fnav-pill:active{transform:translateY(-1px)scale(1.005)}.pto-fnav-capsule{opacity:0;background:color-mix(in oklab,var(--pto-paper,white) 20%,transparent);border:1px solid color-mix(in oklab,var(--pto-paper,white) 16%,transparent);box-shadow:0 6px 16px #0000004d,0 0 18px color-mix(in oklab,var(--pto-blue,#3b82f6) 22%,transparent),inset 0 1px color-mix(in oklab,var(--pto-paper,white) 18%,transparent);transition:transform .52s var(--fnav-spring),width .52s var(--fnav-spring),opacity .2s ease;pointer-events:none;border-radius:999px;position:absolute;top:5px;bottom:5px;left:0}@supports (color:lab(0% 0 0)){.pto-fnav-capsule{box-shadow:0 6px 16px #0000004d,0 0 18px color-mix(in oklab,var(--pto-blue,#3b82f6) 22%,transparent),inset 0 1px color-mix(in oklab,var(--pto-paper,white) 18%,transparent)}}.pto-fnav-capsule[data-show]{opacity:1}.pto-fnav-item{z-index:1;min-width:44px;min-height:52px;color:color-mix(in oklab,var(--pto-paper,white) 66%,transparent);-webkit-tap-highlight-color:transparent;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;transition:color .26s;display:flex;position:relative}.pto-fnav-icon{place-items:center;display:grid;position:relative}.pto-fnav-icon svg{stroke-width:1.8px;width:20px;height:20px;transition:transform .42s var(--fnav-spring),color .26s ease}.pto-fnav-label{letter-spacing:0;white-space:nowrap;transition:opacity .26s ease,transform .36s var(--fnav-spring),font-weight .2s;opacity:.78;font-size:10.5px;font-weight:560}.pto-fnav-item[data-on]{color:var(--pto-paper,white)}.pto-fnav-item[data-on] svg{color:var(--pto-blue,#3b82f6);transform:scale(1.12)translateY(-1px)}.pto-fnav-item[data-on] .pto-fnav-label{opacity:1;font-weight:700;transform:translateY(.5px)}.pto-fnav-item:active .pto-fnav-icon{transform:scale(.92)}.pto-fnav-item:focus-visible{outline:2px solid var(--pto-blue,#3b82f6);outline-offset:-2px}.pto-fnav-badge{background:var(--pto-danger,#f05a4f);min-width:16px;height:16px;color:var(--pto-paper,white);box-shadow:0 0 0 2px color-mix(in oklab,var(--pto-signature-night,black) 80%,transparent);animation:pto-fnav-pop .36s var(--fnav-spring);border-radius:999px;place-items:center;padding:0 4px;font-size:9.5px;font-weight:700;line-height:1;display:grid;position:absolute;top:-6px;right:-10px}@keyframes pto-fnav-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.pto-fnav-action{z-index:3;pointer-events:auto;place-items:center;display:grid;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.pto-fnav-search>*{width:56px;height:56px;color:var(--pto-paper,white);background:color-mix(in oklab,var(--pto-signature-night,black) 78%,transparent);-webkit-backdrop-filter:blur(22px)saturate(1.7);border:1px solid color-mix(in oklab,var(--pto-paper,white) 12%,transparent);border-radius:999px;place-items:center;display:grid;box-shadow:0 14px 32px #0006}.pto-fnav-search>[data-on] svg{color:var(--pto-blue,#3b82f6)}@media(max-width:360px){.pto-fnav-label{font-size:9.5px}}@media(prefers-reduced-motion:reduce){.pto-fnav-capsule{transition:opacity .18s}.pto-fnav-pill,.pto-fnav-icon svg,.pto-fnav-label,.pto-fnav-badge{transition:color .18s,opacity .18s;animation:none;transform:none!important}}