@keyframes holo-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes chromatic-wave{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes liquid-flow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes pulse-glow{0%,to{opacity:.8;filter:blur(20px)}50%{opacity:1;filter:blur(30px)}}@keyframes shimmer{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}.bg-holo-iridescent{background:linear-gradient(135deg,#ff0080 0%,#ff8c00 14%,#40e0d0 28%,#00bfff 42%,#8a2be2 57%,#ff1493 71%,#00ff7f 85%,#ff0080 100%) 0 0/400% 400%;animation:8s infinite holo-shift}.bg-holo-iridescent-dark{background:linear-gradient(135deg,#000 0%,#1a0a2e 15%,#16213e 30%,#0f3460 45%,#533483 60%,#e94560 75%,#1a0a2e 90%,#000 100%) 0 0/400% 400%;animation:10s infinite holo-shift}.bg-chromatic-wave{background-color:#0000;background-image:radial-gradient(at 20%,#0096ffcc 0%,#0000 50%),radial-gradient(at 80%,#00c8ff99 0%,#0000 50%),radial-gradient(at 50% 80%,#6400ff80 0%,#0000 50%),linear-gradient(#001 0%,#002 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:12s ease-in-out infinite liquid-flow}.bg-chromatic-neon{background:radial-gradient(circle at 30% 30%,#0ff6 0%,#0000 40%),radial-gradient(circle at 70% 70%,#ff008066 0%,#0000 40%),radial-gradient(circle,#8000ff4d 0%,#0000 60%),#0a0a0a;animation:15s linear infinite chromatic-wave}.bg-liquid-sunset{background:linear-gradient(45deg,#ff006e 0%,#fb5607 20%,#ffbe0b 40%,#00f5d4 60%,#8338ec 80%,#ff006e 100%) 0 0/300% 300%;animation:8s infinite liquid-flow}.bg-liquid-ocean{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#6b8dd6 50%,#8e37d7 75%,#667eea 100%) 0 0/400% 400%;animation:6s infinite holo-shift}.bg-liquid-toxic{background:linear-gradient(60deg,#00ff87 0%,#60efff 25%,#ff00ea 50%,#ff7b00 75%,#00ff87 100%) 0 0/300% 300%;animation:10s infinite liquid-flow}.bg-y2k-silver{background:linear-gradient(135deg,silver 0%,#fff 10%,#a8a8a8 20%,#e8e8e8 30%,#b0b0b0 40%,#f5f5f5 50%,#9a9a9a 60%,#d0d0d0 70%,#b8b8b8 80%,#fff 90%,silver 100%) 0 0/200% 200%;animation:4s infinite holo-shift}.bg-y2k-chrome{background:linear-gradient(135deg,#0000 40%,#fffc 50%,#0000 60%) 0 0/200% 100%,linear-gradient(90deg,#1a1a2e 0%,#16213e 20%,#0f3460 40%,#1a1a2e 60%,#16213e 80%,#0f3460 100%) 0 0/100% 100%;animation:3s linear infinite shimmer}.bg-y2k-bubble{background-color:#0000;background-image:radial-gradient(circle at 25% 25%,#ff69b499 0%,#0000 30%),radial-gradient(circle at 75% 75%,#0ff9 0%,#0000 30%),radial-gradient(circle,#9370db66 0%,#0000 50%),linear-gradient(135deg,#ff69b4 0%,#0ff 50%,#9370db 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:15s infinite liquid-flow}.bg-holo-foil{background:linear-gradient(105deg,red 0%,#f80 10%,#ff0 20%,#8f0 30%,#0f0 40%,#0f8 50%,#0ff 60%,#08f 70%,#00f 80%,#80f 90%,#f0f 100%) 0 0/200% 100%;animation:3s linear infinite holo-shift}.bg-holo-foil-subtle{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#ff00804d 0%,#00ffff4d 25%,#ffff004d 50%,#0080ff4d 75%,#ff00804d 100%) 0 0/400% 400%;animation:8s infinite holo-shift}.bg-holo-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #fff3;box-shadow:0 8px 32px #0000004d,inset 0 0 80px #ffffff0d}.bg-holo-glass:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ff00801a 0%,#00ffff1a 50%,#8000ff1a 100%) 0 0/400% 400%;animation:6s infinite holo-shift;position:absolute;inset:0}.bg-glow-pink{background:radial-gradient(#ff008066 0%,#ff00801a 40%,#0000 70%);animation:4s infinite pulse-glow}.bg-glow-cyan{background:radial-gradient(#0ff6 0%,#00ffff1a 40%,#0000 70%);animation:4s infinite pulse-glow}.bg-glow-multi{background:radial-gradient(at 30% 30%,#ff00804d 0%,#0000 50%),radial-gradient(at 70% 30%,#00ffff4d 0%,#0000 50%),radial-gradient(at 50% 70%,#8000ff4d 0%,#0000 50%);animation:5s infinite pulse-glow}.bg-noise:after{content:"";opacity:.05;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.bg-mesh-aurora{background-color:#0a0a0a;background-image:radial-gradient(at 40% 20%,#1a4a6e 0,#0000 50%),radial-gradient(at 80% 0,#9b3d94 0,#0000 50%),radial-gradient(at 0%,#1e6e50 0,#0000 50%),radial-gradient(at 80%,#6e1e50 0,#0000 50%),radial-gradient(at 0 100%,#1a4a6e 0,#0000 50%),radial-gradient(at 80% 100%,#9b593d 0,#0000 50%),radial-gradient(at 0 0,#3d9b94 0,#0000 50%)}.bg-mesh-candy{background-color:#ffecd2;background-image:radial-gradient(at 0 0,#fcb69f 0,#0000 50%),radial-gradient(at 100% 0,#ff9a9e 0,#0000 50%),radial-gradient(at 100% 100%,#a18cd1 0,#0000 50%),radial-gradient(at 0 100%,#fbc2eb 0,#0000 50%)}.holo-container{position:relative;overflow:hidden}.border-holo{background:linear-gradient(#000,#000) 0 0/100% 100% padding-box padding-box,linear-gradient(135deg,#ff0080,#ff8c00,#40e0d0,#00bfff,#8a2be2,#ff1493,#00ff7f,#ff0080) 0 0/400% 400% border-box;border:2px solid #0000;animation:4s infinite holo-shift}.border-holo-glow{background:linear-gradient(#0a0a0a,#0a0a0a) 0 0/100% 100% padding-box padding-box,linear-gradient(135deg,#ff0080,#0ff,#ff0080) 0 0/200% 200% border-box;border:2px solid #0000;animation:3s infinite holo-shift;box-shadow:0 0 20px #ff00804d,0 0 40px #0ff3}.bg-holo-static{background:linear-gradient(135deg,#ff0080 0%,#ff8c00 14%,#40e0d0 28%,#00bfff 42%,#8a2be2 57%,#ff1493 71%,#00ff7f 85%,#ff0080 100%)}.bg-holo-subtle-static{background:linear-gradient(135deg,#ff008026 0%,#00ffff26 25%,#ffff0026 50%,#0080ff26 75%,#ff008026 100%)}.bg-gradient-subtle-dark{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 25%,#16213e 50%,#1a1a2e 75%,#0a0a0a 100%)}.bg-gradient-subtle-light{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 25%,#dee2e6 50%,#e9ecef 75%,#f8f9fa 100%)}.bg-minimal-aurora{background:radial-gradient(at 40% 20%,#1a4a6e4d 0,#0000 50%),radial-gradient(at 80% 0,#9b3d9433 0,#0000 50%),radial-gradient(at 0%,#1e6e5033 0,#0000 50%),#0a0a0a}
.flash-button{z-index:1;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 -1px #ffffff4d,0 1px 2px #003264cc,0 2px 4px #001e3c80;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#7ed0f8 0%,#5dc0f0 15%,#3aa8e0 35%,#2890d0 50%,#2080c0 65%,#1870b0 85%,#1060a0 100%);border:none;border-radius:8px;padding:14px 44px;font-size:26px;font-weight:700;transition:all 80ms ease-out;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff80,inset 0 4px 8px #ffffff40,inset 0 -2px 4px #00285066,0 1px #00285080,0 2px #001e3c4d}.flash-button:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c 0%,#ffffff59 40%,#ffffff1a 80%,#0000 100%);border-radius:7px 7px 50% 50%;height:45%;position:absolute;top:0;left:0;right:0}.flash-button:after{content:"";filter:blur(1px);pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff9 20%,#fffc 50%,#fff9 80%,#0000 100%);border-radius:50%;width:70%;height:8px;position:absolute;top:3px;left:15%}.flash-button:hover{background:linear-gradient(#90daf8 0%,#70ccf4 15%,#50b8ec 35%,#38a0dc 50%,#2890cc 65%,#2080bc 85%,#1870ac 100%);box-shadow:inset 0 2px #fff9,inset 0 4px 10px #ffffff4d,inset 0 -2px 4px #00285066,0 1px #00285080,0 2px #001e3c4d,0 0 20px #64b4f066}.metallic-border-wrapper:hover{box-shadow:2px 2px #5a6a7a,3px 3px #4a5a6a,-1px -1px #fff,-2px -2px #e8f0f8,4px 6px 16px #00000080,0 0 25px #64b4f04d,inset 0 1px #ffffffe6,inset 0 -1px #0003}.flash-button:active{background:linear-gradient(#4ab0e0 0%,#38a0d4 15%,#2890c8 35%,#2080b8 50%,#1870a8 65%,#106098 85%,#085088 100%);transform:translateY(1px);box-shadow:inset 0 2px 4px #00285080,inset 0 4px 8px #001e3c4d,inset 0 -1px #fff3,0 1px #0028504d}.flash-button:active:before{opacity:.7}.flash-button:disabled{color:#d8d8d8;cursor:not-allowed;text-shadow:0 1px 2px #0000004d;background:linear-gradient(#b8c0c8 0%,#a0a8b0 15%,#889098 35%,#788088 50%,#687078 65%,#586068 85%,#485058 100%);box-shadow:inset 0 2px #ffffff4d,inset 0 -2px 4px #0003,0 1px #0003}.metallic-border-wrapper:has(.flash-button:disabled){opacity:.7;box-shadow:1px 1px #6a7a8a,2px 2px #5a6a7a,-1px -1px #e8f0f8,2px 4px 8px #00000040,inset 0 1px #ffffffb3,inset 0 -1px #00000026}.metallic-button-base{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;transition:box-shadow 80ms ease-out;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,inset 0 2px 4px #ffffff26,inset 0 -1px 2px #0003,2px 3px 6px #00000040}.metallic-button-base:before{content:"";pointer-events:none;background:linear-gradient(#ffffff40 0%,#ffffff26 40%,#ffffff0d 80%,#0000 100%);border-radius:4px 4px 50% 50%;height:40%;position:absolute;top:0;left:0;right:0}.metallic-button-base:hover{box-shadow:inset 0 1px #fff6,inset 0 2px 6px #fff3,inset 0 -1px 2px #0003,2px 3px 8px #0000004d}.metallic-button-base:active{box-shadow:inset 0 1px 2px #0000004d,inset 0 2px 4px #0003,1px 2px 4px #0003}.metallic-button-base:active:before{opacity:.6}.flash-button-standalone{color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 -1px #ffffff4d,0 1px 2px #003264cc,0 2px 4px #001e3c80;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#7ed0f8 0%,#5dc0f0 15%,#3aa8e0 35%,#2890d0 50%,#2080c0 65%,#1870b0 85%,#1060a0 100%);border:4px solid #e8f0f8;border-color:#e8f0f8 #8898a8 #6a7a8a #d0dce8;border-radius:12px;font-weight:700;transition:all 80ms ease-out;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff80,inset 0 4px 8px #ffffff40,inset 0 -2px 4px #00285066,0 0 0 2px #b8c8d8,0 0 0 4px #7888a0,0 0 0 5px #c8d4e0,3px 5px 10px #0006}.flash-button-standalone:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c 0%,#ffffff59 40%,#ffffff1a 80%,#0000 100%);border-radius:6px 6px 50% 50%;height:45%;position:absolute;top:0;left:0;right:0}.flash-button-standalone:hover{background:linear-gradient(#90daf8 0%,#70ccf4 15%,#50b8ec 35%,#38a0dc 50%,#2890cc 65%,#2080bc 85%,#1870ac 100%);box-shadow:inset 0 2px #fff9,inset 0 4px 10px #ffffff4d,inset 0 -2px 4px #00285066,0 0 0 2px #c0d0e0,0 0 0 4px #8898a8,0 0 0 5px #d0dce8,3px 5px 14px #00000073,0 0 25px #64b4f059}.flash-button-standalone:active{background:linear-gradient(#4ab0e0 0%,#38a0d4 15%,#2890c8 35%,#2080b8 50%,#1870a8 65%,#106098 85%,#085088 100%);border-color:#8898a8 #c8d4e0 #d8e2ec #7888a0;transform:translateY(2px);box-shadow:inset 0 2px 4px #00285080,inset 0 4px 8px #001e3c4d,0 0 0 2px #a8b8c8,0 0 0 4px #6878a0,0 0 0 5px #b8c4d0,2px 3px 6px #00000059}.flash-button-standalone:disabled{color:#d8d8d8;cursor:not-allowed;background:linear-gradient(#b8c0c8 0%,#a0a8b0 35%,#889098 50%,#788088 65%,#586068 100%);border-color:#c8d0d8 #888890 #707078 #b8c0c8;box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 0 0 2px #a0a8b0,0 0 0 4px #686870,0 0 0 5px #b0b8c0,2px 3px 6px #0003}.flash-button-purple{background:linear-gradient(#d8a8f8 0%,#c090f0 15%,#a878e0 35%,#9060d0 50%,#8050c0 65%,#7040b0 85%,#6030a0 100%)}.flash-button-purple:hover{background:linear-gradient(#e0b8f8 0%,#d0a0f4 15%,#b888ec 35%,#a070dc 50%,#9060cc 65%,#8050bc 85%,#7040ac 100%);box-shadow:inset 0 2px #fff9,inset 0 4px 10px #ffffff4d,inset 0 -2px 4px #50005066,0 0 0 2px #c0d0e0,0 0 0 4px #8898a8,0 0 0 5px #d0dce8,3px 5px 14px #00000073,0 0 25px #a064f059}.flash-button-purple:active{background:linear-gradient(#a870e0 0%,#9060d4 15%,#8050c8 35%,#7040b8 50%,#6030a8 65%,#502098 85%,#401088 100%)}.flash-button-amber{background:linear-gradient(#ffd870 0%,#ffc850 15%,#ffb030 35%,#ff9820 50%,#f88810 65%,#e87800 85%,#d86800 100%)}.flash-button-amber:hover{background:linear-gradient(#ffe090 0%,#ffd070 15%,#ffc050 35%,#ffa838 50%,#ff9828 65%,#f88818 85%,#e87808 100%);box-shadow:inset 0 2px #fff9,inset 0 4px 10px #ffffff4d,inset 0 -2px 4px #50280066,0 0 0 2px #c0d0e0,0 0 0 4px #8898a8,0 0 0 5px #d0dce8,3px 5px 14px #00000073,0 0 25px #ffb43259}.flash-button-amber:active{background:linear-gradient(#ffb040 0%,#ffa030 15%,#ff9020 35%,#f88010 50%,#e87000 65%,#d06000 85%,#b85000 100%)}.flash-button-green{background:linear-gradient(#90f8b0 0%,#70f098 15%,#50e080 35%,#38d070 50%,#28c060 65%,#20b050 85%,#18a040 100%)}.flash-button-green:hover{background:linear-gradient(#a0f8c0 0%,#80f4a8 15%,#60ec90 35%,#48dc78 50%,#38cc68 65%,#28bc58 85%,#20ac48 100%);box-shadow:inset 0 2px #fff9,inset 0 4px 10px #ffffff4d,inset 0 -2px 4px #00502866,0 0 0 2px #c0d0e0,0 0 0 4px #8898a8,0 0 0 5px #d0dce8,3px 5px 14px #00000073,0 0 25px #64f08c59}.flash-button-green:active{background:linear-gradient(#50e080 0%,#40d470 15%,#30c860 35%,#28b850 50%,#20a840 65%,#189030 85%,#108028 100%)}.metallic-border{background:linear-gradient(90deg,#0000 0%,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%,#0000 100%),linear-gradient(#ffffff0d 0%,#0000 100%);border:4px solid #f0f4f8;border-color:#f0f4f8 #98a8b8 #7888a0 #d8e0e8;border-radius:8px;transition:box-shadow .15s ease-out;position:relative;box-shadow:inset 0 1px #fffc,inset 0 2px 3px #fff6,inset 1px 0 #fff9,inset 0 -1px #00000040,inset -1px 0 #00000026,inset 0 -2px 3px #0000001a,0 0 0 1px #c8d4e0,0 0 0 2px #b0bcc8,0 0 0 3px #e0e8f0,2px 2px #6a7a8a,3px 3px #5a6a7a,-1px -1px #fff,-2px -2px #f0f4f8,4px 6px 12px #00000059}.metallic-border:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#fff6 0%,#fff3 15%,#0000 30% 70%,#0000001a 85%,#00000026 100%);border-radius:8px;position:absolute;inset:-4px}.metallic-border:hover{box-shadow:inset 0 1px #ffffffe6,inset 0 2px 4px #ffffff80,inset 1px 0 #ffffffb3,inset 0 -1px #00000040,inset -1px 0 #00000026,inset 0 -2px 3px #0000001a,0 0 0 1px #d0dce8,0 0 0 2px #b8c4d0,0 0 0 3px #e8f0f8,2px 2px #6a7a8a,3px 3px #5a6a7a,-1px -1px #fff,-2px -2px #f8fcff,4px 6px 16px #0006,0 0 20px #fff3}