.dock-outer{bottom:0;margin:0 .5rem;max-width:100%;align-items:center;overscroll-behavior:none;touch-action:none}.dock-outer,.dock-panel{position:fixed;left:50%;transform:translateX(-50%);display:flex;z-index:50}.dock-panel{bottom:1rem;align-items:flex-end;width:fit-content;gap:.75rem;border-radius:1rem;background-color:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.1);padding:.5rem .75rem;backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);overscroll-behavior:contain;touch-action:manipulation}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background-color:#f3f4f6;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);cursor:pointer;outline:none;transition:background-color .15s ease}.dock-item:hover{background-color:#e5e7eb}.dock-item-active{background-color:#60188c!important;border-color:#60188c!important}.dock-item-active .dock-icon{color:#fff!important}.dock-item:focus-visible{ring:2px;ring-color:#60188c;ring-offset:2px}.dock-icon{display:flex;align-items:center;justify-content:center;color:#374151}.dock-label{position:absolute;top:-2rem;left:50%;width:fit-content;white-space:pre;border-radius:.5rem;border:1px solid rgba(0,0,0,.1);background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:#374151;transform:translateX(-50%);box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){.dock-panel{background-color:hsla(0,0%,7%,.95);border-color:hsla(0,0%,100%,.1)}.dock-item{background-color:#1f1f1f;border-color:hsla(0,0%,100%,.05)}.dock-item:hover{background-color:#2d2d2d}.dock-icon,.dock-label{color:#e5e7eb}.dock-label{background-color:hsla(0,0%,7%,.95);border-color:hsla(0,0%,100%,.1)}}