@keyframes rotate3D{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:0}}@keyframes ringExpand{0%{transform:scale(.5) rotate(0);opacity:0}50%{opacity:.6}to{transform:scale(2) rotate(360deg);opacity:0}}@keyframes particleOrbit{0%{transform:rotate(var(--angle)) translate(0) scale(0);opacity:0}50%{opacity:1}to{transform:rotate(calc(var(--angle) + 360deg)) translate(40px) scale(1);opacity:0}}@keyframes holographicShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes energyPulse{0%,to{box-shadow:0 0 20px #3b82f680,0 0 40px #8b5cf64d,inset 0 0 20px #3b82f633}50%{box-shadow:0 0 40px #8b5cf6cc,0 0 80px #3b82f680,inset 0 0 40px #8b5cf666}}.four-d-toggle{position:fixed;bottom:30px;left:30px;width:100px;height:100px;border:none;background:transparent;cursor:pointer;z-index:9999;padding:0;outline:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.four-d-toggle:hover{transform:scale(1.1)}.four-d-toggle:active{transform:scale(.95)}.button-background{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#1e3a8ae6,#4c1d95e6,#1e3a8ae6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(59,130,246,.5);overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a inset}.four-d-toggle.active .button-background{background:linear-gradient(135deg,#8b5cf6f2,#ec4899f2,#3b82f6f2);border-color:#ec4899cc;animation:energyPulse 2s ease-in-out infinite}.dimension-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ring{position:absolute;width:100%;height:100%;border:2px solid rgba(59,130,246,.4);border-radius:50%;animation:ringExpand 3s ease-out infinite}.ring-1{animation-delay:0s}.ring-2{animation-delay:.75s}.ring-3{animation-delay:1.5s}.ring-4{animation-delay:2.25s}.four-d-toggle.active .ring{border-color:#ec489999}.particle-field{position:absolute;top:0;right:0;bottom:0;left:0}.particle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:radial-gradient(circle,rgba(59,130,246,1) 0%,transparent 70%);border-radius:50%;animation:particleOrbit 4s linear infinite;animation-delay:var(--delay)}.four-d-toggle.active .particle{background:radial-gradient(circle,rgba(236,72,153,1) 0%,transparent 70%)}.button-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:2}.dimension-icon{position:relative;width:35px;height:35px;perspective:1000px}.cube-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotate3D 10s linear infinite}.four-d-toggle.active .cube-3d{animation-duration:5s}.cube-face{position:absolute;width:35px;height:35px;background:#3b82f64d;border:1px solid rgba(59,130,246,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.four-d-toggle.active .cube-face{background:#ec489966;border-color:#ec4899}.cube-face.front{transform:translateZ(17.5px)}.cube-face.back{transform:translateZ(-17.5px) rotateY(180deg)}.cube-face.left{transform:rotateY(-90deg) translateZ(17.5px)}.cube-face.right{transform:rotateY(90deg) translateZ(17.5px)}.cube-face.top{transform:rotateX(90deg) translateZ(17.5px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(17.5px)}.hypercube-overlay{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px solid transparent;opacity:0;transition:opacity .3s ease}.four-d-toggle.active .hypercube-overlay{opacity:1;border-color:#ec489999;animation:rotate3D 3s linear infinite reverse}.button-text{display:flex;flex-direction:column;align-items:center;gap:1px}.dimension-label{font-size:16px;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(59,130,246,.8),0 0 20px rgba(59,130,246,.5);letter-spacing:2px;font-family:Courier New,monospace}.four-d-toggle.active .dimension-label{color:#f0f;text-shadow:0 0 10px rgba(236,72,153,1),0 0 20px rgba(236,72,153,.8),0 0 30px rgba(139,92,246,.6)}.mode-text{font-size:8px;font-weight:700;color:#fffc;letter-spacing:1px;text-transform:uppercase;font-family:Arial,sans-serif}.energy-pulse{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:transparent;opacity:0;transition:opacity .3s ease}.four-d-toggle.active .energy-pulse{opacity:1;animation:pulse 2s ease-out infinite;background:radial-gradient(circle,rgba(236,72,153,.4) 0%,transparent 70%)}.holographic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);background-size:200% 200%;animation:holographicShift 3s ease infinite;pointer-events:none}.four-d-toggle.hovered .holographic-overlay{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);background-size:200% 200%}@media(max-width:768px){.four-d-toggle{width:70px;height:70px;bottom:20px;left:20px}.dimension-icon,.cube-face{width:24px;height:24px}.cube-face.front{transform:translateZ(12px)}.cube-face.back{transform:translateZ(-12px) rotateY(180deg)}.cube-face.left{transform:rotateY(-90deg) translateZ(12px)}.cube-face.right{transform:rotateY(90deg) translateZ(12px)}.cube-face.top{transform:rotateX(90deg) translateZ(12px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(12px)}.dimension-label{font-size:10px}.mode-text{font-size:5px;letter-spacing:.5px}}.four-d-toggle:focus-visible{outline:3px solid rgba(59,130,246,.8);outline-offset:5px}.four-d-toggle.active:focus-visible{outline-color:#ec4899cc}