:root{--primary: #72A527;--primary-dark: #5a8a1f;--primary-light: #8bc34a;--secondary: #FF6B35;--accent: #FFD23F;--dark: #1a1a2e;--dark-soft: #2d2d44;--white: #ffffff;--gray-light: #f0f2f5;--gray: #6b7280;--error: #ef4444;--success: #22c55e;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 50px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.12);--shadow-lg: 0 8px 40px rgba(0,0,0,.16);--shadow-glow: 0 0 30px rgba(114, 165, 39, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,sans-serif;background:linear-gradient(180deg,#f8faf5,#e8f5e0);min-height:100vh;color:var(--dark);overflow-x:hidden}.welcome-screen{position:fixed;inset:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 50%,#3d6a0d 100%);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-lg)}.welcome-screen.hidden{display:none}.welcome-content{max-width:400px;width:100%;padding:var(--space-xl);text-align:center;animation:welcomeFadeIn .5s ease}@keyframes welcomeFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.welcome-logo-big{height:100px;margin-bottom:var(--space-lg);filter:drop-shadow(0 4px 20px rgba(0,0,0,.25));background:var(--primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md)}.welcome-intro{font-size:1.1rem;font-weight:500;color:var(--dark);margin-bottom:var(--space-lg);line-height:1.5}.welcome-steps{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.welcome-step{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#72a5271a;border-radius:var(--radius-md);text-align:left}.welcome-step-num{width:28px;height:28px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.welcome-step-text{font-size:.9rem;color:var(--dark)}.welcome-prize{font-size:1rem;font-weight:700;color:var(--primary-dark);margin-bottom:var(--space-xs)}.welcome-prize-sub{font-size:.85rem;color:var(--gray);margin-bottom:var(--space-lg)}.btn-welcome{width:100%;padding:var(--space-lg);font-size:1.1rem}.container{max-width:600px;margin:0 auto;padding:0 var(--space-md)}#create-section .container{position:relative;min-height:70vh}.glass-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-md)}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:var(--shadow-md);position:relative}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;background:#ffffff26;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:6px;transition:all .2s ease}.hamburger:hover{background:#ffffff40}.hamburger-line{width:100%;height:2px;background:var(--white);border-radius:2px;transition:all .3s ease}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}@media(min-width:600px){.hamburger{display:none}}.nav-brand{display:flex;align-items:center;gap:var(--space-sm);position:absolute;left:50%;transform:translate(-50%)}@media(min-width:600px){.nav-brand{position:static;transform:none}}.nav-logo{height:32px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.nav-tagline{color:var(--white);font-size:.75rem;font-weight:500;opacity:.9;display:none}@media(min-width:600px){.nav-tagline{display:inline}}.nav-links.nav-links-desktop{display:none!important}@media(min-width:600px){.nav-links.nav-links-desktop{display:flex!important;align-items:center;gap:var(--space-xs)}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:998}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100%;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:var(--shadow-lg);z-index:999;transition:left .3s ease;display:flex;flex-direction:column}.sidebar.active{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-logo{height:28px;width:auto}.sidebar-close{background:#ffffff26;border:none;color:var(--white);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all .2s ease}.sidebar-close:hover{background:#ffffff40}.sidebar-nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar-link{color:var(--white);text-decoration:none;font-size:1rem;font-weight:600;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all .2s ease;background:#ffffff1a}.sidebar-link:hover{background:#fff3}.sidebar-link.hidden{display:none}.sidebar-user{padding:var(--space-md);border-top:1px solid rgba(255,255,255,.2);display:none}.sidebar-user.active{display:block}.sidebar-user-email{color:var(--white);font-size:.85rem;opacity:.9;display:block;margin-bottom:var(--space-xs)}.sidebar-logout{width:100%;justify-content:center;background:#ffffff26;padding:var(--space-sm);border-radius:var(--radius-md);font-size:.9rem}@media(min-width:600px){.sidebar,.sidebar-overlay{display:none!important}}.nav-link{color:var(--white);text-decoration:none;font-size:.8rem;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);transition:all .2s ease;background:#ffffff26}.nav-link:hover{background:#ffffff4d;color:var(--white)}.user-info{display:flex;align-items:center;gap:var(--space-xs);background:#fff3;padding:4px 8px 4px 12px;border-radius:var(--radius-full);font-size:.75rem}.user-info.hidden{display:none}.user-email{color:var(--white);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{background:transparent;border:none;cursor:pointer;font-size:.9rem;padding:4px;border-radius:50%;transition:all .2s ease;line-height:1;color:var(--white)}.btn-logout:hover{background:#fff3}@media(max-width:480px){.user-email{max-width:80px;font-size:.7rem}.nav-link{font-size:.7rem;padding:4px 8px}.nav-logo{height:26px}}.header{position:relative;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 50%,#4a7c10 100%);color:var(--white);padding:var(--space-sm) var(--space-md);text-align:center;overflow:hidden}.header-bg{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.floating-fruits{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-fruits .fruit{position:absolute;font-size:2rem;opacity:.15;animation:floatFruit 20s linear infinite}.fruit:nth-child(1){left:5%;animation-delay:0s}.fruit:nth-child(2){left:20%;animation-delay:-3s}.fruit:nth-child(3){left:35%;animation-delay:-6s}.fruit:nth-child(4){left:55%;animation-delay:-9s}.fruit:nth-child(5){left:75%;animation-delay:-12s}.fruit:nth-child(6){left:90%;animation-delay:-15s}@keyframes floatFruit{0%{transform:translateY(100vh) rotate(0)}to{transform:translateY(-100px) rotate(360deg)}}.header-content{position:relative;z-index:1}.limited-logo{height:50px;width:auto;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));margin-bottom:2px}.tagline{font-size:.8rem;font-weight:500;opacity:.9;letter-spacing:.3px}.tabs{display:flex;background:var(--white);padding:var(--space-sm);gap:var(--space-sm);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);border:none;background:transparent;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-weight:600;color:var(--gray);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab:hover{background:var(--gray-light);color:var(--dark)}.tab.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:var(--shadow-glow)}.tab-icon{font-size:1.3rem}.section{display:none;padding:var(--space-lg) 0 var(--space-2xl)}.section.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.builder-step{padding:var(--space-lg);margin-bottom:var(--space-lg)}.step-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);font-weight:800;font-size:1.2rem;border-radius:50%;flex-shrink:0;box-shadow:var(--shadow-glow)}.step-header h2{font-size:1.2rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--dark)}.step-subtitle{font-size:.9rem;color:var(--gray)}.selection-counter{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#72a5271a,#72a5270d);border-radius:var(--radius-full)}.counter-bar{flex:1;height:8px;background:#72a52733;border-radius:var(--radius-full);overflow:hidden}.counter-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);transition:width .3s ease}#counter-text{font-size:.85rem;font-weight:600;color:var(--primary-dark);white-space:nowrap}.flavor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-sm)}.flavor-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);border:2px solid transparent;background:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.flavor-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.flavor-btn.selected{border-color:var(--primary);background:linear-gradient(135deg,#72a52726,#72a5270d);box-shadow:var(--shadow-glow)}.flavor-btn.selected:after{content:"✓";position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--primary);color:#fff;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center}.flavor-btn{position:relative}.flavor-btn.disabled{opacity:.4;pointer-events:none}.flavor-btn .emoji{font-size:1.8rem}.flavor-btn .name{font-size:.75rem;font-weight:500;color:var(--dark);text-align:center}.extras-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px dashed var(--gray-light)}.extras-title{font-size:1rem;font-weight:600;color:var(--gray);margin-bottom:var(--space-md)}.extras-grid{grid-template-columns:repeat(4,1fr)}.accents-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.accents-grid .flavor-btn{flex-direction:row;gap:var(--space-sm);padding:var(--space-md)}.accents-grid .emoji{font-size:1.5rem}.accents-grid .name{font-size:.85rem}.variant-toggle{display:flex;gap:var(--space-sm)}.toggle-btn{flex:1;padding:var(--space-lg);border:2px solid var(--gray-light);background:var(--white);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-weight:600;color:var(--gray);cursor:pointer;transition:all .2s ease}.toggle-btn:hover{border-color:var(--primary-light);color:var(--dark)}.toggle-btn.selected{border-color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:var(--shadow-glow)}.preview-card{padding:var(--space-lg);margin-bottom:var(--space-lg);text-align:center}.preview-header{font-size:.85rem;font-weight:600;color:var(--gray);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:1px}.preview-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.glass-visualization{width:100%;max-width:200px;margin:0 auto}.glass-container{position:relative;width:100%;aspect-ratio:120/180}.glass-svg{width:100%;height:100%;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15))}.bubble{animation:bubbleFloat 3s ease-in-out infinite}.bubble:nth-child(1){animation-delay:0s}.bubble:nth-child(2){animation-delay:.5s}.bubble:nth-child(3){animation-delay:1s}.bubble:nth-child(4){animation-delay:1.5s}@keyframes bubbleFloat{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-10px);opacity:.5}}.floating-ingredients{position:absolute;inset:0;pointer-events:none}.floating-ingredient{position:absolute;font-size:1.5rem;animation:ingredientFloat 4s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.floating-ingredient:nth-child(1){top:15%;left:5%;animation-delay:0s}.floating-ingredient:nth-child(2){top:25%;right:0%;animation-delay:.7s}.floating-ingredient:nth-child(3){top:45%;left:-5%;animation-delay:1.4s}.floating-ingredient:nth-child(4){top:60%;right:-5%;animation-delay:2.1s}@keyframes ingredientFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.straw{position:absolute;width:8px;height:80px;background:linear-gradient(90deg,#ff6b6b,#ff6b6b 50%,#ee5a5a 50%);border-radius:4px;top:-10px;right:25%;transform:rotate(15deg);transform-origin:bottom center;display:none}.straw.visible{display:block}.straw:before{content:"";position:absolute;top:0;left:0;right:0;height:15px;background:linear-gradient(90deg,#ff6b6b,#ff6b6b 50%,#ee5a5a 50%);border-radius:4px 4px 0 0;transform:rotate(-30deg);transform-origin:bottom left}.preview-name{font-size:1.3rem;font-weight:700;color:var(--dark)}.preview-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.preview-tag{padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,var(--primary-light),var(--primary));color:var(--white);border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.submit-form{display:flex;flex-direction:column;gap:var(--space-md)}.input-wrapper{position:relative}.input-wrapper input{width:100%;padding:var(--space-lg);padding-left:var(--space-xl);border:2px solid var(--gray-light);border-radius:var(--radius-md);font-family:inherit;font-size:1.1rem;transition:all .2s ease}.input-wrapper input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-glow)}.input-wrapper input::placeholder{color:var(--gray)}.input-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);font-size:1.2rem}.btn{position:relative;padding:var(--space-lg) var(--space-xl);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #72a52766}.btn-primary:disabled{background:var(--gray-light);color:var(--gray);box-shadow:none;cursor:not-allowed}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.btn-secondary{background:var(--white);color:var(--primary-dark);border:2px solid var(--primary);margin:var(--space-lg) auto;display:block}.btn-secondary:hover{background:var(--primary);color:var(--white)}.hint{font-size:.85rem;color:var(--gray);text-align:center;margin-top:var(--space-sm)}.leaderboard-header{padding:var(--space-lg);margin-bottom:var(--space-lg);text-align:center}.leaderboard-header h2{font-size:1.5rem;margin-bottom:var(--space-xs)}.leaderboard-header p{color:var(--gray);font-size:.9rem}.vote-info{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--gray-light)}.vote-info.hidden{display:none}.vote-info p{margin-bottom:var(--space-xs)}.vote-info-small{font-size:.8rem;color:var(--gray)}.vote-cta-banner{background:linear-gradient(135deg,#72a52726,#72a5270d);border:2px solid var(--primary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);text-align:center;font-size:1rem}.vote-cta-banner.hidden{display:none}.voted-banner{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid var(--success);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);text-align:center;font-size:1rem}.voted-banner.hidden{display:none}.view-toggle{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);background:var(--gray-light);padding:4px;border-radius:var(--radius-md);width:fit-content;margin-left:auto;margin-right:auto}.view-toggle-label{font-size:.75rem;color:var(--gray);margin-right:var(--space-xs);font-weight:500}.view-btn{padding:8px 14px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--gray);font-weight:500}.view-btn:hover{color:var(--text);background:#ffffff80}.view-btn.active{background:var(--white);color:var(--primary);box-shadow:0 1px 3px #0000001a}.view-btn .view-icon{font-size:1rem}.view-btn .view-label{display:none}@media(min-width:480px){.view-btn .view-label{display:inline}}.leaderboard{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.leaderboard.view-list{grid-template-columns:1fr}.leaderboard.view-list .creation-card{display:flex;flex-direction:row}.leaderboard.view-list .creation-image-wrapper{width:100px;min-width:100px;aspect-ratio:1}.leaderboard.view-list .creation-body{flex:1;display:flex;align-items:center;justify-content:space-between}.leaderboard.view-list .creation-vote{border-top:none;padding-top:0;flex-direction:column;gap:var(--space-xs)}.leaderboard.view-grid-2{grid-template-columns:repeat(2,1fr)}.leaderboard.view-grid-1{grid-template-columns:1fr}.leaderboard.view-grid-1 .creation-card{max-width:400px;margin:0 auto}@media(max-width:600px){.leaderboard{grid-template-columns:1fr}.leaderboard.view-grid-2{grid-template-columns:repeat(2,1fr)}.leaderboard.view-list .creation-image-wrapper{width:80px;min-width:80px}}.loading{text-align:center;padding:var(--space-2xl);color:var(--gray);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.loading-emoji{font-size:2rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.creation-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease}.creation-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.creation-card.highlighted{border:3px solid var(--primary);background:linear-gradient(135deg,#72a52714,#72a52705);animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%{box-shadow:0 0 #72a52780}70%{box-shadow:0 0 0 15px #72a52700}to{box-shadow:0 0 #72a52700}}.creation-image-wrapper{position:relative;aspect-ratio:1;background:linear-gradient(135deg,var(--gray-light),#e0e0e0)}.creation-image{width:100%;height:100%;object-fit:cover}.creation-emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem}.creation-rank{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:var(--space-xs) var(--space-md);background:#000000b3;color:var(--white);border-radius:var(--radius-full);font-size:.8rem;font-weight:700}.creation-rank.top-3{background:linear-gradient(135deg,var(--accent),#f59e0b);color:var(--dark)}.creation-body{padding:var(--space-md)}.creation-name{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-xs)}.creation-details{font-size:.85rem;color:var(--gray);margin-bottom:var(--space-sm)}.creation-vote{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--gray-light)}.vote-count{font-size:1rem;font-weight:700;color:var(--primary-dark)}.vote-btn{padding:var(--space-sm) var(--space-lg);border:2px solid var(--primary);background:var(--white);color:var(--primary);border-radius:var(--radius-full);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.vote-btn:hover:not(:disabled){background:var(--primary);color:var(--white)}.vote-btn.voted{background:var(--success);border-color:var(--success);color:var(--white);cursor:default}.vote-btn.own{background:var(--gray-light);border-color:var(--gray-light);color:var(--gray);cursor:not-allowed}.your-creation-badge{display:inline-block;background:var(--primary);color:var(--white);font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--space-sm);text-transform:uppercase}.my-creation-section{margin-bottom:var(--space-xl)}.my-creation-section.hidden{display:none}.my-creation-card{background:linear-gradient(135deg,#72a52726,#72a5270d);border:2px solid var(--primary);padding:var(--space-lg);position:relative;overflow:hidden}.my-creation-badge{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--primary);color:var(--white);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.8rem;font-weight:700}.my-creation-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-md)}.my-creation-image{width:100%;max-width:400px;aspect-ratio:1;border-radius:var(--radius-lg);background:var(--white);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);margin:0 auto var(--space-md)}.my-creation-image img{width:100%;height:100%;object-fit:cover}.my-creation-emoji{font-size:3rem}.my-creation-info{flex:1;min-width:0}.my-creation-name{font-size:1.5rem;font-weight:800;color:var(--dark);margin-bottom:var(--space-xs)}.my-creation-details{font-size:.95rem;color:var(--gray);margin-bottom:var(--space-sm)}.my-creation-stats{display:flex;gap:var(--space-lg);font-weight:600}.my-creation-votes{color:var(--primary-dark);font-size:1.1rem}.my-creation-rank{color:var(--secondary);font-size:1.1rem}.my-creation-actions{text-align:center;padding-top:var(--space-md);border-top:1px solid rgba(114,165,39,.3)}.btn-share{background:var(--secondary);color:var(--white);border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-sm)}.btn-share:hover{background:#e55a2b;transform:scale(1.05)}.btn-share.copied{background:var(--success)}.share-hint{margin-top:var(--space-sm);font-size:.85rem;color:var(--gray)}@media(max-width:480px){.my-creation-content{flex-direction:column;text-align:center}.my-creation-stats{justify-content:center}}.already-created-section{position:absolute;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-md);padding-top:var(--space-sm);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.already-created-section.hidden{display:none}.already-created-card{max-width:420px;width:100%;text-align:center;padding:var(--space-md);background:linear-gradient(135deg,#72a5271a,#fffffff2);border:2px solid var(--primary);position:relative}.already-created-badge{display:inline-block;background:var(--primary);color:var(--white);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.85rem;font-weight:700;margin-bottom:var(--space-md)}.already-created-image{width:140px;height:140px;margin:0 auto var(--space-sm);border-radius:var(--radius-lg);background:var(--white);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.already-created-image img{width:100%;height:100%;object-fit:cover}.already-created-emoji{font-size:4rem}.already-created-name{font-size:1.5rem;font-weight:800;color:var(--dark);margin-bottom:var(--space-xs)}.already-created-details{font-size:.95rem;color:var(--gray);margin-bottom:var(--space-md)}.already-created-stats{display:flex;justify-content:center;gap:var(--space-xl);font-weight:600;margin-bottom:var(--space-sm)}.already-created-votes{color:var(--primary-dark);font-size:1.2rem}.already-created-rank{color:var(--secondary);font-size:1.2rem}.already-created-info{font-size:.9rem;color:var(--gray);margin-bottom:var(--space-sm)}.already-created-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.btn-danger{background:transparent;color:var(--error);border:2px solid var(--error);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:var(--error);color:var(--white)}.success-page{display:flex;flex-direction:column;gap:var(--space-lg);max-width:500px;margin:0 auto}.success-creation{text-align:center;padding:var(--space-xl);position:relative}.success-badge{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--success);color:var(--white);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.9rem;font-weight:700}.success-creation-image{width:150px;height:150px;margin:0 auto var(--space-lg);border-radius:var(--radius-lg);background:var(--white);overflow:hidden;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}.success-creation-image img{width:100%;height:100%;object-fit:cover}.success-emoji{font-size:4rem}.success-creation-name{font-size:1.8rem;font-weight:800;color:var(--dark);margin-bottom:var(--space-xs)}.success-creation-details{color:var(--gray);margin-bottom:var(--space-md)}.success-pitch{font-size:1rem;color:var(--dark);line-height:1.5}.success-share{padding:var(--space-lg);text-align:center}.success-share h3{margin-bottom:var(--space-md);color:var(--dark)}.share-buttons{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-md)}.btn-share-main{background:var(--secondary);color:var(--white);border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-share-main:hover{background:#e55a2b;transform:scale(1.02)}.btn-share-main.copied{background:var(--success)}.social-share-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.btn-social{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-full);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--white)}.btn-whatsapp{background:#25d366}.btn-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.btn-twitter{background:#000}.btn-facebook{background:#1877f2}.btn-social:hover{transform:scale(1.05);opacity:.9}.share-info{font-size:.9rem;color:var(--gray)}.success-starter-set{padding:var(--space-lg);text-align:center;position:relative;background:linear-gradient(135deg,#72a52726,#ffd23f1a);border:3px solid var(--primary);overflow:hidden}.starter-set-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.starter-set-badge{background:var(--primary);color:var(--white);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.85rem;font-weight:700}.starter-set-savings{background:var(--secondary);color:var(--white);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.85rem;font-weight:700}.starter-set-image{width:100%;max-width:280px;height:auto;margin:var(--space-md) auto;display:block;border-radius:var(--radius-md)}.success-starter-set h3{margin-bottom:var(--space-sm);color:var(--dark);font-size:1.3rem}.starter-set-pitch{color:var(--dark);margin-bottom:var(--space-lg);font-size:1rem;line-height:1.5}.starter-set-pitch strong{color:var(--primary-dark)}.starter-set-highlights{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--white);border-radius:var(--radius-md)}.highlight-item{display:flex;flex-direction:column;align-items:center}.highlight-number{font-size:1.5rem;font-weight:800;color:var(--primary)}.highlight-text{font-size:.75rem;color:var(--gray);text-transform:uppercase}.starter-set-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-md);text-align:left}.starter-set-features .feature{background:var(--white);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--dark)}.starter-set-social-proof{margin-bottom:var(--space-md);color:var(--primary-dark);font-weight:600;font-size:.9rem}.btn-starter-set{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 15px #72a52766}.btn-starter-set:hover{transform:scale(1.03);box-shadow:0 6px 20px #72a52780}@media(max-width:400px){.starter-set-highlights{flex-direction:column;gap:var(--space-sm)}.starter-set-features{grid-template-columns:1fr}}.success-footer{text-align:center}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);padding:var(--space-md) var(--space-xl);background:var(--dark);color:var(--white);border-radius:var(--radius-full);font-weight:500;opacity:0;transition:all .3s ease;z-index:2000;box-shadow:var(--shadow-lg)}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast.success{background:var(--success)}.toast.error{background:var(--error)}.generation-overlay{position:fixed;inset:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 50%,#3d6a0d 100%);display:flex;align-items:center;justify-content:center;z-index:1000;color:var(--white)}.generation-overlay.hidden{display:none}.overlay-content{text-align:center;padding:var(--space-xl);z-index:1}.overlay-logo{height:70px;margin-bottom:var(--space-lg);filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.generation-emoji{font-size:4rem;margin-bottom:var(--space-md);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.generation-overlay h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm)}.generation-name{font-size:1.2rem;opacity:.9;margin-bottom:var(--space-xl)}.progress-container{width:250px;height:12px;background:#fff3;border-radius:var(--radius-full);overflow:hidden;margin:0 auto var(--space-md);position:relative}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--white),rgba(255,255,255,.8));border-radius:var(--radius-full);transition:width .3s ease-out}.progress-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:progressGlow 2s linear infinite}@keyframes progressGlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:.95rem;opacity:.9}.overlay-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.overlay-particles span{position:absolute;font-size:2rem;opacity:.2;animation:floatParticle 15s linear infinite}.overlay-particles span:nth-child(1){left:5%;animation-delay:0s}.overlay-particles span:nth-child(2){left:15%;animation-delay:-2s}.overlay-particles span:nth-child(3){left:30%;animation-delay:-4s}.overlay-particles span:nth-child(4){left:45%;animation-delay:-6s}.overlay-particles span:nth-child(5){left:60%;animation-delay:-8s}.overlay-particles span:nth-child(6){left:75%;animation-delay:-10s}.overlay-particles span:nth-child(7){left:85%;animation-delay:-12s}.overlay-particles span:nth-child(8){left:95%;animation-delay:-14s}@keyframes floatParticle{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.2}90%{opacity:.2}to{transform:translateY(-100px) rotate(720deg);opacity:0}}.modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.hidden{display:none}.modal-content{padding:var(--space-xl);max-width:360px;width:100%;text-align:center}.modal-emoji{font-size:3.5rem;margin-bottom:var(--space-md)}.modal-content h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-md)}.modal-content p{color:var(--gray);margin:var(--space-xs) 0}.modal-name{font-size:1.3rem;font-weight:700;color:var(--primary)!important;margin:var(--space-sm) 0!important}.modal-warning{font-size:.85rem;color:var(--secondary)!important;margin-top:var(--space-md)!important}.modal-buttons{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.modal-btn{flex:1;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none}.modal-btn.cancel{background:var(--gray-light);color:var(--dark)}.modal-btn.cancel:hover{background:var(--gray);color:var(--white)}.modal-btn.confirm{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:var(--shadow-glow)}.modal-btn.confirm:hover{transform:translateY(-2px)}.btn-delete-creation{background:transparent;color:var(--gray);border:1px solid var(--gray-light);font-size:.85rem;padding:8px 12px}.btn-delete-creation:hover{color:#dc3545;border-color:#dc3545;background:#dc35451a}.delete-warning{color:var(--text);margin-bottom:var(--space-sm)}.delete-info{background:#dc35451a;padding:var(--space-sm);border-radius:var(--radius-sm);font-size:.9rem;color:#dc3545;margin-bottom:var(--space-md)}.delete-confirm-checkbox{margin:var(--space-md) 0;background:#00000008;padding:var(--space-md);border-radius:var(--radius-sm);border:2px solid var(--gray-light)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;font-size:1rem;font-weight:500;color:var(--text);line-height:1.4}.checkbox-label input[type=checkbox]{width:24px;height:24px;min-width:24px;margin-top:0;cursor:pointer;accent-color:#dc3545}.modal-btn.confirm.danger{font-size:1rem;font-weight:600;padding:14px 24px}.modal-btn.confirm.danger:not(:disabled){background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 15px #dc354566;color:#fff}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--gray)}@media(max-width:600px){.limited-logo{height:45px}.extras-grid{grid-template-columns:repeat(2,1fr)}.tagline{font-size:.95rem}.flavor-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.flavor-btn .emoji{font-size:1.5rem}.flavor-btn .name{font-size:.7rem}.step-header h2{font-size:1.05rem}.accents-grid{grid-template-columns:repeat(2,1fr)}}.email-prize{font-size:1.1rem;color:var(--primary)!important;margin-bottom:var(--space-sm)!important}.email-info{font-size:.95rem;margin-bottom:var(--space-lg)!important}.email-form{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.email-consent-info{font-size:.85rem;color:var(--gray);text-align:center;line-height:1.4;margin-top:var(--space-sm)}.email-form .input-wrapper input{width:100%;padding:var(--space-md);padding-left:44px;border:2px solid var(--gray-light);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;transition:all .2s ease}.email-form .input-wrapper input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-glow)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;text-align:left}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:22px;height:22px;min-width:22px;border:2px solid var(--gray-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-top:2px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:.8rem;font-weight:700}.checkbox-text{font-size:.85rem;color:var(--dark);line-height:1.4}.email-disclaimer{font-size:.75rem;color:var(--gray)!important;margin-bottom:var(--space-md)!important;line-height:1.4}.glass-preview-container{padding:var(--space-md);padding-top:var(--space-2xl);margin-bottom:var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,#fffffff2,#f0fff0e6);position:relative}.glass-visualization{width:160px}.glass-container{position:relative;width:100%;aspect-ratio:140/200}.glass-svg{width:100%;height:100%;filter:drop-shadow(0 15px 40px rgba(0,0,0,.2))}.preview-info{text-align:center}.preview-info .preview-name{font-size:1.2rem;font-weight:700;color:var(--dark);display:block;margin-bottom:var(--space-sm)}.wizard-progress{position:absolute;top:var(--space-sm);left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:0;z-index:10}.progress-step{width:24px;height:24px;border-radius:50%;background:#f0f0f0f2;color:var(--gray);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 8px #00000026}.progress-step.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:var(--shadow-glow)}.progress-step.completed{background:var(--primary);color:var(--white)}.progress-line{width:20px;height:2px;background:#c8c8c8cc}.progress-line.active{background:var(--primary)}.wizard-container{position:relative}.wizard-step{display:none;animation:fadeSlideIn .3s ease}.wizard-step.active{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-content{padding:var(--space-lg);margin-bottom:var(--space-md)}.step-content h2{font-size:1.3rem;font-weight:700;margin-bottom:var(--space-xs);text-align:center}.step-content .step-subtitle{text-align:center;color:var(--gray);margin-bottom:var(--space-lg)}.wizard-nav{display:flex;gap:var(--space-md);justify-content:space-between}.btn-nav{flex:1;max-width:200px}.btn-nav:disabled{opacity:.3;cursor:not-allowed}