.dock-outer{display:flex;align-items:center;width:100%}.dock-panel{display:flex;flex-direction:column;align-items:center;width:100%;gap:.75rem;border-radius:1rem;background:linear-gradient(135deg,#00b4d80d,#00d9a50d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,180,216,.2);padding:1rem .5rem}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;background:#0000004d;border:1px solid rgba(0,180,216,.3);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;outline:none;transition:all .2s ease}.dock-item:hover{border-color:#00b4d899;background:#00b4d81a}.dock-item:focus{border-color:#00b4d8cc}.dock-item.active{background:linear-gradient(135deg,#00b4d833,#00d9a533);border-color:#00b4d8cc}.dock-icon{display:flex;align-items:center;justify-content:center;color:#00b4d8}.dock-item.active .dock-icon{color:#00d9a5}.dock-label{position:absolute;left:calc(100% + 1rem);top:50%;transform:translateY(-50%);width:-moz-fit-content;width:fit-content;white-space:nowrap;border-radius:.5rem;border:1px solid rgba(0,180,216,.3);background:linear-gradient(135deg,#000000f2,#001428f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.375rem .75rem;font-size:.875rem;color:#fff;pointer-events:none;z-index:50}.flame-container{position:relative;display:flex;align-items:center;justify-content:center}.flame{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.flame-main{position:relative;width:60%;height:85%}.flame-primary{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:100%;background:linear-gradient(to top,#ff6b35 0%,#ff8c42 20%,#ffa94d 40%,#ffc078 60%,#ffe066 80%,transparent 100%);border-radius:50%/60% 60% 40% 40%;filter:blur(1px);animation:flameDance .8s ease-in-out infinite alternate;transform-origin:bottom center}.flame-secondary{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:85%;height:90%;background:linear-gradient(to top,#ff8c42 0%,#ffa94d 30%,#ffc078 60%,#ffe066 80%,transparent 100%);border-radius:50%/60% 60% 40% 40%;filter:blur(.5px);animation:flameDance .6s ease-in-out infinite alternate-reverse;transform-origin:bottom center}.flame-tertiary{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:70%;height:80%;background:linear-gradient(to top,#ffa94d 0%,#ffc078 30%,#ffe066 60%,#fff3bf 80%,transparent 100%);border-radius:50%/60% 60% 40% 40%;animation:flameDance .5s ease-in-out infinite alternate;transform-origin:bottom center}.flame-core{position:absolute;bottom:5%;left:50%;transform:translate(-50%);width:35%;height:45%;background:linear-gradient(to top,#fff 0%,#fff3bf 40%,#ffe066 70%,transparent 100%);border-radius:50%/60% 60% 40% 40%;filter:blur(2px);animation:coreFlicker .3s ease-in-out infinite alternate}.flame-shadow{position:absolute;bottom:-8%;left:50%;transform:translate(-50%);width:80%;height:15%;background:radial-gradient(ellipse at center,rgba(255,107,53,.6) 0%,rgba(255,140,66,.3) 40%,transparent 70%);border-radius:50%;filter:blur(4px);animation:shadowPulse 1s ease-in-out infinite}.flame-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(ellipse at center,rgba(255,140,66,.3) 0%,rgba(255,107,53,.1) 40%,transparent 70%);filter:blur(10px);animation:glowPulse 2s ease-in-out infinite;pointer-events:none}.flame-sparks{position:absolute;width:100%;height:100%;pointer-events:none}.spark{position:absolute;width:3px;height:3px;background:#ffe066;border-radius:50%;filter:blur(.5px);box-shadow:0 0 4px #ffa94d}.spark-1{left:30%;animation:sparkFloat1 1.5s ease-out infinite}.spark-2{left:50%;animation:sparkFloat2 1.8s ease-out infinite .3s}.spark-3{left:70%;animation:sparkFloat3 1.6s ease-out infinite .6s}.flame-inactive{width:60%;height:60%;display:flex;align-items:center;justify-content:center}.flame-core-inactive{width:100%;height:100%;background:linear-gradient(to top,#4a5568 0%,#718096 50%,#a0aec0 80%,transparent 100%);border-radius:50%/60% 60% 40% 40%;opacity:.5}@keyframes flameDance{0%{transform:translate(-50%) scaleX(1) scaleY(1) skew(-2deg)}25%{transform:translate(-50%) scaleX(.95) scaleY(1.02) skew(1deg)}50%{transform:translate(-50%) scaleX(1.02) scaleY(.98) skew(-1deg)}75%{transform:translate(-50%) scaleX(.98) scaleY(1.01) skew(2deg)}to{transform:translate(-50%) scaleX(1) scaleY(1) skew(-2deg)}}@keyframes coreFlicker{0%{opacity:.9;transform:translate(-50%) scaleY(1)}50%{opacity:1;transform:translate(-50%) scaleY(1.05)}to{opacity:.85;transform:translate(-50%) scaleY(.95)}}@keyframes shadowPulse{0%,to{opacity:.6;transform:translate(-50%) scaleX(1)}50%{opacity:.8;transform:translate(-50%) scaleX(1.1)}}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}@keyframes sparkFloat1{0%{bottom:30%;opacity:1;transform:translate(0) scale(1)}to{bottom:100%;opacity:0;transform:translate(-10px) scale(.3)}}@keyframes sparkFloat2{0%{bottom:35%;opacity:1;transform:translate(0) scale(1)}to{bottom:110%;opacity:0;transform:translate(5px) scale(.2)}}@keyframes sparkFloat3{0%{bottom:25%;opacity:1;transform:translate(0) scale(1)}to{bottom:95%;opacity:0;transform:translate(8px) scale(.4)}}