.dock-outer{position:fixed;bottom:2rem;left:0;width:100%;display:flex;justify-content:center;pointer-events:none;z-index:50}.dock-panel{pointer-events:auto;display:flex;gap:10px;margin:0 auto;padding:10px 14px;width:max-content;max-width:calc(100vw - 32px);border-radius:9999px;background:linear-gradient(135deg,rgba(79,124,167,.85),rgba(210,122,44,.85));border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(14px) saturate(150%);box-shadow:0 8px 30px rgba(0,0,0,.4);transition:all .3s ease}.dock-panel:hover{background:linear-gradient(135deg,rgba(79,124,167,.95),rgba(210,122,44,.95));border:1px solid rgba(255,255,255,.4)}.dock-panel.global-dock{padding:6px 10px;background:linear-gradient(135deg,rgba(79,124,167,.18),rgba(210,122,44,.18));border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 18px rgba(0,0,0,.25);margin-bottom:8px}.dock-item{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border-radius:18px;user-select:none;outline:none;transition:transform .12s ease}.dock-item:active{transform:translateY(1px) scale(.98)}.dock-icon{display:grid;place-items:center;color:white}.dock-label{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;padding:6px 8px;border-radius:8px;color:white;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.16)}.dock-item:hover .dock-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.25));transform:translateY(-2px);transition:transform .2s ease}.dock-item:active .dock-icon{transform:translateY(0)}