@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--bg-gradient-1),var(--bg-gradient-2));font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--button-text-color:#09f984;--button-border-color:#09f984;--button-glow-color:#09f984;--header-border:#ffffff1a;--bg-gradient-1:#0f172a;--bg-gradient-2:#1e293b;--background-gradient-1:var(--bg-gradient-1);--background-gradient-2:var(--bg-gradient-2);--header-bg:#1e293bb3;--header-border-color:#ffffff1a;--header-icon-color:#09f984;--header-text-color:#fff;--header-button-hover-bg:#0f172acc;--button-gradient-1:#1a2234;--button-gradient-2:#2e4057;--button-text-color:#fff;--button-border-color:#3b82f6;--button-glow-color:#3b82f6;--button-text-glow:#09f984;--button-disabled-1:#2a4a4d;--button-disabled-2:#1f3c3f;--button-disabled-border:#ffffff1a;--button-disabled-text:#4a6a6d;--header-button-bg:#1e293bb3;--header-item-bg:#0f172a99;--header-item-text:#fff;--header-item-border:#ffffff1a;--header-item-hover-bg:#0f172acc;--header-item-hover-border:#09f9844d}.App{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--bg-gradient-1) 0,var(--bg-gradient-2) 100%);display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;overflow:hidden;padding:15px 30px 10px;position:relative;text-align:center}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border:1px solid var(--header-border-color);border-radius:24px;box-shadow:0 4px 24px -1px #0003,0 2px 8px -1px #0000001a,inset 0 2px 6px -1px #ffffff0d;justify-content:space-between;margin-bottom:20px;max-width:1200px;padding:20px;width:100%;z-index:2}.header,.history,.spin-count,.welcome{align-items:center;display:flex;position:relative}.history,.spin-count,.welcome{background:#0f172a99;background:var(--header-item-bg);border:1px solid #ffffff1a;border:1px solid var(--header-item-border);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 0 #ffffff0d;color:#fff;color:var(--header-text-color);cursor:pointer;font-size:15px;font-weight:500;gap:12px;overflow:hidden;padding:16px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.history:before,.spin-count:before,.welcome:before{background:linear-gradient(90deg,#0000,#09f9841a,#0000);content:"";inset:-1px;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.history:hover:before,.spin-count:hover:before,.welcome:hover:before{transform:translateX(100%)}.history:hover,.spin-count:hover,.welcome:hover{background:#0f172acc;background:var(--header-item-hover-bg);border:1px solid #09f9844d;border:1px solid var(--header-item-hover-border);box-shadow:0 8px 12px -1px #0003,0 4px 6px -1px #0000001a,inset 0 1px 0 0 #ffffff1a;transform:translateY(-2px)}.history span,.spin-count span,.welcome span{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#09f984,#09f984);background:linear-gradient(45deg,var(--header-icon-color),var(--header-icon-color));-webkit-background-clip:text;color:#09f984;color:var(--header-icon-color);filter:drop-shadow(0 2px 4px rgba(#09f984,.2));filter:drop-shadow(0 2px 4px rgba(var(--header-icon-color),.2));font-size:18px}.wheel-container{align-items:center;display:flex;height:500px;justify-content:center;margin:0;position:relative;width:500px;z-index:1}.wheel-container.is-idle{animation:idleSpin 45s linear infinite}.wheel-container.is-spinning{animation:none!important;transform:rotate(0deg)}@keyframes idleSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wheel-container>div{position:relative;transform:scale(1.15) rotate(-45deg)}.wheel-pointer{display:none}.wheel-container:before{animation:glowPulse 3s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#09f98433 0,#0000 70%);border-radius:50%;content:"";inset:-10px;position:absolute;z-index:-1}.spin-button{align-items:center;background:linear-gradient(145deg,#1a2234,#2e4057);background:linear-gradient(145deg,var(--button-gradient-1),var(--button-gradient-2));border:2px solid #3b82f6;border:2px solid var(--button-border-color);border-radius:50%;box-shadow:0 0 30px #3b82f6,inset 0 0 20px #3b82f6;box-shadow:0 0 30px var(--button-glow-color),inset 0 0 20px var(--button-glow-color);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:24px;font-weight:800;height:105px;justify-content:center;left:50%;letter-spacing:2px;overflow:hidden;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:105px;z-index:10}.spin-button:before{background:linear-gradient(145deg,rgba(var(--button-border-color-rgb),.3),rgba(var(--button-gradient-2-rgb),.4));filter:blur(10px);inset:8px;opacity:.8}.spin-button:after,.spin-button:before{border-radius:50%;content:"";position:absolute}.spin-button:after{animation:rotate 4s linear infinite;background:linear-gradient(45deg,#0000,rgba(var(--button-border-color-rgb),.4),#0000);inset:-2px}.spin-button span{color:#fff;color:var(--button-text-color);font-size:22px;font-weight:900;letter-spacing:2px;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:1}.spin-button:hover:not(:disabled){border-color:#3b82f6;border-color:var(--button-border-color);box-shadow:0 0 40px #3b82f6,inset 0 0 30px #3b82f6;box-shadow:0 0 40px var(--button-glow-color),inset 0 0 30px var(--button-glow-color);transform:translate(-50%,-50%) scale(1.05)}.spin-button:disabled{background:linear-gradient(145deg,#2a4a4d,#1f3c3f);background:linear-gradient(145deg,var(--button-disabled-1),var(--button-disabled-2));border-color:#ffffff1a;border-color:var(--button-disabled-border);box-shadow:none;cursor:not-allowed;opacity:.7}.spin-button:disabled span{color:#4a6a6d;color:var(--button-disabled-text)}.spin-button.is-spinning:disabled{background:linear-gradient(145deg,#1a2234,#2e4057);background:linear-gradient(145deg,var(--button-gradient-1),var(--button-gradient-2));border-color:#3b82f6;border-color:var(--button-border-color);box-shadow:0 0 30px #3b82f6,inset 0 0 20px #3b82f6;box-shadow:0 0 30px var(--button-glow-color),inset 0 0 20px var(--button-glow-color);cursor:default;opacity:1}.spin-button.is-spinning:disabled span{color:#fff;color:var(--button-text-color);font-size:14px;line-height:1.2;text-align:center;text-shadow:2px 2px 4px #00000080;white-space:pre-wrap}.powered-by{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;display:flex;justify-content:center;margin-top:20px}.hook-logo{opacity:1;transition:all .3s ease}.hook-logo:hover{filter:drop-shadow(0 6px 16px rgba(255,193,7,.4));transform:scale(1.05)}.wheel-container canvas{border-radius:50%}:root{--casino-ring-radius:-263px;--ring-hue:0deg;--ambient-glow-rgb:255,215,0;--stand-accent-rgb:200,150,10;--clover-hue:4deg}.casino-scene{align-items:center;display:flex;flex-direction:column;margin:30px 0 10px;position:relative}.casino-scene:after,.casino-scene:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:-1}.casino-scene:before{animation:scenePulse 5s ease-in-out infinite;background:radial-gradient(circle,#ffd7000f 0,rgba(255,215,0,.025) 40%,#0000 68%);background:radial-gradient(circle,rgba(var(--ambient-glow-rgb),.06) 0,rgba(var(--ambient-glow-rgb),.025) 40%,#0000 68%);height:650px;left:50%;margin-left:-325px;margin-top:-345px;top:50%;width:650px}.casino-scene:after{animation:scenePulse 5s ease-in-out infinite reverse;animation-delay:2.5s;background:radial-gradient(circle,#ffd7000a 0,#0000 60%);background:radial-gradient(circle,rgba(var(--ambient-glow-rgb),.04) 0,#0000 60%);height:460px;left:50%;margin-left:-230px;margin-top:-255px;top:50%;width:460px}@keyframes scenePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.casino-wheel-wrap{align-items:center;display:flex;height:565px;justify-content:center;position:relative;width:565px}.casino-ambient-glow{animation:ambientBreath 4s ease-in-out infinite;background:radial-gradient(circle,#ffd70017 0,#ffd7000a 38%,rgba(255,215,0,.015) 62%,#0000 78%);background:radial-gradient(circle,rgba(var(--ambient-glow-rgb),.09) 0,rgba(var(--ambient-glow-rgb),.04) 38%,rgba(var(--ambient-glow-rgb),.015) 62%,#0000 78%);border-radius:50%;inset:-6%;pointer-events:none;position:absolute;z-index:-1}@keyframes ambientBreath{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.casino-outer-ring{background:radial-gradient(circle,#0000 0,#0000 90.6%,#ffdc1e2e 91%,#daa208 91.4%,#eeb612 91.8%,#050300 92.3%,#0e0b02fc 94%,#161104fa 96%,#1c1605f7 97.5%,#0c0902fc 98.2%,#cd9606 98.7%,#eeb20e 99.2%,#c38c08e6 100%);box-shadow:0 0 0 2px #000000fa,0 0 40px #ffd700bf,0 0 80px #ffd7004d,0 0 140px #ffc8001a,inset 0 0 50px #000000e6,inset 0 0 12px #ffd7000f;height:548px;pointer-events:none;position:absolute;width:548px;z-index:0}.casino-outer-ring,.ring-bulb{border-radius:50%;filter:hue-rotate(0deg);filter:hue-rotate(var(--ring-hue))}.ring-bulb{animation:bulbChase 2.88s ease-in-out infinite;background:radial-gradient(circle at 32% 27%,#fffffff5 0,#ffffe6d1 16%,#0000 44%),radial-gradient(circle at 62% 68%,#78410061 0,#0000 52%),radial-gradient(circle,#fffdf0 0,#ffe040 28%,gold 50%,#c88a0a 75%,#7a4800 100%);box-shadow:0 0 0 2.5px #000000eb,0 0 0 4.5px #2d1c00d1,0 0 10px #ffd700f2,0 0 22px #ffcd00c7,0 0 42px #ffbe006b,0 0 75px #ffaa0024,inset 0 -4px 8px #4b280099;height:15px;width:15px}.ring-spade{animation:spadePulse 5.76s ease-in-out infinite;color:#d4a010;font-size:17px;line-height:1;text-shadow:0 0 7px #ffda0af2,0 0 16px #d2a008b8,0 0 30px #b4820661,0 0 50px #96640424,0 1px 4px #000000d9;-webkit-user-select:none;user-select:none}@keyframes bulbChase{0%,to{box-shadow:0 0 0 2.5px #000000eb,0 0 0 4.5px #2d1c00d1,0 0 5px #ffd70073,0 0 12px #ffcd0040,0 0 24px #ffbe001a,inset 0 -4px 8px #4b280099;opacity:.55}45%,55%{box-shadow:0 0 0 2.5px #000000eb,0 0 0 4.5px #2d1c00d1,0 0 16px gold,0 0 34px #ffda00,0 0 60px #ffc80099,0 0 100px #ffb40038,inset 0 -4px 8px #4b280099;opacity:1}}@keyframes spadePulse{0%,to{filter:brightness(.75) saturate(.9) hue-rotate(0deg);filter:brightness(.75) saturate(.9) hue-rotate(var(--ring-hue))}50%{filter:brightness(1.25) saturate(1.1) drop-shadow(0 0 7px rgba(255,210,10,.7)) hue-rotate(0deg);filter:brightness(1.25) saturate(1.1) drop-shadow(0 0 7px rgba(255,210,10,.7)) hue-rotate(var(--ring-hue))}}.casino-pointer{align-items:center;display:flex;flex-direction:column;left:50%;pointer-events:none;position:absolute;top:-8px;transform:translateX(-50%);z-index:20}.casino-pointer-clover{animation:cloverFloat 3.2s ease-in-out infinite;display:block;filter:sepia(1) saturate(8) hue-rotate(4deg) brightness(1.15) drop-shadow(0 0 14px rgba(255,218,0,1)) drop-shadow(0 0 32px rgba(255,215,0,.72)) drop-shadow(0 0 60px rgba(255,200,0,.3)) drop-shadow(0 5px 14px rgba(0,0,0,.82));filter:sepia(1) saturate(8) hue-rotate(var(--clover-hue)) brightness(1.15) drop-shadow(0 0 14px rgba(255,218,0,1)) drop-shadow(0 0 32px rgba(255,215,0,.72)) drop-shadow(0 0 60px rgba(255,200,0,.3)) drop-shadow(0 5px 14px rgba(0,0,0,.82));font-size:58px;line-height:1}.casino-pointer-stem{background:linear-gradient(180deg,#ffd700f2,#c89b088c 60%,#0000);border-radius:2px;filter:drop-shadow(0 0 5px rgba(255,215,0,.8));height:18px;margin-top:-3px;width:3px}@keyframes cloverFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.05)}}.casino-stand{align-items:center;display:flex;filter:drop-shadow(0 8px 20px rgba(0,0,0,.95)) drop-shadow(0 2px 8px rgba(255,200,0,.1));flex-direction:column;margin-top:-10px;position:relative;z-index:1}.stand-neck{background:linear-gradient(90deg,#0c0c14,#2a2a3c 12%,#3e3e52 24%,#50506a 36%,#3a3a50 50%,#28283a 64%,#1a1a28 80%,#0c0c14);-webkit-clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);height:52px;overflow:hidden;position:relative;width:130px}.stand-neck:before{background:linear-gradient(90deg,#0000,#c8960a8c 25%,#c8960ab3 50%,#c8960a8c 75%,#0000);background:linear-gradient(90deg,#0000 0,rgba(var(--stand-accent-rgb),.55) 25%,rgba(var(--stand-accent-rgb),.7) 50%,rgba(var(--stand-accent-rgb),.55) 75%,#0000 100%);content:"";height:2px;left:22%;position:absolute;top:0;width:56%}.stand-neck:after{background:#ffffff0a;border-radius:50%;content:"";filter:blur(4px);height:45%;left:30%;position:absolute;top:10%;width:40%}.stand-base{background:linear-gradient(180deg,#3c3c50,#26263a 35%,#14141e 70%,#0a0a12);border-radius:0 0 8px 8px;-webkit-clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);height:14px;overflow:hidden;position:relative;width:220px}.stand-base:before{background:linear-gradient(90deg,#0000,#c8960a66 15%,#c8960aa6 40%,#c8960ab3 50%,#c8960aa6 60%,#c8960a66 85%,#0000);background:linear-gradient(90deg,#0000 0,rgba(var(--stand-accent-rgb),.4) 15%,rgba(var(--stand-accent-rgb),.65) 40%,rgba(var(--stand-accent-rgb),.7) 50%,rgba(var(--stand-accent-rgb),.65) 60%,rgba(var(--stand-accent-rgb),.4) 85%,#0000 100%);content:"";height:2px;left:0;position:absolute;right:0;top:0}.stand-base:after{background:#000c;border-radius:0 0 8px 8px;bottom:0;content:"";height:3px;left:4%;position:absolute;right:4%}@media (max-width:800px){:root{--casino-ring-radius:-184px}.header{flex-direction:column;gap:15px;padding:20px}.wheel-container{height:350px;width:350px}.wheel-container>div{transform:scale(.81) rotate(-45deg)}.spin-button{height:88px;width:88px}.spin-button span{font-size:18px}.history,.spin-count,.welcome{font-size:14px;justify-content:center;padding:14px 0;width:100%}.casino-wheel-wrap{height:394px;width:394px}.casino-outer-ring{height:382px;width:382px}.casino-pointer-clover{font-size:32px}.casino-pointer-stem{height:12px}.ring-bulb{height:10px;width:10px}.ring-spade{font-size:12px}.stand-neck{height:32px;width:104px}.stand-base{height:16px;width:150px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d1;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{animation:modalPop .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#1a2234,#2e4057);background:var(--modal-bg,linear-gradient(145deg,#1a2234,#2e4057));border:2px solid #09f98459;border:2px solid var(--modal-border-color,#09f98459);border-radius:28px;box-shadow:0 0 60px #09f98440,0 0 120px #09f98414,0 24px 48px #0006,inset 0 1px 0 #ffffff14;box-shadow:0 0 60px rgba(var(--modal-glow-rgb,9,249,132),.25),0 0 120px rgba(var(--modal-glow-rgb,9,249,132),.08),0 24px 48px #0006,inset 0 1px 0 #ffffff14;max-width:440px;overflow:hidden;padding:48px 40px 40px;position:relative;text-align:center;width:92%}.modal-content:before{animation:shimmerSweep 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff0f 45%,#ffffff1f 50%,#ffffff0f 55%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmerSweep{0%{left:-100%}to{left:200%}}.modal-content:after{background:linear-gradient(90deg,#0000,#09f98499,#0000);background:linear-gradient(90deg,#0000,var(--modal-border-color,#09f98499),#0000);border-radius:2px;content:"";height:3px;left:10%;position:absolute;right:10%;top:0}.modal-header h2{color:#fff;color:var(--modal-header-color,#fff);font-size:38px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px;position:relative;text-shadow:0 0 20px #09f98480;text-shadow:0 0 20px rgba(var(--modal-glow-rgb,9,249,132),.5)}.modal-header p{color:#e0e6ed;color:var(--modal-text-color,#e0e6ed);font-size:16px;font-weight:500;margin-bottom:20px;opacity:.85}.prize-info{background:#09f98414;background:rgba(var(--modal-glow-rgb,9,249,132),.08);border:1px solid #09f9842e;border:1px solid rgba(var(--modal-glow-rgb,9,249,132),.18);border-radius:18px;margin:20px 0 28px;overflow:hidden;padding:32px;position:relative}.prize-info:before{animation:rotate 10s linear infinite;background:radial-gradient(circle at center,#09f98414 0,#0000 70%);background:radial-gradient(circle at center,rgba(var(--modal-glow-rgb,9,249,132),.08) 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.prize-line{color:#fff;color:var(--modal-text-color,#fff);font-size:30px;font-weight:800;letter-spacing:.5px;margin:8px 0;position:relative;text-shadow:0 2px 8px #00000059;z-index:1}.claim-prize{background:linear-gradient(165deg,#09f984,#06c668);background:linear-gradient(165deg,var(--modal-btn-gradient-1,#09f984),var(--modal-btn-gradient-2,#06c668));border:none;border-radius:50px;box-shadow:0 4px 16px #09f98459,0 0 0 1px #0000001a;box-shadow:0 4px 16px rgba(var(--modal-glow-rgb,9,249,132),.35),0 0 0 1px #0000001a;color:#1a2234;color:var(--modal-btn-text,#1a2234);cursor:pointer;font-size:17px;font-weight:700;letter-spacing:2.5px;overflow:hidden;padding:16px 52px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.claim-prize:hover{box-shadow:0 8px 28px #09f98473,0 0 0 1px #0000001a;box-shadow:0 8px 28px rgba(var(--modal-glow-rgb,9,249,132),.45),0 0 0 1px #0000001a;transform:translateY(-2px) scale(1.02)}.claim-prize:active{transform:translateY(1px) scale(.98)}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes modalPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.modal-content{padding:20px}.modal-header h2{font-size:24px}.prize-line{font-size:20px}}.editor-buttons{bottom:20px;display:flex;gap:10px;position:fixed;right:20px;z-index:999}.editor-toggle{align-items:center;background:linear-gradient(145deg,#1a2234,#2e4057);background:linear-gradient(145deg,var(--button-gradient-1),var(--button-gradient-2));border:1px solid #3b82f6;border:1px solid var(--button-border-color);border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;color:var(--button-text-color);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.editor-toggle:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.editor-icon{font-size:20px}.css-editor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2234f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-height:calc(100vh - 40px);right:20px;scrollbar-color:#09f98480 #1a223480;scrollbar-width:thin;top:20px;width:300px}.editor-header{margin-bottom:20px}.close-editor{background:none;font-size:24px;opacity:.7;padding:0;transition:opacity .3s ease}.close-editor:hover{opacity:1}.editor-section{margin-bottom:25px}.editor-section h4{color:#09f984;margin:0 0 15px}.color-input{gap:10px}.color-value{opacity:.7}.css-editor.wheel-editor-panel{right:20px}.css-editor.design-editor-panel{right:340px}@media (max-width:768px){.editor-buttons{align-items:center;bottom:20px;flex-direction:column;right:50%;transform:translateX(50%)}.css-editor{left:50%;max-height:80vh;max-width:320px;top:50%;transform:translate(-50%,-50%);width:90%}.css-editor.design-editor-panel,.css-editor.wheel-editor-panel{right:auto}}.history-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.history-modal{background:#1a2234;border-radius:16px;box-shadow:0 4px 24px #0003;max-height:85vh;max-width:800px;overflow:hidden;width:90%}.history-header{align-items:center;background:#1e293b;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 32px}.history-header h2{color:#fff;font-size:20px;font-weight:500;letter-spacing:.5px;margin:0}.close-history{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.close-history:hover{color:#fff}.history-content{max-height:calc(85vh - 85px);overflow-y:auto;padding:24px 32px}.history-item{background:#1e293b;border-radius:12px;margin-bottom:16px;padding:20px}.history-item-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.history-date{color:#94a3b8}.history-date,.status-badge{font-size:13px;font-weight:500}.status-badge{align-items:center;border-radius:6px;display:flex;gap:6px;padding:6px 12px}.status-badge.success{background:#064e3b;color:#34d399}.status-badge.pending{background:#3f2c0d;color:#fbbf24}.status-badge.failed{background:#4c0519;color:#fb7185}.history-item-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.history-info-group{display:flex;flex-direction:column;gap:8px}.info-label{color:#94a3b8;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#fff;font-size:15px;font-weight:500}.history-note{border-top:1px solid #ffffff1a;color:#94a3b8;font-size:14px;grid-column:1/-1;line-height:1.5;padding-top:16px}.history-content::-webkit-scrollbar{width:6px}.history-content::-webkit-scrollbar-track{background:#0000}.history-content::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.history-content::-webkit-scrollbar-thumb:hover{background:#475569}@media (max-width:768px){.history-modal{max-height:90vh;width:95%}.history-content,.history-header{padding:20px}.history-item-body{gap:16px;grid-template-columns:1fr}.history-info-group{border-bottom:1px solid #ffffff1a;padding-bottom:16px}.history-info-group:last-of-type{border-bottom:none}}.spin-button:hover span{filter:drop-shadow(0 0 12px #09f984);filter:drop-shadow(0 0 12px var(--button-text-glow))}.hook-chat-btn{background:linear-gradient(145deg,#1a2234,#2e4057);border:1px solid #09f9844d;box-shadow:0 4px 15px #0003,0 0 0 1px #09f9841a}.hook-chat-btn:hover{border-color:#09f98480;box-shadow:0 6px 20px #0000004d,0 0 0 1px #09f98433}.beta-tag{background:#09f98433;border-radius:6px;font-size:12px;padding:2px 6px}@media (max-width:450px){.wheel-container{height:400px;margin:5px 0;width:400px}.wheel-container>div{transform:scale(1.2) rotate(-45deg)}.spin-button{font-size:20px;height:90px;letter-spacing:1px;width:90px}.spin-button span{font-size:18px}}@media (max-width:380px){.wheel-container{height:300px;width:300px}.wheel-container>div{transform:scale(1.1) rotate(-45deg)}.spin-button{font-size:18px;height:80px;width:80px}}@media (max-width:320px){.wheel-container{height:340px;width:340px}.wheel-container>div{transform:scale(1.1) rotate(-45deg)}.spin-button{font-size:14px;height:70px;width:70px}.powered-by{margin-top:25px;padding:8px 16px}.hook-logo{height:45px;width:45px}}.history.disabled{cursor:not-allowed;opacity:.5;transform:none!important}.history.disabled,.history.disabled:hover{background:linear-gradient(145deg,#1a2234,#2e4057);background:linear-gradient(145deg,var(--button-gradient-1),var(--button-gradient-2));border:1px solid #ffffff1a;box-shadow:none}.history.disabled:hover{transform:none}.history.disabled span{filter:grayscale(1);opacity:.5}.invalid-access{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--bg-gradient-1),var(--bg-gradient-2));color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:fixed;text-align:center}.invalid-access h1{color:#ff4d4d;font-size:24px;margin-bottom:16px}.invalid-access p{font-size:16px;opacity:.8}body{background:linear-gradient(165deg,#0f172a,#1e293b);background:linear-gradient(165deg,var(--bg-gradient-1),var(--bg-gradient-2));min-height:100vh}.header{background:#1e293bb3;background:var(--header-bg);border-color:#ffffff1a;border-color:var(--header-border-color)}.header-item{background:#0f172a99;background:var(--header-item-bg);border-color:#ffffff1a;border-color:var(--header-item-border);color:#fff;color:var(--header-item-text)}.header-item:hover{background:#0f172acc;background:var(--header-item-hover-bg);border-color:#09f9844d;border-color:var(--header-item-hover-border)}.header span{color:#09f984;color:var(--header-icon-color)}.theme-editor-btn{background:linear-gradient(145deg,#1a2234,#2e4057);background:linear-gradient(145deg,var(--button-gradient-1),var(--button-gradient-2));border:1px solid #3b82f6;border:1px solid var(--button-border-color);box-shadow:0 4px 15px #0003,0 0 0 1px #3b82f61a}.theme-editor-btn:hover{border-color:#3b82f6;border-color:var(--button-border-color);box-shadow:0 6px 20px #0000004d,0 0 0 1px #3b82f633}.site-footer-logo{display:flex;padding:72px 0 56px;width:100%}.footer-logo-box,.site-footer-logo{align-items:center;justify-content:center}.footer-logo-box{background:#1e293bb3;background:var(--header-bg,#181f2a);border:1px solid #0000;border-radius:14px;display:inline-flex;padding:16px 40px;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,-webkit-backdrop-filter .35s ease;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease}.footer-logo-box:hover{backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:#ffffff12;border-color:#ffffff26;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff14}.footer-logo-img{display:block;width:130px}.admin-login-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.admin-login-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#1a2234,#1e293b);border-radius:20px;box-shadow:0 4px 24px #0003,0 0 0 1px #ffffff0d;max-width:400px;overflow:hidden;width:90%}.admin-login-header{align-items:center;background:#0f172a99;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:24px 32px}.admin-login-header h2{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;gap:10px;letter-spacing:.5px;margin:0}.admin-login-header h2:before{content:"🔐";font-size:22px}.close-login{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.close-login:hover{background:#ffffff1a;color:#fff}.admin-login-form{padding:32px}.login-error{align-items:center;background:#dc26261a;border:1px solid #dc262633;border-radius:10px;color:#fb7185;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:24px;padding:12px 16px;text-align:center}.login-error:before{content:"⚠️";font-size:16px}.form-group{margin-bottom:24px}.form-group label{align-items:center;color:#94a3b8;display:block;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}.form-group label:after{background:#ffffff1a;content:"";flex:1 1;height:1px}.form-group input{background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:15px;padding:14px 16px;transition:all .2s ease;width:90%}.form-group input:focus{background:#0f172acc;border-color:#09f984;box-shadow:0 0 0 4px #09f9841a;outline:none}.form-group input::placeholder{color:#64748b}.login-button{background:linear-gradient(145deg,#09f984,#06c668);border:none;border-radius:12px;color:#1a2234;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.login-button:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .5s ease;width:100%}.login-button:hover:before{transform:translateX(100%)}.login-button:hover{box-shadow:0 4px 20px #09f9844d,0 2px 8px #09f98433;transform:translateY(-2px)}.login-button.loading{cursor:not-allowed;opacity:.7}.login-button.loading:hover{background:linear-gradient(165deg,var(--button-gradient-1),var(--button-gradient-2))}@media (max-width:768px){.admin-login-modal{width:95%}.admin-login-form,.admin-login-header{padding:20px}.form-group input{padding:12px 14px}.login-button{padding:12px}}.ai-chat{animation:chatAppear .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(165deg,#1a2234fa,#1e293bfa);border:1px solid #09f9841a;border-radius:24px;bottom:80px;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:600px;overflow:hidden;position:fixed;right:20px;width:380px;z-index:1000}.chat-header{background:linear-gradient(90deg,#0f172ae6,#1e293be6);border-bottom:1px solid #09f9841a;box-shadow:0 2px 8px #0000001a;justify-content:space-between;padding:20px}.chat-header,.chat-header-left{align-items:center;display:flex;gap:12px}.chat-header h3{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0}.ai-icon{background:#09f9841a;border:1px solid #09f98433;border-radius:14px;box-shadow:0 0 20px #09f9841a,inset 0 0 8px #09f9841a;color:#09f984;font-size:20px;padding:10px}.close-chat{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;opacity:.7;padding:8px;transition:all .2s;width:36px}.close-chat:hover{background:#ffffff1a;opacity:1;transform:scale(1.05)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px;scrollbar-color:#09f9844d #0000;scrollbar-width:thin}.message{align-items:flex-start;animation:messageAppear .3s ease forwards;display:flex;gap:12px;opacity:0}.message-icon{background:#09f9841a;border:1px solid #09f98433;border-radius:14px;color:#09f984;font-size:16px;padding:10px}.message.user .message-icon{background:#60a5fa1a;border-color:#60a5fa33;color:#60a5fa}.message-content{background:#0f172a99;border:1px solid #ffffff0d;border-radius:18px;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #ffffff0d;color:#fff;flex:1 1;font-size:14px;line-height:1.6;padding:16px 20px}.message.user .message-content{background:#09f9841a;border-color:#09f98433}.chat-input{background:#0f172acc;border-top:1px solid #09f9841a;box-shadow:0 -2px 8px #0000001a;display:flex;gap:12px;padding:20px}.input-actions{display:flex;gap:8px}.upload-image{background:#09f9841a;border:1px solid #09f98433;border-radius:14px;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #ffffff0d;color:#09f984;cursor:pointer;font-size:18px;padding:12px;transition:all .2s}.upload-image:hover{background:#09f98426;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.chat-input textarea{background:#1e293bcc;border:1px solid #09f98433;border-radius:14px;box-shadow:inset 0 2px 4px #0000001a,0 2px 4px #0000001a;color:#fff;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;resize:none;transition:all .2s}.chat-input textarea:focus{background:#1e293be6;border-color:#09f984;box-shadow:0 0 0 2px #09f98433,inset 0 2px 4px #0000001a;outline:none}.chat-input button{background:#09f9841a;border:1px solid #09f98433;border-radius:14px;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #ffffff0d;color:#09f984;cursor:pointer;font-size:18px;padding:12px;transition:all .2s}.chat-input button:hover:not(:disabled){background:#09f98426;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.chat-input button:disabled{cursor:not-allowed;opacity:.5}@keyframes chatAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.beta-tag{background:#09f98426;border:1px solid #09f98433;border-radius:8px;color:#09f984;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:6px;padding:3px 8px;text-transform:uppercase}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#09f98433;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#09f9844d}@media (max-width:480px){.ai-chat{height:80vh;right:5%;width:90%}}.loading-container{align-items:center;background:linear-gradient(135deg,var(--bg-gradient-1),var(--bg-gradient-2));display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #09f9841a;border-radius:50%;border-top-color:#09f984;height:50px;width:50px}.loading-text{color:#09f984;font-size:18px;font-weight:500;letter-spacing:1px}.loading-text.error{color:#ff4d4d;font-weight:600}.wheel-editor-panel{left:20px;right:auto}.css-editor.wheel-editor-panel{left:20px;top:20px}.slider-container{align-items:center;display:flex;gap:10px;width:100%}.hue-slider{background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red)}.brightness-slider,.hue-slider{-webkit-appearance:none;border-radius:4px;cursor:pointer;flex:1 1;height:8px;outline:none}.brightness-slider{background:linear-gradient(90deg,#000,#333,#666,#999,#ccc,#fff,#fff)}.opacity-slider{-webkit-appearance:none;background:linear-gradient(90deg,#0000,#8080804d,#808080b3,grey);border-radius:4px;cursor:pointer;flex:1 1;height:8px;outline:none}.brightness-slider::-webkit-slider-thumb,.hue-slider::-webkit-slider-thumb,.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #0003;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:16px;width:16px}.brightness-slider::-moz-range-thumb,.hue-slider::-moz-range-thumb,.opacity-slider::-moz-range-thumb{background:#fff;border:2px solid #0003;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:16px;width:16px}.css-editor{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(165deg,#1a2234fa,#1e293bfa);border:1px solid #09f9841a;border-radius:24px;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,0 0 0 1px #ffffff0d;color:#fff;font-family:Poppins,sans-serif;max-height:80vh;overflow-y:auto;padding:20px;position:fixed;-webkit-user-select:none;user-select:none;width:380px;z-index:1000}.css-editor.dragging{opacity:.9;transition:none}.editor-header{align-items:center;border-bottom:1px solid #ffffff1a;cursor:grab;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.editor-header:active{cursor:grabbing}.editor-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.close-editor{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-editor:hover{background:#fff3}.editor-section{margin-bottom:24px}.editor-section h4{color:#94a3b8;font-size:16px;font-weight:500;margin:0 0 16px}.color-input{align-items:center;display:flex;gap:12px;margin-bottom:12px}.color-input label{color:#e2e8f0;flex:1 1;font-size:14px}.color-input input[type=color]{background:none;border:none;border-radius:8px;cursor:pointer;height:40px;padding:0;width:40px}.color-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input input[type=color]::-webkit-color-swatch{border:2px solid #ffffff1a;border-radius:6px}.color-value{background:#0003;border-radius:4px;color:#94a3b8;font-family:monospace;font-size:12px;min-width:72px;padding:4px 8px;text-align:center}.css-editor::-webkit-scrollbar{width:8px}.css-editor::-webkit-scrollbar-track{background:#1a223480;border-radius:4px}.css-editor::-webkit-scrollbar-thumb{background:#09f98480;border-radius:4px}.css-editor::-webkit-scrollbar-thumb:hover{background:#09f984b3}@media (max-width:768px){.css-editor{max-height:80vh;touch-action:none;width:90%}.editor-header{cursor:move}}.css-editor.design-editor-panel{max-height:85vh;right:40px}.color-swatch-container{border:2px solid #fff3;border-radius:8px;cursor:pointer;flex-shrink:0;height:32px;overflow:hidden;transition:border-color .2s,transform .15s;width:32px}.color-swatch-container:hover{border-color:#09f98499;transform:scale(1.08)}.color-swatch{height:100%;width:100%}.color-value-text{background:#0003;border-radius:4px;color:#94a3b8;font-family:monospace;font-size:12px;min-width:80px;overflow:hidden;padding:4px 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}body.color-pick-mode,body.color-pick-mode *{cursor:crosshair!important}.pick-hint{align-items:center;animation:hint-pulse 2s ease-in-out infinite;background:#09f98414;border:1px solid #09f9844d;border-radius:8px;color:#09f984;display:flex;font-size:12px;gap:6px;margin-bottom:14px;padding:7px 12px}.pick-hint kbd{background:#09f98426;border:1px solid #09f9844d;border-radius:4px;color:#09f984;font-family:monospace;font-size:11px;padding:1px 5px}@keyframes hint-pulse{0%,to{border-color:#09f9844d}50%{border-color:#09f984b3}}.color-edit-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:background .15s,transform .15s}.color-edit-btn:hover{background:#38bdf826;transform:scale(1.15)}.color-edit-btn.active{background:#09f9841f}.color-edit-btn.active:hover{background:#09f98433}.bg-image-section{background:#09f98408;border:1px solid #09f98426;border-radius:14px;padding:14px}.bg-preview-box{align-items:center;background:#00000040;border:1px dashed #ffffff26;border-radius:10px;display:flex;height:110px;justify-content:center;margin-bottom:12px;overflow:hidden;width:100%}.bg-preview-img{display:block;height:100%;object-fit:cover;width:100%}.bg-preview-empty{align-items:center;display:flex;flex-direction:column;gap:8px}.bg-preview-empty span{color:#475569;font-size:12px}.bg-controls-row{display:flex;gap:8px;margin-bottom:12px}.bg-upload-btn{align-items:center;background:#09f98414;border:1px solid #09f98466;border-radius:8px;color:#09f984;cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:background .2s,border-color .2s,transform .15s}.bg-upload-btn:hover:not(:disabled){background:#09f98429;border-color:#09f984b3;transform:translateY(-1px)}.bg-upload-btn:disabled{cursor:not-allowed;opacity:.6}.bg-upload-btn.loading{cursor:wait}.bg-spinner{animation:bg-spin .7s linear infinite;border:2px solid #09f9844d;border-radius:50%;border-top-color:#09f984;display:inline-block;height:13px;width:13px}@keyframes bg-spin{to{transform:rotate(1turn)}}.bg-remove-btn{align-items:center;background:#ef444414;border:1px solid #ef444466;border-radius:8px;color:#f87171;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:background .2s,border-color .2s,transform .15s;white-space:nowrap}.bg-remove-btn:hover:not(:disabled){background:#ef444426;border-color:#ef4444b3;transform:translateY(-1px)}.bg-remove-btn:disabled{cursor:not-allowed;opacity:.5}.bg-toggle-row{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.bg-toggle-switch{background:#ffffff1f;border:1px solid #fff3;border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:background .25s,border-color .25s;width:40px}.bg-toggle-switch.on{background:#09f98440;border-color:#09f98499}.bg-toggle-knob{background:#94a3b8;border-radius:50%;box-shadow:0 1px 3px #0000004d;height:14px;left:3px;position:absolute;top:3px;transition:transform .25s,background .25s;width:14px}.bg-toggle-switch.on .bg-toggle-knob{background:#09f984;transform:translateX(18px)}.bg-toggle-label{color:#cbd5e1;font-size:13px;font-weight:500}.admin-buttons{bottom:20px;display:flex;gap:12px;left:20px;position:fixed;z-index:1000}.reset-css-button,.save-css-button{align-items:center;background:linear-gradient(165deg,var(--button-gradient-1),var(--button-gradient-2));border:1px solid var(--button-border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a,0 0 0 1px #ffffff0d;color:var(--button-text-color);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.reset-css-button:hover,.save-css-button:hover{background:linear-gradient(165deg,var(--button-gradient-2),var(--button-gradient-1));box-shadow:0 6px 16px #00000026,0 0 0 1px #ffffff1a;transform:translateY(-1px)}.reset-css-button:active,.save-css-button:active{transform:translateY(1px)}@media (max-width:768px){.admin-buttons{flex-direction:column;gap:8px}.reset-css-button,.save-css-button{font-size:12px;padding:10px 16px}}.loading-spinner-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(165deg,#0f172af2,#1e293bf2);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-spinner-content{align-items:center;animation:scaleIn .3s ease forwards;display:flex;flex-direction:column;gap:32px;transform:scale(.9)}.spinner-container{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.outer-ring{animation:spin 2s linear infinite;border:4px solid #0000;border-radius:50%;border-right:4px solid var(--button-glow-color);border-top:4px solid var(--button-glow-color);box-shadow:0 0 15px var(--button-glow-color);height:100%;position:absolute;width:100%}.inner-ring{animation:spinReverse 1.5s linear infinite;border:4px solid #0000;border-bottom:4px solid var(--button-border-color);border-left:4px solid var(--button-border-color);border-radius:50%;box-shadow:0 0 10px var(--button-border-color);height:80%;position:absolute;width:80%}.center-circle{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(165deg,var(--button-gradient-1),var(--button-gradient-2));border-radius:50%;box-shadow:0 0 20px #0000004d,inset 0 0 15px #ffffff1a;display:flex;height:50%;justify-content:center;width:50%}.center-circle span{animation:bounce 1s ease-in-out infinite;font-size:24px}.loading-text{align-items:center;display:flex;flex-direction:column;gap:12px}.text-container{display:flex;gap:3px}.glow{animation:textGlow 2s ease-in-out infinite;color:#fff;font-size:32px;font-weight:700;text-shadow:0 0 10px var(--button-glow-color),0 0 20px var(--button-glow-color),0 0 30px var(--button-glow-color);transform-origin:center}.glow,.loading-subtext{font-family:Poppins,sans-serif}.loading-subtext{animation:fadeInOut 2s ease-in-out infinite;color:#ffffffb3;font-size:16px;margin-top:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinReverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes textGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:.3}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.loading-spinner-content{transform:scale(.8)}.glow{font-size:28px}.loading-subtext{font-size:14px}}.custom-alert{animation:slideIn .5s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#1a2234fa,#1e293bfa);border-radius:16px;bottom:90px;box-shadow:0 8px 32px #0003,0 4px 16px #00000026,0 0 0 1px #ffffff0d;color:#fff;font-family:Poppins,sans-serif;left:24px;max-width:450px;min-width:300px;padding:16px;position:fixed;transform-origin:bottom left;z-index:10000}.alert-content{align-items:flex-start;display:flex;gap:12px;position:relative}.alert-icon{flex-shrink:0;font-size:24px!important}.alert-message{display:flex;flex-direction:column;gap:4px}.alert-title{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.alert-text{font-size:14px;line-height:1.5;opacity:.9}.custom-alert.success{border-left:4px solid #09f984}.custom-alert.success .alert-icon{color:#09f984}.custom-alert.error{border-left:4px solid #ff4d4d}.custom-alert.error .alert-icon{color:#ff4d4d}.progress-bar{animation:progress 3s linear;border-radius:0 0 0 12px;bottom:0;height:3px;left:0;position:absolute}.custom-alert.success .progress-bar{background:#09f984}.custom-alert.error .progress-bar{background:#ff4d4d}@keyframes slideIn{0%{opacity:0;transform:translateX(-100px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes progress{0%{width:100%}to{width:0}}@media (max-width:768px){.custom-alert{bottom:16px;left:16px;max-width:none;min-width:0;min-width:auto;right:16px;width:auto}}.theme-selector-button{align-items:center;background:linear-gradient(165deg,var(--button-gradient-1),var(--button-gradient-2));border:1px solid var(--button-border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a,0 0 0 1px #ffffff0d;color:var(--button-text-color);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.theme-selector-button:hover{box-shadow:0 6px 16px #00000026,0 0 0 1px #ffffff1a;transform:translateY(-1px)}.theme-selector-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(165deg,#1a2234fa,#1e293bfa);border-radius:24px;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,0 0 0 1px #ffffff0d,inset 0 0 32px #0003;display:flex;flex-direction:column;gap:24px;left:50%;max-height:85vh;max-width:900px;overflow:hidden;padding:28px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10000}.theme-selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.theme-selector-header h3{color:#fff;font-size:20px;margin:0}.close-button{height:36px;padding:0;width:36px}.close-button svg{color:#ffffffe6;font-size:20px}.close-button:hover{transform:scale(1.05)}.close-button:active{transform:scale(.95)}.themes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.themes-container{margin-right:-12px;overflow-y:auto;padding-right:12px}.themes-container::-webkit-scrollbar{width:8px}.themes-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.themes-container::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--button-gradient-1),var(--button-gradient-2));background-clip:padding-box;border:2px solid #0000;border-radius:10px}.themes-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--button-border-color),var(--button-glow-color));background-clip:padding-box}.theme-search{margin-bottom:0;position:relative}.theme-search input{background:#0003;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:15px;padding:14px 20px 14px 46px;transition:all .3s ease;width:100%}.theme-search input:focus{background:#0000004d;border-color:var(--button-border-color);box-shadow:0 0 0 4px rgba(var(--button-glow-color-rgb),.1);outline:none}.theme-search i{color:#ffffff80;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.theme-item{background:#0003;border:1px solid #ffffff0d;border-radius:16px;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.theme-new-badge{animation:new-badge-pulse 2.4s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#f7c948);border-radius:20px;box-shadow:0 2px 10px #ff6b358c,0 0 0 1px #ffffff26;color:#1a1a1a;font-size:9px;font-weight:800;letter-spacing:1px;padding:3px 9px;pointer-events:none;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:20}@keyframes new-badge-pulse{0%,to{box-shadow:0 2px 10px #ff6b358c,0 0 0 1px #ffffff26;transform:scale(1)}50%{box-shadow:0 2px 18px #f7c948bf,0 0 0 2px #f7c94840;transform:scale(1.07)}}.theme-item:hover{background:#0000004d;border-color:#ffffff1a;box-shadow:0 8px 24px #0003,0 2px 8px #0000001a;transform:translateY(-2px) scale(1.02)}.theme-item:before{background:linear-gradient(165deg,#ffffff1a,#0000);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.theme-item:hover:before{opacity:1}.theme-preview{border-radius:8px;height:120px;margin-bottom:12px;overflow:hidden;padding:12px;position:relative}.preview-button{border:1px solid;border-radius:6px;bottom:12px;height:24px;left:12px;position:absolute;width:60px}.preview-wheel{border:2px solid;border-radius:50%;height:40px;position:absolute;right:12px;top:12px;width:40px}.theme-name{color:#fff;display:block;font-size:14px;font-weight:500;text-align:center}.theme-filters{display:flex;flex-direction:column;gap:16px}.category-filters{display:flex;flex-wrap:wrap;gap:12px}.category-filter{background:#0003;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;padding:8px 16px;transition:all .3s ease}.category-filter:hover{background:#0000004d;border-color:#fff3}.category-filter.active{background:var(--button-gradient-1);border-color:var(--button-border-color);box-shadow:0 0 12px rgba(var(--button-glow-color-rgb),.3)}@media (max-width:768px){.theme-selector-panel{max-height:90vh;padding:20px;width:95%}.themes-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.no-spin-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.no-spin-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(165deg,#1a2234,#2e4057);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003;max-width:400px;padding:32px;position:relative;width:90%}.no-spin-content{text-align:center}.icon-wrapper{margin-bottom:24px}.alert-icon{animation:bounce 2s infinite;font-size:48px}.no-spin-modal h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:16px}.no-spin-modal p{color:#fffc;font-size:16px;line-height:1.5;margin-bottom:24px}.info-box{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;display:flex;gap:12px;padding:16px;text-align:left}.info-icon{font-size:20px}.close-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:32px}.close-button:hover{background:#fff3;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:480px){.no-spin-modal{padding:24px}.no-spin-modal h2{font-size:20px}.no-spin-modal p{font-size:14px}}.reset-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.reset-modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:90%}.reset-modal h2{color:#333;font-size:1.5rem;margin:0 0 1rem}.reset-modal p{color:#666;margin:0 0 1.5rem}.reset-modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.reset-modal-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.reset-modal-button.cancel{background-color:#e0e0e0;color:#333}.reset-modal-button.cancel:hover{background-color:#d0d0d0}.reset-modal-button.confirm{background-color:#dc3545;color:#fff}.reset-modal-button.confirm:hover{background-color:#c82333}
/*# sourceMappingURL=main.0d1ff30d.css.map*/