.tab-bar{position:fixed;left:0;right:0;bottom:0;height:76px;background:#fffffffa;backdrop-filter:blur(12px);border-top:none;display:flex;align-items:center;padding:8px 16px calc(14px + env(safe-area-inset-bottom));gap:6px;box-shadow:0 -12px 24px #fff;z-index:50}.tab-item{flex:1;color:var(--unprint-slate);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.4px;text-decoration:none}.tab-item svg{width:20px;height:20px}.tab-item.active{color:var(--unprint-black)}.tab-item.active svg{color:var(--unprint-black)}.tab-item--primary{position:relative}.tab-item--primary .tab-item-circle{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;margin-top:-12px;transition:transform .15s ease,border-color .15s ease}.tab-item--primary .tab-item-circle svg{width:20px;height:20px;color:var(--unprint-slate, #64748b)}.tab-item--primary:active .tab-item-circle{transform:scale(.95)}.tab-item--primary.active .tab-item-circle{border-color:var(--unprint-black, #0a0a0a)}.tab-item--primary.active .tab-item-circle svg{color:var(--unprint-black, #0a0a0a)}.tab-item--primary span{margin-top:2px}