.dock-outer{z-index:10;flex-direction:row;justify-content:space-between;max-width:100%;display:flex}.dock-panel{background-color:var(--bg);border:var(--border-card);width:fit-content;box-shadow:var(--shadow-sm);z-index:1000;border-radius:1rem;align-items:flex-start;gap:1rem;padding:.5rem;display:flex;position:relative;top:2.5px;left:50%;transform:translate(-50%)}.dock-item{background-color:var(--bg-light);border:var(--border-card);box-shadow:var(--shadow-sm);cursor:pointer;filter:drop-shadow(0 0 20px #ff8c3c1a)drop-shadow(0 0 80px #ff8c3c1a);border-radius:10px;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-label{white-space:pre;border-radius:.375rem;width:fit-content;padding:.125rem .5rem;font-size:.75rem;position:absolute;bottom:-1.75rem;left:50%;transform:translate(-50%)}.header{z-index:9999;pointer-events:none;box-sizing:border-box;isolation:isolate;width:100vw;height:0;padding:0;display:block;position:fixed;top:0;left:50%;overflow:visible;transform:translate(-50%)}.panel-center{pointer-events:auto;color:var(--text-color);z-index:1000;width:fit-content;transform:translate(calc(var(--dock-shift,0px) - 50%), 0);will-change:transform;justify-content:center;align-items:flex-start;gap:1rem;padding:.5rem;transition:transform 2s;display:flex;position:fixed;top:5px;left:50%}.nav-info{opacity:.7;pointer-events:all;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-top:18px;font-size:14px;transition:all .2s;display:flex}.nav-info:hover{opacity:1;transform:scale(1.1)}.panel-left{z-index:1000;justify-content:space-between;align-items:flex-start;gap:15px;display:flex;position:fixed;top:15px;left:5%}.dock-title{color:var(--text-color);pointer-events:all;margin-right:25px;font-size:.55rem}.dock-title:hover{cursor:pointer}.btn-signin{background-color:var(--bg-light);border:var(--border-card);pointer-events:all;cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;box-shadow:var(--shadow-sm);padding:10px 20px;transition:transform .18s,box-shadow .18s,filter .18s,background-color .6s,color .6s,border-color .6s;transform:translateY(0)scale(1)}.btn-signin:hover{transform:scale(1.05)}.btn-signin:active{transform:translateY(0)scale(.98)}.btn-signin:focus-visible{outline-offset:4px;outline:2px solid #fff9}.theme-btn{background-color:var(--bg-light);box-shadow:var(--shadow-sm);border-radius:var(--radius-r);border:var(--border-card);color:var(--text-color);cursor:pointer;pointer-events:all;filter:drop-shadow(0 0 20px #ff8c3c40)drop-shadow(0 0 80px #ff8c3c80);align-self:center;padding:10px}.theme-btn:hover{transform:scale(1.05)}.panel-right{z-index:1000;will-change:opacity, transform;align-items:center;transition:transform .5s ease-in-out,opacity 1s;display:flex;position:fixed;top:25px;right:2.5%}.dock-logo img{pointer-events:all;width:32px;height:32px;filter:brightness(var(--svg-invert))}.dock-logo img:hover{cursor:pointer;transform:scale(1.1)}@media (max-width:980px){.header{padding:10px}.panel-right{opacity:0;pointer-events:none;transform:translate(150px)}.panel-center{max-width:calc(100vw - 24px);left:auto;right:12px;overflow:hidden;transform:none}.panel-left{z-index:1000;align-items:center;gap:12px;display:flex;position:fixed;top:15px;left:5%}.btn-signin{justify-content:center;align-items:center;height:50px;display:inline-flex}.theme-btn{justify-content:center;align-items:center;min-width:32px;margin-left:auto;padding:7px;display:inline-flex}.btn-signin{font-size:.85rem}}.star-border-container{will-change:transform;border-radius:20px;transition:transform .18s,background-color .6s,color .6s,box-shadow .6s,border-color .6s;display:inline-block;position:relative;overflow:hidden}.border-gradient-bottom{opacity:.7;z-index:0;border-radius:50%;width:300%;height:25%;animation:linear infinite alternate star-movement-bottom;position:absolute;bottom:-12px;right:-250%}.border-gradient-top{opacity:.7;z-index:0;border-radius:50%;width:300%;height:25%;animation:linear infinite alternate star-movement-top;position:absolute;top:-12px;left:-250%}.inner-content{background:var(--glass-light);color:var(--text-color);filter:drop-shadow(0 0 20px #ff8c3c40)drop-shadow(0 0 80px #ff8c3c80);text-align:center;z-index:1;border-radius:20px;padding:16px 26px;font-size:16px;transition:background-color .6s,color .6s,box-shadow .6s,border-color .6s;position:relative}@media (max-width:900px){.star-border-container{border-radius:14px}.star-border-container .inner-content{border-radius:14px;justify-content:center;align-items:center;height:50px;padding:0 14px;font-size:14px;line-height:1;display:inline-flex}}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}