:root{--pink-light: #FFB6C1;--pink-medium: #FF69B4;--pink-dark: #FF1493;--pink-pale: #FFC0CB;--pink-bg: #FFF0F5;--text-dark: #8B4789;--text-light: #FFE4E1;--shadow: rgba(255, 105, 180, .3);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--pink-pale) 0%,var(--pink-light) 50%,var(--pink-medium) 100%);background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,182,193,.4) 0%,transparent 50%),linear-gradient(135deg,var(--pink-pale) 0%,var(--pink-light) 50%,var(--pink-medium) 100%);color:var(--text-dark)}#app{width:100%;max-width:500px;margin:0 auto;padding:1rem}.container{background:#fff;border-radius:30px;padding:2rem;box-shadow:0 20px 60px var(--shadow);animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.piggy-header{text-align:center;margin-bottom:2rem}.piggy-header h1{font-size:2.5rem;color:var(--pink-dark);margin-bottom:.5rem;text-shadow:2px 2px 4px var(--shadow);transform:rotate(-2deg);display:inline-block}.subtitle{color:var(--text-dark);font-size:1.1rem;margin-top:.5rem}.content{text-align:center}.piggy-button{background:linear-gradient(135deg,var(--pink-medium),var(--pink-dark));color:#fff;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow),0 0 0 4px #ffb6c14d;margin:1rem 0;display:inline-block;text-transform:uppercase;letter-spacing:1px}.piggy-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px var(--shadow)}.piggy-button:active:not(:disabled){transform:translateY(-1px)}.piggy-button:disabled{opacity:.6;cursor:not-allowed}.piggy-button.secondary{background:linear-gradient(135deg,var(--pink-light),var(--pink-medium));font-size:1rem;padding:.75rem 2rem}.piggy-button.mint-button{background:linear-gradient(135deg,#9d4edd,#7b2cbf);animation:mintPulse 2s ease-in-out infinite}@keyframes mintPulse{0%,to{box-shadow:0 4px 15px #9d4edd66}50%{box-shadow:0 6px 25px #9d4edd99}}.loading{text-align:center;padding:2rem}.spinner{width:60px;height:60px;margin:0 auto 1rem;border:5px solid var(--pink-pale);border-top:5px solid var(--pink-dark);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #ff69b44d}.spinner:after{content:"🐷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{color:var(--text-dark);font-size:1.1rem;margin:.5rem 0}.step-text{font-size:.9rem;opacity:.8}.success{text-align:center;animation:fadeIn .5s ease-in}.success h2{color:var(--pink-dark);margin-bottom:1.5rem;font-size:1.8rem}.piggy-result{max-width:100%;width:100%;min-height:300px;border-radius:30px;box-shadow:0 10px 30px var(--shadow),0 0 0 8px #ffb6c14d,0 0 0 12px #ffc0cb33;margin:1.5rem 0;border:6px solid var(--pink-light);transform:rotate(-1deg);transition:transform .3s ease;background:linear-gradient(135deg,var(--pink-pale) 0%,var(--pink-light) 100%)}.piggy-result:hover{transform:rotate(0) scale(1.02)}.error{background:#ffe4e1;border:2px solid var(--pink-medium);border-radius:15px;padding:1.5rem;text-align:center;color:var(--text-dark)}.error p{margin:.5rem 0;font-size:1rem}.customization-section{background:linear-gradient(135deg,#9d4edd1a,#7b2cbf1a);border:2px solid rgba(157,78,221,.3);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;animation:fadeIn .5s ease-in}.customization-label{color:#7b2cbf;font-weight:700;font-size:1.1rem;margin-bottom:1rem;text-align:center}.customization-input{width:100%;padding:.75rem 1rem;margin-bottom:.75rem;border:2px solid var(--pink-light);border-radius:15px;font-size:1rem;font-family:inherit;color:var(--text-dark);background:#fff;transition:all .3s ease;outline:none}.customization-input:focus{border-color:#9d4edd;box-shadow:0 0 0 3px #9d4edd33}.customization-input::placeholder{color:#8b478980}.balance-section{border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;animation:fadeIn .5s ease-in;text-align:center}.balance-section.eligible{background:linear-gradient(135deg,#4caf501a,#388e3c1a);border:2px solid rgba(76,175,80,.4)}.balance-section.not-eligible{background:linear-gradient(135deg,#ff98001a,#f57c001a);border:2px solid rgba(255,152,0,.3)}.balance-info{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.balance-label{font-size:.9rem;color:var(--text-dark);opacity:.8;margin-bottom:.5rem}.balance-amount{font-size:2rem;font-weight:700;color:var(--pink-dark);background:linear-gradient(135deg,var(--pink-dark),#9D4EDD);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-requirement{font-size:.95rem;color:#f57c00;font-weight:600;margin:.5rem 0 1rem}.balance-status{font-size:1rem;color:#4caf50;font-weight:700;margin:.5rem 0 0}.button-group{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin-top:1rem}.minted-badge{display:inline-block;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-weight:700;font-size:1rem;margin-top:1rem;box-shadow:0 4px 15px #4caf5066;animation:fadeIn .5s ease-in}.piggy-button.regenerate-confirm{background:linear-gradient(135deg,#ff6b35,#f7931e);animation:regeneratePulse 2s ease-in-out infinite}@keyframes regeneratePulse{0%,to{box-shadow:0 4px 15px #ff6b3566}50%{box-shadow:0 6px 25px #ff6b3599}}@media(max-width:600px){.container{padding:1.5rem;border-radius:20px}.piggy-header h1{font-size:2rem}.piggy-button{font-size:1rem;padding:.875rem 2rem}.balance-amount{font-size:1.5rem}.balance-section{padding:1rem}}