.dock-wrapper{z-index:50;pointer-events:none;display:flex;position:fixed}.dock-bottom{justify-content:center;bottom:12px;left:0;right:0}.dock-left{align-items:center;top:0;bottom:0;left:12px}.dock-right{align-items:center;top:0;bottom:0;right:12px}.dock-panel{-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);pointer-events:auto;background:#120f17eb;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:4px;padding:6px 8px;display:flex;box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff0d}.dock-panel-bottom{flex-direction:row;padding:6px 8px}.dock-panel-left,.dock-panel-right{flex-direction:column;padding:8px 6px}.dock-section{align-items:center;gap:4px;display:flex}.dock-panel-left .dock-section,.dock-panel-right .dock-section{flex-direction:column}.dock-item-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.dock-tooltip{color:#ffffffd9;white-space:nowrap;pointer-events:none;z-index:70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#120f17f5;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.dock-tooltip:after{content:"";border:5px solid #0000;border-top-color:#120f17f5;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dock-item{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;outline:none;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.dock-item:hover{background:#ffffff14;border-color:#ffffff26;box-shadow:0 2px 8px #0003}.dock-item-active{background:#a855f714;border-color:#a855f780;box-shadow:0 0 20px #a855f733,0 2px 8px #a855f71a}.dock-divider{background:linear-gradient(#0000,#ffffff1a,#0000);flex-shrink:0;width:1px;height:32px}.dock-divider-vertical{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:32px;height:1px}.dock-handle{cursor:grab;opacity:.3;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:32px;transition:opacity .2s;display:flex}.dock-handle:hover{opacity:.7}.dock-handle-dots{flex-direction:column;gap:3px;display:flex}.dock-handle-dots span{background:#fff6;border-radius:50%;width:3px;height:3px;display:block}.dock-panel-left .dock-handle-dots,.dock-panel-right .dock-handle-dots{flex-direction:row}.dock-theme-menu{-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);z-index:70;background:#120f17f5;border:1px solid #ffffff1a;border-radius:10px;width:140px;padding:4px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.dock-theme-menu:after{content:"";border:5px solid #0000;border-top-color:#120f17f5;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dock-theme-option{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:12px;transition:background .15s,color .15s;display:flex}.dock-theme-option:hover{color:#ffffffe6;background:#ffffff14}.dock-theme-active{color:#ffffffe6}.dock-profile-wrapper{position:relative}.dock-profile-popover{-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);z-index:60;background:#120f17f5;border:1px solid #ffffff1a;border-radius:10px;width:180px;padding:4px;position:absolute;box-shadow:0 8px 24px #0006}.dock-profile-popover-bottom{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.dock-profile-popover-left{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.dock-profile-popover-right{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}@media (max-width:520px){.dock-bottom{bottom:8px}.dock-panel-bottom{scrollbar-width:none;gap:3px;max-width:calc(100vw - 16px);padding:4px 6px;overflow-x:auto}.dock-panel-bottom::-webkit-scrollbar{display:none}.dock-item{min-width:44px;width:44px!important;height:44px!important}.dock-handle{width:14px;height:24px}.dock-divider{height:24px}}