.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:9999;pointer-events:none}.dock-panel{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;width:-moz-fit-content;width:fit-content;gap:1rem;border-radius:1rem;background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(229,231,235,.8);padding:0 .5rem .5rem;box-shadow:0 10px 40px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);pointer-events:all}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,rgba(249,250,251,.9),rgba(243,244,246,.9));border:1px solid rgba(229,231,235,.8);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);cursor:pointer;outline:none;transition:all .2s ease}.dock-item:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(249,250,251,.95));border-color:rgba(209,213,219,.9);box-shadow:0 8px 16px -2px rgba(0,0,0,.1),0 4px 8px -2px rgba(0,0,0,.05)}.dock-item:focus{border-color:rgba(59,130,246,.5);box-shadow:0 8px 16px -2px rgba(0,0,0,.1),0 4px 8px -2px rgba(0,0,0,.05),0 0 0 2px rgba(59,130,246,.3)}.dock-item:active{transform:scale(.95)}.dock-icon{display:flex;align-items:center;justify-content:center;color:#4b5563;font-size:1.25rem}.dock-label{position:absolute;top:-1.5rem;left:50%;width:-moz-fit-content;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid rgba(229,231,235,.8);background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:#374151;transform:translateX(-50%);box-shadow:0 4px 12px rgba(0,0,0,.1);pointer-events:none}.dock-item.active{background:linear-gradient(135deg,rgba(239,246,255,.9),rgba(219,234,254,.9));border-color:rgba(59,130,246,.4);box-shadow:0 8px 16px -2px rgba(59,130,246,.15),0 4px 8px -2px rgba(59,130,246,.1)}.dock-item.active .dock-icon{color:#2563eb}@keyframes dock-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dock-panel{animation:dock-appear .3s ease-out}.glare-hover{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);overflow:hidden;position:relative;display:flex;flex-direction:column}.glare-hover:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--gh-angle),transparent 60%,var(--gh-rgba) 70%,transparent,transparent 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0;pointer-events:none;z-index:10}.glare-hover:hover{cursor:pointer}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration) ease;background-position:100% 100%,0 0}.shiny-text{background:linear-gradient(90deg,#1e40af,#3b82f6 25%,#60a5fa 40%,#93c5fd 50%,#60a5fa 60%,#3b82f6 75%,#7c3aed);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer var(--animation-speed,3s) ease-in-out infinite;display:inline-block}@keyframes shimmer{0%{background-position:100% 50%}50%{background-position:0 50%}to{background-position:100% 50%}}