.dock-outer{display:flex;margin:0;padding:1rem .5rem 0;max-width:100%;align-items:center;position:static;bottom:auto;width:100%;justify-content:center;z-index:30;pointer-events:auto;background:transparent;flex-direction:column}@media (min-width:768px){.dock-outer{position:fixed;left:0;top:6rem;transform:none;width:auto;height:auto;padding:.75rem;justify-content:flex-start;flex-direction:column}}.dock-panel{position:static;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;gap:.5rem;border-radius:12px;background:rgba(0,0,0,.7);border:1px solid rgba(255,140,0,.3);padding:.5rem .75rem;pointer-events:auto}@media (min-width:768px){.dock-panel{flex-direction:column;gap:.75rem;padding:.75rem .5rem}}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,rgba(255,140,0,.15),rgba(255,100,0,.1));border:1px solid rgba(255,140,0,.25);cursor:pointer;outline:none;transition:all .2s ease-out}.dock-item:hover{background:linear-gradient(135deg,rgba(255,140,0,.25),rgba(255,100,0,.2));border-color:rgba(255,140,0,.4);box-shadow:0 0 12px rgba(255,140,0,.15)}.dock-icon{display:flex;align-items:center;justify-content:center;color:#a1a1a1;width:100%;height:100%;font-weight:600}.dock-label{display:none}