@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#07050f;--bg-secondary:#0f0c1b;--bg-tertiary:#17122b;--bg-glass:#0f0c1ba6;--border-glass:#ffffff14;--border-glass-focus:#fff3;--color-text-primary:#f3f1f6;--color-text-secondary:#a19da9;--color-text-muted:#6e6a78;--color-accent:#8b5cf6;--color-accent-glow:#8b5cf666;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#06b6d4;--shadow-neon:0 0 20px #8b5cf640;--shadow-neon-strong:0 0 30px #8b5cf680;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#8b5cf61f 0,#0000 50%),radial-gradient(at 100% 100%,#06b6d414 0,#0000 50%),radial-gradient(#ef444408 0,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:20px;transition:border-color .3s,box-shadow .3s,transform .3s;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:var(--border-glass-focus)}.btn{font-family:var(--font-heading);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-accent) 0%, #6366f1 100%);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{box-shadow:0 6px 20px #8b5cf680, var(--shadow-neon);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-glass);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--bg-glass);border-color:var(--border-glass-focus);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-danger{background:linear-gradient(135deg, var(--color-danger) 0%, #b91c1c 100%);color:#fff;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.btn-icon{background:var(--bg-glass);border:1px solid var(--border-glass);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .3s;display:inline-flex}.btn-icon:hover{border-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-neon);transform:scale(1.05)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{font-family:var(--font-heading);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.form-input{border:1px solid var(--border-glass);color:var(--color-text-primary);font-family:var(--font-body);background:#ffffff0a;border-radius:10px;padding:10px 14px;font-size:.95rem;transition:all .3s}.form-input:focus{border-color:var(--color-accent);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #8b5cf626}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-scale-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-overlay{animation:.3s cubic-bezier(.16,1,.3,1) forwards overlayFadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sheenSwipe{0%{left:-120%}50%{left:-120%}to{left:220%}}@keyframes heartPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes modalGlowPulse{0%,to{opacity:.15;transform:scale(.95)translate(-50%,-50%)}50%{opacity:.3;transform:scale(1.05)translate(-50%,-50%)}}.animate-float{animation:3s ease-in-out infinite float}.animate-spin-slow{animation:12s linear infinite spinSlow}.btn-sheen-container{position:relative;overflow:hidden}.btn-sheen-container:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff59 50%,#fff0 100%);width:50%;height:100%;animation:4.5s ease-in-out infinite sheenSwipe;position:absolute;top:0;transform:skew(-25deg)}.heart-pop{opacity:0;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards heartPop;display:inline-block}.wheelspin-page{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:20px 16px 40px;transition:max-width .3s;display:flex}.wheelspin-layout{flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:12px;display:flex}.wheelspin-spacer-col{display:none}.wheelspin-main-col{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.wheelspin-sidebar-col{flex-direction:column;gap:16px;width:100%;max-width:500px;display:flex}.sidebar-option-row{background:0 0;border:none;flex-direction:column;gap:8px;padding:6px 0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-option-row:hover{transform:translate(4px);background:0 0!important;border-color:#0000!important}.wheel-container{aspect-ratio:1;background:#0000004d;border-radius:50%;width:min(90vw,70vh,500px);max-width:100%;padding:10px;transition:box-shadow .3s,background .3s;position:relative;box-shadow:0 0 60px #8b5cf626}.sidebar-progress-bg{background-color:#ffffff0f;border-radius:3px;width:100%;height:6px;overflow:hidden}.sidebar-progress-fill{border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.sidebar-option-row:hover .sidebar-progress-fill{filter:brightness(1.15)}@media (width>=1200px){.wheelspin-layout{gap:60px}.wheelspin-spacer-col{flex-shrink:0;width:320px;transition:width .3s;display:block}.wheelspin-sidebar-col{flex-shrink:0;width:320px;max-width:none;transition:width .3s}.wheel-container{width:min(90vw,78vh,660px);transition:width .3s}}@media (width>=1500px){.wheelspin-page{max-width:1700px;padding:20px 32px 40px}.wheelspin-layout{gap:80px}.wheelspin-spacer-col,.wheelspin-sidebar-col{width:380px}.wheel-container{width:min(90vw,82vh,760px)}}@media (width>=1750px){.wheelspin-page{max-width:1920px;padding:20px 40px 40px}.wheelspin-layout{gap:100px}.wheelspin-spacer-col,.wheelspin-sidebar-col{width:440px}.wheel-container{width:min(90vw,85vh,860px)}}@media (width<=1199px){.wheelspin-layout{flex-direction:column;align-items:center;gap:40px}.wheelspin-sidebar-col{padding:0 16px}}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 4px 15px #8b5cf64d,0 0 #8b5cf666}50%{transform:scale(1.03);box-shadow:0 6px 22px #8b5cf699,0 0 0 8px #8b5cf600}}.settings-options-scroll{scrollbar-width:thin;scrollbar-color:var(--border-glass-focus) transparent;width:100%;padding-bottom:12px;overflow-x:auto}.settings-options-scroll::-webkit-scrollbar{height:6px}.settings-options-scroll::-webkit-scrollbar-track{background:0 0}.settings-options-scroll::-webkit-scrollbar-thumb{background:var(--border-glass-focus);border-radius:3px}.flames-container{z-index:9999;pointer-events:none;opacity:0;width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0;overflow:hidden}.flames-container.active{opacity:1}.flame-particle{filter:blur(16px);mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#ffe359 10%,#f80 45%,#ef4444 80%,#0000 95%);border-radius:50% 50% 20%;width:80px;height:80px;animation:1.4s ease-in infinite rise-flame;position:absolute;bottom:-100px;transform:rotate(-45deg)}@keyframes rise-flame{0%{opacity:0;transform:translateY(150px)scale(.25)rotate(-45deg)}20%{opacity:.9}60%{opacity:.65}to{opacity:0;transform:translateY(-120vh)scale(2.2)rotate(15deg)}}.wheel-card{transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s,border-color .3s!important}.wheel-card:hover{transform:translateY(-6px);border-color:#8b5cf666!important;box-shadow:0 16px 38px #00000080,0 0 22px #8b5cf638!important}.create-card{transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s,border-color .3s,background .3s!important}.create-card:hover{transform:translateY(-6px);border-color:var(--color-accent)!important;background:#8b5cf60a!important;box-shadow:0 16px 38px #00000080,0 0 22px #8b5cf62e!important}.create-card svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s}.create-card:hover svg{color:#fff;transform:scale(1.15)rotate(90deg)}