#app{transition:opacity .15s ease-in}.hidden{display:none!important}: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}.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:sticky;top:0;z-index:1100}.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-md)}.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,.floating-counter{display:none}@media(max-width:768px){.floating-counter:not(.hidden){display:block;position:fixed;bottom:0;left:0;right:0;z-index:1002;background:#fffffff7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);padding:.5rem 1rem;box-shadow:0 -4px 20px #0000001a}}.floating-counter-inner{max-width:600px;margin:0 auto;display:flex;align-items:stretch;gap:.75rem;height:44px}.floating-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:.4rem 0;padding-bottom:max(.4rem,env(safe-area-inset-bottom));border-top:1px solid rgba(0,0,0,.05)}.floating-counter-progress{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.floating-counter-progress .counter-bar{flex:1}.floating-counter-text{font-size:.8rem;font-weight:600;color:var(--primary-dark);white-space:nowrap}.floating-counter-btn{white-space:nowrap;padding:0 1.5rem!important;font-size:1.05rem!important;font-weight:700!important;border-radius:12px!important;flex-shrink:0;height:100%;margin:0!important;line-height:1;display:flex;align-items:center;justify-content:center}.floating-back-btn{white-space:nowrap;padding:0 1rem!important;font-size:.95rem!important;font-weight:600!important;border-radius:12px!important;flex-shrink:0;height:100%;margin:0!important;line-height:1;box-sizing:border-box}.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:not(.selected){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.flavor-btn:hover.selected{transform:translateY(-2px);box-shadow:var(--shadow-md)}.flavor-btn.selected{border-color:var(--primary);background:linear-gradient(135deg,#72a52726,#72a5270d);box-shadow:var(--shadow-glow);padding-bottom:calc(var(--space-md) + 14px)}.flavor-btn.selected:not(.keine-extra-btn):not(.styleup-btn):after{content:"gewählt";position:absolute;bottom:4px;left:50%;transform:translate(-50%);padding:2px 6px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.flavor-btn{position:relative}.keine-extra-btn{border-style:dashed;opacity:.7}.keine-extra-btn.selected{opacity:1;border-style:solid}.flavor-btn.disabled{opacity:.4;pointer-events:none}.flavor-btn.disabled-extra{opacity:.3;pointer-events:none;filter:grayscale(.5)}.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}.styleup-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:400px){.styleup-grid{grid-template-columns:repeat(2,1fr)}}.styleup-btn{flex-direction:column;gap:.25rem;padding:var(--space-lg) var(--space-md);text-align:center}.styleup-btn .emoji{font-size:2rem;margin-bottom:.25rem}.styleup-btn .name{font-size:1rem;font-weight:600}.styleup-desc{font-size:.75rem;opacity:.7;font-weight:400}.bomb-bubbles{position:absolute;inset:20% 15% 10%;pointer-events:none;overflow:hidden}.bomb-bubbles .bubble{position:absolute;bottom:0;color:#fff9;animation:bubbleRise 2s ease-in infinite}@keyframes bubbleRise{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:.7}to{transform:translateY(-80px) scale(1);opacity:0}}.step-hint{font-size:.85rem;color:var(--gray);margin-bottom:var(--space-md);font-style:italic}.own-creation-actions{display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-md);margin-top:var(--space-md)}.own-creation-actions .btn{width:100%;padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:600;border-radius:12px}.btn-danger-outline{background:transparent;color:#dc3545;border:2px solid #dc3545}.btn-danger-outline:hover{background:#dc3545;color:#fff}.delete-hint{font-size:.8rem;color:var(--gray);text-align:center;margin-top:.25rem}.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}.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}.unverified-warning{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:2px solid #f59e0b;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);text-align:center;font-size:.9rem;color:#92400e;font-weight:600}.unverified-warning.hidden{display:none}.own-creation-pending{border:2px solid #f59e0b;background:linear-gradient(135deg,#fbbf241a,#fffffff2);padding:var(--space-md);margin-bottom:var(--space-md);text-align:center}.own-creation-pending.hidden{display:none}.own-creation-pending-label{display:inline-block;background:var(--primary);color:#fff;font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:10px}.pending-warning{font-weight:700;color:#92400e;font-size:.95rem;margin-bottom:8px}.own-pending-details{font-size:.9rem;color:var(--gray, #666);margin:4px 0 8px}.pending-info{font-size:.85rem;color:var(--gray, #666);margin:0}.view-toggle{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);margin-bottom: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}}.sort-toggle{display:flex;justify-content:center;gap:var(--space-xs);margin-top:var(--space-sm);margin-bottom:var(--space-sm);background:var(--gray-light);padding:4px;border-radius:var(--radius-md);width:fit-content;margin-left:auto;margin-right:auto}.sort-btn{padding:7px 16px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .2s ease;color:var(--gray);font-weight:500;white-space:nowrap}.sort-btn:hover{color:var(--text);background:#ffffff80}.sort-btn.active{background:var(--white);color:var(--primary);box-shadow:0 1px 3px #0000001a;font-weight:600}.filter-section{margin-top:var(--space-md);width:100%}.filter-toggle-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--white);border:2px solid var(--gray-light);border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;margin:0 auto}.filter-toggle-btn:hover,.filter-toggle-btn.active{border-color:var(--primary);background:#72a5271a}.filter-count{color:var(--primary);font-weight:700}.filter-count.has-filters{background:var(--primary);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:.8rem}.filter-panel{margin-top:var(--space-md);padding:var(--space-md);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end}.filter-panel.hidden{display:none}.filter-group{flex:1;min-width:150px}.filter-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--space-xs);color:var(--gray)}.filter-select{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--gray-light);border-radius:var(--radius-md);font-size:.9rem;background:var(--white);cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:var(--primary)}.filter-reset-btn{padding:var(--space-sm) var(--space-md);background:var(--gray-light);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;transition:all .2s ease}.filter-reset-btn:hover{background:#ff5722;color:#fff}.leaderboard{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.leaderboard:not(.view-list){grid-auto-rows:1fr}.leaderboard:not(.view-list) .creation-wrapper{height:100%;display:flex;flex-direction:column}.leaderboard:not(.view-list) .creation-card{flex:1;display:flex;flex-direction:column;min-height:0;height:100%}.leaderboard:not(.view-list) .creation-image-wrapper{flex-shrink:0;aspect-ratio:1}.leaderboard:not(.view-list) .creation-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:80px}.leaderboard:not(.view-list) .creation-body .creation-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard:not(.view-list) .creation-body .creation-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard.view-list{grid-template-columns:1fr}.leaderboard.view-list .creation-wrapper{flex-direction:column;align-items:stretch;width:100%}.leaderboard.view-list .creation-rank-wrapper{margin-bottom:var(--space-sm);align-self:flex-start}.leaderboard.view-list .creation-card{display:flex;flex-direction:row;width:100%}.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-wrapper{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-wrapper{display:flex;flex-direction:column;align-items:center}.creation-rank-wrapper{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.creation-rank{padding:var(--space-xs) var(--space-md);background:#000000b3;color:var(--white);border-radius:var(--radius-full);font-size:.9rem;font-weight:700;text-align:center}.creation-rank.top-3{background:linear-gradient(135deg,var(--accent),#f59e0b);color:var(--dark);font-size:1rem}.share-link-btn{background:var(--gray-light);border:none;border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);cursor:pointer;font-size:1rem;transition:all .2s ease;margin-right:var(--space-xs)}.share-link-btn:hover{background:var(--primary);transform:scale(1.1)}.share-link-btn.copied{background:var(--success);color:#fff}.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;min-height:44px;min-width:44px}.vote-btn:hover:not(:disabled){background:var(--primary);color:var(--white);transform:scale(1.05)}.vote-btn:active:not(:disabled){transform:scale(.95)}.vote-btn.voted{background:var(--success);border-color:var(--success);color:var(--white);cursor:pointer;padding:var(--space-xs) var(--space-md);font-size:.75rem}.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}.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)}.already-created-section{position:relative;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-md);padding-top:var(--space-sm)}.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:2000;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-label{font-size:.85rem;opacity:.6;margin-bottom:4px;font-weight:400}.progress-text{font-size:1rem;font-weight:600;opacity:1;transition:opacity .3s ease;min-height:1.4em}.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:2001;padding:var(--space-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal.hidden{display:none}.modal-content{padding:var(--space-lg);max-width:360px;width:100%;text-align:center;max-height:90vh;overflow-y:auto;margin:auto}.modal-emoji{font-size:2.5rem;margin-bottom:var(--space-sm)}.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}.flavor-btn{min-height:60px}.step-header h2{font-size:1.05rem}.accents-grid,.styleup-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-sm);margin-bottom:var(--space-xs);display:flex;flex-direction:column;align-items:center;gap:.25rem;background:linear-gradient(135deg,#fffffff2,#f0fff0e6);position:relative}.glass-visualization{width:130px}.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-wrapper{display:none}.wizard-progress{display:flex;align-items:center;justify-content:center;gap:0}.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;padding-bottom:1rem}@media(max-width:768px){.wizard-nav{display:none!important}}.wizard-sub-nav{display:none}@media(max-width:768px){.wizard-sub-nav:not(.hidden){display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:36px;background:var(--primary-dark)}.wizard-sub-nav-link{font-size:.8rem;font-weight:600;color:#ffffffe6;text-decoration:none;padding:.25rem .5rem;border-radius:6px;transition:background .2s}.wizard-sub-nav-link:hover{background:#ffffff26;color:#fff}.wizard-logout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);cursor:pointer;margin-left:auto}.wizard-logout-btn:hover{background:#ff50504d}}@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}.challenge-stats-banner{display:flex;justify-content:space-around;align-items:center;padding:var(--space-md);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);gap:var(--space-sm);flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem}.stat-icon{font-size:1.2rem}.stat-text strong{font-weight:700}.stat-item.countdown .stat-text strong{color:#ffeb3b}@media(max-width:480px){.challenge-stats-banner{flex-direction:column;gap:var(--space-xs);padding:var(--space-sm)}.stat-item{font-size:.8rem}}.btn:active,.flavor-btn:active,.accent-btn:active,.variant-btn:active,.creation-card:active,.nav-link:active,.sidebar-link:active{transform:scale(.97);opacity:.9}.btn,.flavor-btn,.accent-btn,.variant-btn,.creation-card{transition:all .15s ease;-webkit-tap-highlight-color:transparent}.creation-card:not(.voted):not(.is-own):hover .vote-overlay{animation:votePulse 1s ease infinite}@keyframes votePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}#creation-detail-section{padding-top:var(--space-lg)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--white);border:2px solid var(--gray-light);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:var(--space-lg)}.back-btn:hover{border-color:var(--primary);background:#72a5271a}.creation-detail-card{text-align:center;padding:var(--space-xl);margin-bottom:var(--space-lg)}.creation-detail-image{width:100%;max-width:400px;aspect-ratio:1;margin:0 auto var(--space-lg);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,var(--gray-light),#e0e0e0);display:flex;align-items:center;justify-content:center}.creation-detail-image .detail-img{width:100%;height:100%;object-fit:cover}.creation-detail-emoji{font-size:6rem}.creation-detail-rank{display:inline-block;padding:var(--space-xs) var(--space-lg);background:linear-gradient(135deg,var(--accent),#f59e0b);color:var(--dark);border-radius:var(--radius-full);font-size:1.2rem;font-weight:700;margin-bottom:var(--space-md)}.creation-detail-name{font-size:2rem;font-weight:800;color:var(--dark);margin-bottom:var(--space-sm)}.creation-detail-ingredients{font-size:1.1rem;color:var(--gray);margin-bottom:var(--space-md)}.creation-detail-badges{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-lg)}.creation-detail-badges .badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.9rem;font-weight:600}.badge.variant-badge{background:var(--primary);color:#fff}.badge.accent-badge{background:var(--accent);color:var(--dark)}.creation-detail-votes{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.vote-count-big{font-size:3rem;font-weight:800;color:var(--primary)}.vote-label{font-size:1rem;color:var(--gray);text-transform:uppercase;letter-spacing:2px}.share-section{text-align:center;padding:var(--space-xl);margin-bottom:var(--space-lg)}.share-section h3{font-size:1.3rem;margin-bottom:var(--space-xs)}.share-section p{color:var(--gray);margin-bottom:var(--space-lg)}.share-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.share-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);border:2px solid var(--gray-light);border-radius:var(--radius-lg);background:var(--white);cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:600}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-btn .share-icon{font-size:1.5rem}.share-btn.whatsapp:hover{border-color:#25d366;background:#25d3661a}.share-btn.facebook:hover{border-color:#1877f2;background:#1877f21a}.share-btn.twitter:hover{border-color:#1da1f2;background:#1da1f21a}.share-btn.telegram:hover{border-color:#08c;background:#0088cc1a}.share-btn.email:hover{border-color:var(--gray);background:#0000000d}.share-btn.copy-link:hover{border-color:var(--primary);background:#72a5271a}.share-url-box{display:flex;gap:var(--space-sm);max-width:500px;margin:0 auto}.share-url-box input{flex:1;padding:var(--space-sm) var(--space-md);border:2px solid var(--gray-light);border-radius:var(--radius-md);font-size:.85rem;background:var(--gray-light)}.copy-url-btn{padding:var(--space-sm) var(--space-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-url-btn:hover{background:var(--primary-dark)}.vote-section-detail{text-align:center;margin-top:var(--space-md);padding:0 var(--space-md)}.btn-vote-detail{padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:600;width:100%;border-radius:12px}.creation-card.clickable{cursor:pointer}@media(max-width:600px){.share-buttons-grid{grid-template-columns:repeat(2,1fr)}.creation-detail-name{font-size:1.5rem}.vote-count-big{font-size:2.5rem}.share-url-box{flex-direction:column}}.change-vote-question{margin-top:var(--space-md);color:var(--gray)}.modal-name.highlight{color:var(--primary);font-size:1.3rem}.voted-badge{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--success),#16a34a);color:#fff;border-radius:12px;font-weight:600;font-size:1rem;text-align:center;margin-left:var(--space-md);margin-right:var(--space-md)}.remove-vote-section{margin-top:var(--space-sm);padding:0 var(--space-md)}.remove-vote-section.hidden{display:none}.btn-remove-vote{background:#dc2626;color:#fff;border:none;width:100%;padding:var(--space-md) var(--space-lg);border-radius:12px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-remove-vote:hover{background:#b91c1c}.btn-vote-detail.voted{background:var(--success)!important;cursor:default}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;background:linear-gradient(135deg,#f0f9e8,#e8f5dc,#f0f9e8);background-size:200% 100%;animation:placeholderShimmer 2s ease-in-out infinite;border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm)}.placeholder-emoji{font-size:2.5rem;animation:float 2s ease-in-out infinite}.placeholder-text{font-size:.75rem;color:var(--gray);font-weight:500;text-align:center}.placeholder-spinner{width:20px;height:20px;border:2px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes placeholderShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.detail-img.image-placeholder,.success-img.image-placeholder{min-height:200px}.detail-img.image-placeholder .placeholder-emoji,.success-img.image-placeholder .placeholder-emoji{font-size:4rem}.detail-img.image-placeholder .placeholder-text,.success-img.image-placeholder .placeholder-text{font-size:.9rem}.landing-page{min-height:100vh;padding:var(--space-lg);padding-top:70px;background:linear-gradient(180deg,#f8faf5,#e8f5dc,#d4edc4)}.landing-hero{text-align:center;padding:var(--space-lg) 0;max-width:600px;margin:0 auto}.landing-logo-container{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow-lg);display:inline-block}.landing-logo{width:220px;max-width:100%;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.landing-headline{font-size:2.2rem;font-weight:800;color:var(--dark);line-height:1.2;margin-bottom:var(--space-md)}.landing-headline .highlight{color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subline{font-size:1.1rem;color:var(--gray);line-height:1.5}.landing-subline strong{color:var(--secondary)}.landing-section{max-width:800px;margin:var(--space-2xl) auto;text-align:center}.landing-section-title{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:var(--space-lg)}.landing-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.landing-step-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.landing-step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.step-icon{font-size:2.5rem;margin-bottom:var(--space-sm)}.landing-step-card h3{font-size:1.1rem;font-weight:700;color:var(--dark);margin-bottom:var(--space-xs)}.landing-step-card p{font-size:.9rem;color:var(--gray);line-height:1.4}.landing-cta-section{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-lg);box-shadow:var(--shadow-lg)}.landing-cta-buttons{display:flex;flex-direction:column;gap:var(--space-md);max-width:350px;margin:0 auto}.btn-landing{padding:var(--space-md) var(--space-xl);font-size:1.1rem;text-decoration:none;display:flex;align-items:center;justify-content:center}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--white)}.landing-stats{display:flex;justify-content:center;gap:var(--space-xl)}.stat-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-md);text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:var(--primary)}.stat-label{font-size:.9rem;color:var(--gray);font-weight:500}.landing-footer{text-align:center;padding:var(--space-xl) 0;color:var(--gray)}.landing-footer a{color:var(--primary);text-decoration:none;font-weight:600}@media(max-width:600px){.landing-headline{font-size:1.8rem}.landing-steps{grid-template-columns:1fr}.landing-stats{flex-direction:column;align-items:center}.stat-card{width:100%;max-width:200px}}.landing-preview{padding:0;margin:var(--space-lg) auto;max-width:100%;overflow:hidden}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px;max-width:600px;margin:0 auto}.preview-item{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--gray-light)}.preview-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.preview-item:hover img{transform:scale(1.1)}@media(max-width:600px){.preview-grid{grid-template-columns:repeat(4,1fr)}}.site-footer{background:var(--dark);color:var(--white);padding:var(--space-2xl) var(--space-lg);margin-top:var(--space-2xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl);max-width:1200px;margin:0 auto}.footer-column{display:flex;flex-direction:column}.footer-title{font-weight:700;font-size:1rem;margin-bottom:var(--space-md);color:var(--white)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:var(--primary-light)}.footer-newsletter-btn{display:inline-block;padding:var(--space-sm) var(--space-md);background:var(--primary);color:var(--white);text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:background .2s ease}.footer-newsletter-btn:hover{background:var(--primary-light)}.footer-support{font-size:.9rem;color:#ffffffb3;line-height:1.6}.footer-support .support-title{font-weight:600;color:var(--white);margin-top:var(--space-sm)}.footer-support .support-phone{font-size:1.1rem;font-weight:700;color:var(--primary-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:var(--space-xl);padding-top:var(--space-lg);text-align:center}.footer-payment{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-md);font-size:.85rem;color:#ffffff80}.footer-copyright{font-size:.85rem;color:#ffffff80}@media(max-width:600px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{margin-bottom:var(--space-lg)}}.site-footer-simple{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:var(--space-md) var(--space-md);margin-top:var(--space-sm);text-align:center}.footer-links-row{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm)}.footer-links-row a{color:#ffffffe6;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links-row a:hover{color:var(--white);text-decoration:underline}.footer-divider{color:#ffffff80}.site-footer-simple .footer-copyright{font-size:.85rem;color:#ffffffb3;margin:0}.your-choice-badge{background:var(--success);color:var(--white);padding:4px 10px;font-size:.7rem;font-weight:700;border-radius:var(--radius-full);cursor:pointer;transition:background .2s ease;box-shadow:0 2px 4px #0003;white-space:nowrap}.your-choice-badge:hover{background:#2e8b2e}.creation-card.is-voted{border:2px solid var(--success)}.detail-starter-set{text-align:center;padding:var(--space-xl);margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.share-section{margin-top:var(--space-lg)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton-wrapper{pointer-events:none}.skeleton-card{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-rank{width:40px;height:28px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-full)}.skeleton-image{background:linear-gradient(135deg,#e8e8e8,#f5f5f5);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-title{height:20px;width:70%;margin-bottom:var(--space-sm)}.skeleton-details{height:14px;width:90%;margin-bottom:var(--space-md)}.skeleton-vote{height:32px;width:80px}.error-state{text-align:center;padding:var(--space-2xl)}.error-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.error-state p{margin-bottom:var(--space-lg);color:var(--gray)}.scroll-sentinel{height:1px;width:100%}.loading-more{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--gray);font-size:.9rem}.loading-more.hidden{display:none}.loading-spinner{width:20px;height:20px;border:2px solid var(--gray-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-bottom-nav{display:none;position:sticky;top:42px;left:0;right:0;background:var(--white);box-shadow:0 2px 10px #0000001a;z-index:1050;padding:var(--space-xs) 0}.mobile-bottom-nav .mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xs);text-decoration:none;color:var(--gray);transition:color .2s ease}.mobile-bottom-nav .mobile-nav-item.active,.mobile-bottom-nav .mobile-nav-item:hover{color:var(--primary)}.mobile-nav-icon{font-size:1.4rem;margin-bottom:2px}.mobile-nav-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mobile-logout-item,.mobile-login-item{border:none;background:none;cursor:pointer;color:#ffffffb3}.mobile-logout-item:hover{color:#ff6b6b}.mobile-login-item:hover{color:#4ecdc4}.btn-login{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.btn-login:hover{background:#ffffff40}#login-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#login-modal.hidden{display:none}#login-modal .modal-content{max-width:400px;width:90%;padding:2rem;text-align:center;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;position:relative}#login-modal .modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}#login-modal .modal-close:hover{background:var(--bg-secondary)}#login-modal h2{margin-bottom:.5rem}#login-modal p{margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem}#login-email-input{width:100%;padding:.8rem;border:2px solid var(--border);border-radius:10px;font-size:1rem;margin-bottom:1rem;box-sizing:border-box}#login-email-input:focus{border-color:var(--primary);outline:none}#login-send-btn{width:100%}.login-status{margin-top:1rem;font-size:.9rem;padding:.5rem;border-radius:8px}.login-status.success{color:var(--primary-dark);background:#6b8e231a}#code-verify-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-md)}#code-verify-modal.hidden{display:none}#code-verify-modal .modal-content{max-width:400px;width:100%;padding:var(--space-xl);text-align:center;position:relative}#code-verify-modal .modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--gray)}#code-verify-modal .modal-emoji{font-size:2.5rem;margin-bottom:var(--space-sm)}.code-email-display{font-weight:600;color:var(--primary-dark);margin-bottom:var(--space-md)!important}.code-input-group{display:flex;gap:8px;justify-content:center;margin-bottom:var(--space-lg)}.code-digit{width:46px;height:56px;border:2px solid var(--border, #e0e0e0);border-radius:12px;text-align:center;font-size:1.5rem;font-weight:700;font-family:inherit;transition:border-color .2s;background:#fff}.code-digit:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #72a52726}#code-verify-btn{width:100%;margin-bottom:var(--space-sm)}.code-verify-status{font-size:.9rem;padding:.5rem;border-radius:8px;margin-top:var(--space-sm)}.code-verify-status.error{color:#dc2626;background:#dc26261a}.code-verify-status.success{color:var(--primary-dark);background:#6b8e231a}.code-alt-link{font-size:.8rem;color:var(--gray);margin-top:var(--space-sm)}.login-status.error{color:#e74c3c;background:#e74c3c1a}@media(max-width:768px){.mobile-bottom-nav{display:flex}body{padding-bottom:70px}.hamburger{display:none!important}.top-nav{justify-content:center;padding:var(--space-sm) var(--space-md)}.nav-brand{position:static;transform:none}.nav-links-desktop{display:none}.site-footer-simple{margin-bottom:0}}.search-filter-section{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.search-box{flex:1;position:relative}.search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-right:40px;border:2px solid var(--gray-light);border-radius:var(--radius-full);font-size:.95rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--primary)}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray);cursor:pointer;padding:4px 8px;font-size:.9rem}.search-clear:hover{color:var(--dark)}.search-clear.hidden{display:none}@media(max-width:480px){.search-filter-section{flex-direction:column}.filter-toggle-btn{width:100%}}.verification-change-section{margin:16px 0;padding:16px;background:#72a52714;border-radius:var(--radius-md);border:1px dashed rgba(114,165,39,.3)}.verification-change-hint{font-size:.85rem;color:var(--muted);margin:0 0 8px}.verification-change-row{display:flex;gap:8px;align-items:center}.verification-change-row .email-input{flex:1;padding:10px 14px;border-radius:var(--radius-md);border:2px solid rgba(114,165,39,.3);font-size:.95rem;background:#fff;outline:none;transition:border-color .2s}.verification-change-row .email-input:focus{border-color:var(--primary)}.verification-change-row .modal-btn{white-space:nowrap;padding:10px 16px;font-size:.85rem}