.pearl-navigation{box-sizing:border-box;--nav-surface:#0f1a2c;--nav-edge:#ffffff38;--nav-ink:#b9c8dc;--nav-active:#fff;--nav-selected:#ffffff21;align-items:center;gap:8px;width:100%;max-width:520px;display:flex}.pearl-nav-light{--nav-surface:#fff;--nav-edge:#ffffffc7;--nav-ink:#606d7d;--nav-active:#0c254a;--nav-selected:#fff}.pearl-nav,.pearl-nav-tap{border:1px solid var(--nav-edge);background:var(--nav-surface);-webkit-backdrop-filter:blur(24px)saturate(165%);box-shadow:0 8px 24px #07193224,inset 0 1px 1px #ffffff85,inset 0 -1px 1px #ffffff1a}.pearl-nav{border-radius:999px;flex:1;justify-content:space-evenly;align-items:center;min-width:0;padding:5px 3px;display:flex}.pearl-nav-item{min-width:44px;min-height:62px;color:var(--nav-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 3px;transition:background-color .18s,color .18s;display:flex;position:relative}.pearl-nav-item.is-active{color:var(--nav-active);background:var(--nav-selected);box-shadow:inset 0 1px 1px #ffffff50}.pearl-nav-label{text-align:center;white-space:normal;max-width:62px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:8px;font-weight:400;line-height:9px;display:block}.pearl-nav-item.is-active .pearl-nav-label{font-weight:600}.pearl-nav-tap{width:54px;height:54px;color:var(--nav-ink);cursor:pointer;border-radius:50%;flex:0 0 54px;justify-content:center;align-items:center;display:flex}.pearl-nav-tap.is-active{color:var(--nav-active)}.pearl-nav-item:focus-visible,.pearl-nav-tap:focus-visible{outline-offset:3px;outline:2px solid #1478ff}@media (prefers-reduced-motion:reduce){.pearl-nav-item{transition:none}}@media (width<=360px){.pearl-navigation{gap:8px}.pearl-nav{padding:3px}.pearl-nav-item{min-width:42px;min-height:60px;padding:3px 1px}.pearl-nav-label{font-size:7px;line-height:8px}.pearl-nav-tap{flex-basis:44px;width:44px;height:54px}}.pearl-nav,.pearl-nav-tap{background:linear-gradient(165deg,#ffffff29,transparent 48%,#00000029),var(--nav-surface);box-shadow:0 8px 12px #07193230,0 2px 3px #07193218,inset 0 3px 3px #ffffffab,inset 2px 0 3px #ffffff52,inset 0 -4px 5px #07193230}.pearl-nav-light .pearl-nav,.pearl-nav-light .pearl-nav-tap{background:linear-gradient(165deg,#fff 0% 70%,#f0f2f5 100%);border:2px solid #fff;box-shadow:0 8px 12px #6c788d38,0 2px 3px #65758b24,inset 0 3px 3px #fff,inset 2px 0 3px #ffffffb3,inset 0 -4px 5px #9ba8b54d}.pearl-nav-item.is-active{background:linear-gradient(155deg,#ffffff40,#ffffff0a),var(--nav-selected);box-shadow:0 3px 5px #07193226,inset 0 2px 2px #ffffffbf,inset 0 -2px 3px #8592a32b}.pearl-nav-item svg,.pearl-nav-tap svg{filter:drop-shadow(0 1px #ffffffa0)}.pearl-nav-item:active,.pearl-nav-tap:active{box-shadow:inset 0 3px 6px #07193238,inset 0 -1px 2px #ffffffb3}