:root{--copia-nav-space:calc(70px + 14px + env(safe-area-inset-bottom,0px))}.copia-nav-wrap{z-index:50;padding:0 16px calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.copia-nav{--nav-h:70px;--nav-h-compact:46px;pointer-events:auto;height:var(--nav-h);border-radius:var(--radius-pill);background-color:var(--glass-chrome-bg);background-image:var(--glass-highlight);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:var(--glass-border);box-shadow:var(--glass-shadow-up);transition:height .28s var(--ease-out), transform .28s var(--ease-out);will-change:height, transform;align-items:center;gap:4px;padding:0 10px;display:flex}.copia-nav.compact{height:var(--nav-h-compact);transform:translateY(6px)}.copia-tab{cursor:pointer;-webkit-tap-highlight-color:transparent;width:64px;height:54px;transition:background .2s var(--ease-out), height .28s var(--ease-out);background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex;position:relative}.copia-nav.compact .copia-tab{gap:0;width:56px;height:38px}.copia-tab-label{letter-spacing:.01em;color:var(--color-steel);white-space:nowrap;opacity:1;max-height:12px;transition:max-height .28s var(--ease-out), opacity .18s var(--ease-out), color .2s;font-size:10px;font-weight:600;line-height:1;overflow:hidden}.copia-nav.compact .copia-tab-label{opacity:0;max-height:0}.copia-tab.active .copia-tab-label{color:var(--color-cloud)}.copia-tab svg{width:24px;height:24px;stroke:var(--color-steel);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:width .28s var(--ease-out), height .28s var(--ease-out), stroke .2s}.copia-nav.compact .copia-tab svg{width:23px;height:23px}.copia-tab.active{background:#f0f4f814}.copia-tab.active svg{stroke:var(--color-cloud)}.copia-tab:active svg{transition:transform .1s;transform:scale(.9)}.copia-tab .dot{background:var(--color-mint);border:2px solid var(--color-night);width:7px;height:7px;transition:top .28s var(--ease-out);border-radius:50%;position:absolute;top:6px;right:13px}.copia-nav.compact .copia-tab .dot{top:3px}@media (prefers-reduced-motion:reduce){.copia-nav,.copia-tab,.copia-tab svg,.copia-tab-label,.copia-tab .dot{transition:none}}@keyframes copia-lens-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes copia-lens-ring{0%,to{opacity:.5}50%{opacity:.85}}.copia-tab--lens svg circle:nth-of-type(3){transform-origin:50%;transform-box:fill-box;animation:copia-lens-breathe 6s var(--ease-out) infinite}.copia-tab--lens.active svg circle:nth-of-type(2){animation:copia-lens-ring 6s var(--ease-out) infinite}@media (prefers-reduced-motion:reduce){.copia-tab--lens svg circle:nth-of-type(3),.copia-tab--lens.active svg circle:nth-of-type(2){opacity:1;animation:none}}