/* Lucian UX/UI Prompt #041 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#041 */
.u041{--x:17%;position:relative;width:100%;height:82px;align-items:flex-end;padding-bottom:max(8px,env(safe-area-inset-bottom))}
.u041-bar{position:absolute;inset:7px 10px max(8px,env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--ux-line) 76%,transparent);border-radius:22px;background:color-mix(in srgb,var(--ux-surface) 94%,transparent);box-shadow:0 14px 36px -18px var(--ux-shadow-strong);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.u041-shadow{display:none}
.u041-bub{display:none}
.u041-tabs{position:absolute;z-index:2;inset:7px 10px max(8px,env(safe-area-inset-bottom));display:flex;margin:0;padding:0 3px;list-style:none}
.u041-tabs>li{min-width:0;flex:1;display:flex}
.u041-tab{position:relative;flex:1;height:100%;display:grid!important;grid-template-rows:30px 14px;align-content:center;justify-items:center;gap:2px;border:0;padding:3px;background:none;color:var(--ux-ink-3);text-align:center;text-decoration:none;transition:color .3s var(--ux-ease),transform .35s var(--ux-spring)}
.u041-tab:focus-visible{outline:2px solid var(--ux-accent);outline-offset:-4px;border-radius:15px}
.u041-ic{position:static;width:30px;height:30px;margin:0;display:grid;place-items:center;border-radius:10px;transition:transform .4s var(--ux-spring),color .3s,background .3s,box-shadow .3s}
.u041-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.u041-zalo-logo{width:25px;height:25px;display:block;border-radius:8px;object-fit:cover;background:#fff}
.u041-quote-logo{width:25px;height:25px;display:block;border-radius:50%;object-fit:cover;background:#fff}
.u041-lab{position:static;max-width:100%;overflow:hidden;color:inherit;font-size:9px;font-weight:850;line-height:1;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;opacity:.72;transition:opacity .3s,color .3s}
.u041-tab[aria-current="page"]{color:var(--deep);transform:none}
.u041-tab[aria-current="page"] .u041-ic{color:#fff;background:linear-gradient(135deg,var(--deep-2),var(--deep));box-shadow:0 8px 18px -10px rgba(1,46,40,.82);transform:translateY(-1px)}
.u041-tab[aria-current="page"] .u041-lab{color:var(--deep);opacity:1}
.u041-tab:hover .u041-ic,.u041-tab:focus-visible .u041-ic{transform:translateY(-2px) scale(1.04)}
.u041-tab:active .u041-ic{transform:scale(.92)}
.u041-tabs>li:first-child .u041-ic svg{transform-origin:50% 54%;animation:u041-phone 5s var(--ux-ease) infinite}
.u041-zalo-logo{animation:u041-zalo 3.6s ease-in-out infinite}
.u041-quote-logo{animation:u041-quote 4.2s var(--ux-ease) infinite}
@keyframes u041-phone{0%,84%,100%{transform:rotate(0)}88%{transform:rotate(10deg)}92%{transform:rotate(-8deg)}96%{transform:rotate(4deg)}}
@keyframes u041-zalo{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}
@keyframes u041-quote{0%,72%,100%{transform:translateY(0)}80%{transform:translateY(-2px)}88%{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){.u041-bub,.u041-tab,.u041-ic{transition:none}.u041-tabs>li:first-child .u041-ic svg,.u041-zalo-logo,.u041-quote-logo{animation:none}}