.dock-outer{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:999;pointer-events:none;height:80px;display:flex;align-items:flex-end}.dock-panel{display:flex;align-items:end;justify-content:center;gap:8px;padding:8px 16px;border-radius:24px;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a;pointer-events:auto}.dark .dock-panel{background:#00000080;border:1px solid rgba(255,255,255,.1)}.dock-item{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:filter .2s ease;will-change:width,height;flex-shrink:0}.dock-item:hover{filter:brightness(1.2)}.dock-item:focus{filter:brightness(1.2)}.dock-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026;transition:all .2s ease}.dark .dock-icon{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.dock-item:hover .dock-icon{box-shadow:0 6px 16px #00000040}.dock-label{position:absolute;bottom:calc(100% + 12px);left:50%;white-space:nowrap;padding:6px 12px;font-size:12px;font-weight:600;color:#fff;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 12px #0000004d;pointer-events:none;z-index:1000}.dark .dock-label{background:#ffffffe6;color:#18181b}@media(max-width:768px){.dock-outer{display:none}}