.dock-outer{position:fixed;top:1rem;right:1rem;z-index:100;display:flex;justify-content:center;align-items:flex-start;pointer-events:none}.dock-panel{display:flex;align-items:center;padding:0 8px;gap:8px;border-radius:20px;background:#14141499;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;pointer-events:auto;box-sizing:border-box}.light .dock-panel{background:#fff9;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px #0000001a}.dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:50%;cursor:pointer;transform-origin:center bottom;transition:filter .2s}.dock-item:focus-visible{outline:2px solid #007AFF;outline-offset:2px}.dock-label{position:absolute;top:100%;margin-top:6px;left:50%;transform:translate(-50%);padding:3px 6px;border-radius:4px;background:#000c;color:#fff;font-size:10px;font-weight:500;pointer-events:none;white-space:nowrap;border:1px solid rgba(255,255,255,.1)}.light .dock-label{background:#ffffffe6;color:#000;border:1px solid rgba(0,0,0,.1)}.dock-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;color:#fff}.light .dock-icon{color:#333}.dock-icon svg{width:55%;height:55%;stroke-width:2px}