*,:before,:after{box-sizing:border-box}*{font:inherit;margin:0;padding:0}ul[class],ol[class]{list-style:none}html,body{height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizespeed;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg-color:#111218;--surface-color:#1e1f29;--accent-color:#1bd96a;--accent-hover:#15b858;--text-primary:#fff;--text-secondary:#a1a1aa;--border-color:#3f3f4e;--wheel-text-color:var(--text-primary);--wheel-bg-color:var(--surface-color)}body{background-color:var(--bg-color);color:var(--text-primary);background-image:url(/assets/main-bg-D_tfJB0n.jpg);background-repeat:repeat;background-size:300px;background-attachment:fixed;margin:0;font-family:Outfit,system-ui,-apple-system,sans-serif}.container{flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;display:flex}.wheel{z-index:2;border-radius:50%;position:relative;box-shadow:0 0 50px #00000080}.wheel-box{flex-direction:column;justify-content:center;align-items:center;display:flex}.wheel-title{text-align:center;background:linear-gradient(#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #00000080;letter-spacing:1px;-webkit-background-clip:text;margin-bottom:20px;font-size:32px;font-weight:800}.controls{flex-direction:column;gap:10px;width:30vw;min-width:150px;max-width:250px;display:flex}.spin-btn{background:linear-gradient(135deg, var(--accent-color) 0%, #0fa04c 100%);color:#111218;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:12px;padding:12px 20px;font-size:18px;font-weight:800;transition:all .3s;box-shadow:0 4px 15px #1bd96a4d}.spin-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.variants-box{-webkit-backdrop-filter:blur(16px);background:#1e1f2999;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:10px;width:100%;min-height:200px;padding:15px;display:flex;box-shadow:0 8px 32px #0000004d}.variants-box textarea,.variants-box input{box-sizing:border-box;width:100%;color:var(--text-primary);resize:vertical;background-color:#11121899;border:1px solid #ffffff0d;border-radius:8px;padding:12px;font-family:Outfit,sans-serif;font-size:14px;line-height:1.5;transition:all .3s}.textarea-wrapper{flex-direction:column;width:100%;display:flex;position:relative}.clear-btn{color:var(--text-secondary);cursor:pointer;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11121899;border:1px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.clear-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.clear-btn:active{transform:scale(.95)}.variants-box textarea::placeholder,.variants-box input::placeholder{color:var(--text-secondary);opacity:.5}.variants-box textarea:focus,.variants-box input:focus{border-color:var(--accent-color);background-color:#111218cc;outline:none;box-shadow:0 0 10px #1bd96a33}.arrow{z-index:2;fill:var(--accent-color);filter:drop-shadow(0 0 8px #1bd96acc);position:absolute;top:50%;right:0;transform:translate(20%,-50%)rotate(-90deg)}.wheel-wrapper{z-index:2;isolation:isolate;position:relative}