.app-dock{--dock-padding-inline:5px;--dock-padding-block:5px;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:40;isolation:isolate;width:calc(100% - 24px);max-width:440px;min-height:72px;padding:var(--dock-padding-block) var(--dock-padding-inline);background:linear-gradient(145deg,#ffffff14,#ffffff06),color-mix(in srgb,var(--card) 75%,transparent);-webkit-backdrop-filter:blur(26px)saturate(1.2);backdrop-filter:blur(26px)saturate(1.2);border:1px solid #ffffff24;border-radius:28px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 15px 45px #0006,inset 0 1px #ffffff20}.app-dock-highlight{z-index:0;pointer-events:none;top:var(--dock-padding-block);bottom:var(--dock-padding-block);left:var(--dock-padding-inline);width:calc((100% - 2 * var(--dock-padding-inline)) / 5);transform:translateX(calc(var(--dock-index) * 100%));background:radial-gradient(at 35% 0,#ffffff14,#0000 70%),linear-gradient(145deg,#ffffff26,#ffffff0c);border-radius:23px;transition:transform .48s cubic-bezier(.22,1.08,.36,1),opacity .18s;position:absolute;box-shadow:inset 0 1px #ffffff30,inset 0 -1px #ffffff08,0 4px 14px #0002}.app-dock[data-selected="-1"] .app-dock-highlight{opacity:0}.app-dock>a{z-index:1;min-width:0;min-height:60px;color:var(--muted-foreground);letter-spacing:-.2px;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:600;transition:color .2s;display:flex;position:relative}.app-dock>a.active{color:var(--foreground)}.app-dock>a:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.dock-icon{border-radius:10px;place-items:center;width:40px;height:29px;transition:transform .38s cubic-bezier(.22,1.5,.4,1),color .2s;display:grid}.app-dock>a.active .dock-icon{color:var(--foreground);transform:translateY(-2px)scale(1.08)}.app-dock>a:active .dock-icon{transition-duration:.1s;transform:translateY(0)scale(.93)}.app-dock--chat{box-shadow:none}.keyboard-open .app-dock--chat{display:none}@media (max-width:380px){.app-dock{--dock-padding-inline:3px;width:calc(100% - 18px)}.app-dock>a{font-size:9px}}@media (prefers-reduced-motion:reduce){.app-dock-highlight,.app-dock>a,.app-dock .dock-icon{transition:none}.app-dock>a.active .dock-icon,.app-dock>a:active .dock-icon{transform:none}}