body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;width:100%}*{box-sizing:border-box;margin:0;padding:0}.homepage{background-color:#87ceeb;display:flex;flex-direction:column;min-height:100vh}.homepage-main{flex:1 1;flex-direction:column;gap:2rem;padding:2rem}.cta-buttons-container,.homepage-main{align-items:center;display:flex;justify-content:center}.cta-buttons-container{flex-wrap:wrap;gap:1rem}.cta-button{background-color:#7ec850;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#000;cursor:pointer;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:500;padding:clamp(1rem,1.5vw,1.5rem) clamp(2rem,4vw,4rem);transition:transform .2s,box-shadow .2s}.cta-button:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.cta-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.cta-button-secondary{background-color:#fff;border:2px solid #000;color:#000}.cta-button-secondary:hover{background-color:#f5f5f5}.cta-button-primary{background-color:#7ec850;color:#fff}.cta-button-primary:hover{background-color:#6db840}.header{background-color:initial;justify-content:space-between;padding:1.5rem 2rem}.header,.logo-container{align-items:center;display:flex}.logo-container{gap:.75rem;transition:opacity .2s}.logo-container:hover{opacity:.7}.logo-icon{height:60px;width:auto}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-subtitle,.logo-title{color:#000;font-family:Arial Black,sans-serif;font-size:2rem;font-weight:900}.header-actions{align-items:center;display:flex;gap:2rem}.language-selector,.login-button{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;padding:.5rem;transition:opacity .2s}.language-selector:hover,.login-button:hover{opacity:.7}.language-selector svg,.login-button svg{color:#000}.user-menu-container{position:relative}.user-button{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;padding:.5rem;transition:opacity .2s}.user-button:hover{opacity:.7}.user-button svg{color:#000}.user-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;min-width:150px;position:absolute;right:0;top:100%;z-index:100}.user-dropdown button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:1rem;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.user-dropdown button:hover{background:#f5f5f5}.user-dropdown button:first-child{border-radius:8px 8px 0 0}.user-dropdown button:last-child{border-radius:0 0 8px 8px}.login-signup-container{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-signup-box{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:450px;padding:40px;position:relative;width:90%}.close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:15px;top:15px;width:32px}.close-button:hover{color:#333}.toggle-container{margin-bottom:30px}.toggle-button{border-radius:8px;flex:1 1;font-weight:500;padding:12px;transition:all .2s}.toggle-button:hover{border-color:#0070f3}.toggle-button.active{background:#0070f3;border-color:#0070f3}.login-signup-box h2{color:#333;font-size:28px;margin:0 0 25px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#333;font-size:14px}.form-group input{border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s}.form-group input:focus{border-color:#0070f3;outline:none}.error-message{background:#fee;border:1px solid #fcc;color:#c33;font-size:14px;padding:12px}.forgot-password-link{margin-top:8px}.forgot-password-link a{color:#0070f3;font-size:13px;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.submit-button{background:#0070f3;border-radius:8px;transition:background .2s}.submit-button:hover:not(:disabled){background:#0051cc}.toggle-mode{color:#666;font-size:14px;margin-top:25px;text-align:center}.link-button{background:none;border:none;color:#0070f3;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.link-button:hover{color:#0051cc}.success-message{font-size:14px;padding:12px}.verification-section{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;padding:20px;text-align:center}.verification-text{color:#004085;font-size:14px;line-height:1.5;margin:0 0 15px}.resend-button{background:#0070f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.resend-button:hover:not(:disabled){background:#0051cc}.resend-button:disabled{background:#ccc;cursor:not-allowed}.video-hero{aspect-ratio:16/9;max-width:800px;min-width:320px;width:50vw}.video-placeholder{align-items:center;background-color:#e88b8b;border-radius:8px;cursor:pointer;display:flex;height:100%;justify-content:center;transition:opacity .2s;width:100%}.video-placeholder:hover{opacity:.9}.play-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.video-container{align-items:center;background-color:#000;border-radius:8px;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.video-container p{margin:0}.footer{background-color:initial;padding:2rem}.footer-nav{align-items:center;display:flex;font-size:1rem;gap:.75rem;justify-content:flex-start}.footer-link{color:#000;text-decoration:none;transition:opacity .2s}.footer-link:hover{opacity:.7;text-decoration:underline}.footer-separator{color:#000;-webkit-user-select:none;user-select:none}.questionnaire{background-color:#87ceeb;display:flex;flex-direction:column;min-height:100vh}.questionnaire-main{flex:1 1;justify-content:center;padding:2rem}.occasion-selector,.questionnaire-main{align-items:center;display:flex;flex-direction:column}.occasion-selector{gap:clamp(1.5rem,2vh,3rem);max-width:min(80vw,90vh);width:100%}.occasion-title{color:#000;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;margin:0;text-align:center}.occasion-grid{grid-gap:clamp(.75rem,1.5vw,2rem);display:grid;gap:clamp(.75rem,1.5vw,2rem);grid-template-columns:repeat(3,1fr);padding:0 1rem;width:100%}.occasion-card{align-items:center;aspect-ratio:1/1;background-color:#e5e5e5;border:3px solid #0000;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:clamp(.5rem,1vw,1rem);justify-content:center;padding:clamp(1rem,2vw,2rem) clamp(.75rem,1.5vw,1.5rem);position:relative;transition:all .3s ease}.occasion-card:hover{background-color:#f5f5f5;border-color:var(--occasion-color);box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.occasion-card.selected{background-color:#fff;border-color:var(--occasion-color);box-shadow:0 8px 25px #0003;transform:scale(1.05)}.occasion-card.selected:after{background-color:var(--occasion-color);border-radius:50%;color:#fff;content:"✓";font-size:1.2rem;font-weight:700;height:30px;position:absolute;right:10px;top:10px;width:30px}.occasion-card.selected:after,.occasion-icon-wrapper{align-items:center;display:flex;justify-content:center}.occasion-icon-wrapper{flex-shrink:0;height:clamp(60px,8vw,80px);width:clamp(60px,8vw,80px)}.occasion-icon{height:100%;width:100%}.occasion-name{color:#000;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:600;text-align:center}.occasion-card:nth-child(2){aspect-ratio:1/2;grid-column:2;grid-row:1/3}.occasion-card:nth-child(2) .occasion-icon-wrapper{height:clamp(80px,12vw,120px);width:clamp(80px,12vw,120px)}.occasion-card:nth-child(2) .occasion-name{font-size:clamp(1.25rem,2vw,1.5rem)}@media (max-aspect-ratio:1/1){.occasion-grid{grid-template-columns:repeat(2,1fr)}.occasion-card:nth-child(2){aspect-ratio:1/2;grid-column:1;grid-row:2/4}.occasion-selector{max-width:min(70vw,85vh)}}@media (min-aspect-ratio:2/1){.occasion-selector{max-width:70vw}.occasion-grid{gap:clamp(1rem,2vw,2.5rem)}}@media (max-width:767px){.occasion-grid{grid-template-columns:repeat(2,1fr)}.occasion-card:nth-child(2){aspect-ratio:2/1;grid-column:1/3;grid-row:auto}.occasion-selector{max-width:90vw}}.name-input-container{display:flex;flex:1 1;height:100%;width:100%}.name-input-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2rem;justify-content:center;padding:2rem}.name-question{color:#000;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0;text-align:center}.name-subtitle{color:#000;font-size:clamp(1rem,2vw,1.5rem);margin:-1rem 0 0;text-align:center}.name-form{align-items:center;display:flex;flex-direction:column;gap:1.5rem;max-width:600px;width:100%}.from-label{color:#000;font-size:clamp(1rem,2vw,1.5rem);font-weight:500;margin-top:1rem;text-align:center;width:100%}.name-input-field.secondary{border:2px solid #666;font-size:clamp(1rem,2vw,1.25rem);padding:1rem 1.5rem}.name-input-field.secondary::placeholder{color:#aaa}.name-input-field{background-color:#fff;border:3px solid #000;border-radius:12px;color:#000;font-size:clamp(1.25rem,2.5vw,1.75rem);outline:none;padding:1.5rem 2rem;transition:box-shadow .2s;width:100%}.name-input-field:focus{box-shadow:0 0 0 4px #0000001a}.name-input-field::placeholder{color:#999}.next-button:hover:not(:disabled){box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.next-button:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.next-button:disabled{opacity:.5}@media (max-width:768px){.name-input-container{flex-direction:column}.stage-sidebar{flex-direction:row;min-width:auto;overflow-x:auto;padding:1rem}.stage-item{font-size:1rem;padding:.75rem 1.25rem;white-space:nowrap}.next-button{align-self:center;margin-right:0}}.age-selector-container{display:flex;flex:1 1;height:100%;width:100%}.age-selector-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2rem;justify-content:center;padding:2rem}.age-question{color:#000;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0;text-align:center}.age-form{align-items:center;display:flex;flex-direction:column;gap:3rem;max-width:600px;width:100%}.dropdown-wrapper{position:relative;width:100%}.age-dropdown{-webkit-appearance:none;appearance:none;background-color:#e5e5e5;border:3px solid #000;border-radius:12px;color:#000;cursor:pointer;font-family:inherit;font-size:clamp(1.25rem,2.5vw,1.75rem);outline:none;padding:1.5rem 2rem;transition:background-color .2s;width:100%}.age-dropdown:hover{background-color:#d5d5d5}.age-dropdown:focus{background-color:#fff;box-shadow:0 0 0 4px #0000001a}.dropdown-wrapper:after{color:#000;content:"▼";font-size:1rem;pointer-events:none;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.age-dropdown option{background-color:#fff;color:#000;padding:1rem}.next-button{align-self:flex-end;margin-right:2rem}@media (max-width:768px){.age-selector-container{flex-direction:column}.stage-sidebar{flex-direction:row;gap:1rem;min-width:auto;overflow-x:auto;padding:1rem}.stage-item{font-size:1rem;padding:.75rem 1.25rem;white-space:nowrap}.next-button{align-self:center;margin-right:0}.dropdown-wrapper:after{right:1rem}}.content-request-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.content-request-modal{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;position:relative;width:90%}.content-request-modal .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s;width:40px}.content-request-modal .close-button:hover{background:#f0f0f0;color:#000}.content-request-modal h2{color:#333;font-size:28px;margin:0 0 25px;text-align:center}.content-request-form{display:flex;flex-direction:column;gap:20px}.form-section{display:flex;flex-direction:column;gap:10px}.question-label{color:#333;font-size:18px;font-weight:600;line-height:1.4}.description-field{border:2px solid #ddd;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px 16px;resize:vertical;transition:border-color .3s;width:100%}.description-field:focus{border-color:#7ec850;outline:none}.description-field:disabled{background:#f5f5f5;cursor:not-allowed}.payment-section{margin-top:10px}.payment-question{display:flex;flex-direction:column;gap:15px}.payment-text{color:#666;font-size:14px;line-height:1.5;margin:0}.toggle-container{align-self:flex-start;display:flex;gap:10px}.toggle-button{background:#fff;border:2px solid #ddd;border-radius:25px;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;transition:all .3s}.toggle-button:hover:not(:disabled){border-color:#7ec850;color:#7ec850}.toggle-button.active{background:#7ec850;border-color:#7ec850;color:#fff}.toggle-button:disabled{cursor:not-allowed;opacity:.6}.submit-button{background:#7ec850;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s;width:100%}.submit-button:hover:not(:disabled){background:#6bb043;box-shadow:0 4px 12px #7ec8504d;transform:translateY(-2px)}.submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.error-message,.success-message{padding:12px 16px;text-align:center}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;line-height:1.5}.avatar-creator-container{display:flex;flex:1 1;height:100%;width:100%}.avatar-sidebar{background-color:initial;gap:1rem;min-width:220px;padding:2rem 1rem}.avatar-sidebar,.avatar-substages{display:flex;flex-direction:column}.avatar-substages{gap:.5rem;padding-right:1.5rem}.substage-icon{align-items:center;background-color:#e5e5e5;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .2s;width:50px}.substage-icon:hover:not(.disabled){border-color:#000;transform:scale(1.05)}.substage-icon.completed{background-color:#d0d0d0;border-color:#999}.substage-icon.active{background-color:#f4e87c;border-color:#000}.substage-icon.disabled{cursor:not-allowed;opacity:.4}.avatar-main-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;padding:2rem}.avatar-question{color:#000;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0;text-align:center}.avatar-workspace{align-items:center;display:flex;flex:1 1;gap:2rem;justify-content:center}.avatar-options-panel{background-color:#fff;border:3px solid #000;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;max-width:500px;min-width:400px;padding:2rem}.options-title{color:#000;font-size:1.25rem;font-weight:600;margin:0}.accessories-tabs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.accessory-tab{background-color:#e5e5e5;border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:2rem;padding:.5rem 1rem;transition:all .2s}.accessory-tab:hover{border-color:#000}.accessory-tab.active{background-color:#f4e87c;border-color:#000}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.color-grid{grid-template-columns:repeat(3,1fr)}.option-button{align-items:center;aspect-ratio:1;background-color:#f5f5f5;border:3px solid #ccc;border-radius:12px;cursor:pointer;display:flex;font-size:3rem;justify-content:center;position:relative;transition:all .2s}.option-button:hover{border-color:#000;transform:scale(1.05)}.option-button.selected{border-color:#7ec850;border-width:4px;box-shadow:0 0 0 2px #7ec850}.color-option{border:3px solid #ccc}.option-icon{align-items:center;display:flex;justify-content:center}.option-image{max-height:100%;max-width:100%;object-fit:contain;pointer-events:none}.image-option{overflow:hidden;padding:.5rem}.avatar-preview{align-items:center;background-color:#000;border-radius:12px;display:flex;height:500px;justify-content:center;width:400px}.avatar-display{display:block;height:500px;width:400px}.avatar-actions{display:flex;gap:1rem;justify-content:flex-end;padding-right:2rem}.more-button{background-color:#4a90e2;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;padding:1.25rem 3rem;transition:all .2s}.more-button:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.more-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.next-button:disabled{box-shadow:none;transform:none}.next-button:disabled:hover{box-shadow:none}.placeholder-options{color:#666;padding:2rem;text-align:center}@media (max-width:1024px){.avatar-workspace{flex-direction:column}.avatar-preview{height:400px;width:300px}.avatar-options-panel{min-width:300px}}@media (max-width:768px){.avatar-creator-container{flex-direction:column}.avatar-sidebar{flex-direction:row;min-width:auto;overflow-x:auto;padding:1rem}.avatar-workspace{flex-direction:column}.avatar-substages{flex-direction:row;order:-1;padding-right:0}.stage-item{font-size:1rem;padding:.75rem 1.25rem;white-space:nowrap}.avatar-actions{justify-content:center;padding-right:0}}.food-selector-container{display:flex;flex:1 1;height:100%;width:100%}.food-selector-content{display:flex;flex:1 1;flex-direction:column;gap:2rem;padding:2rem}.food-question{color:#000;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0;text-align:center}.food-workspace{align-items:flex-start;display:flex;flex:1 1;gap:2rem;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.food-categories{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.category-tab{color:#000;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem}.category-tab:hover{transform:translateX(5px)}.category-icon{font-size:1.5rem}.category-label{text-align:left}.food-options-panel{background-color:#fff;border:3px solid #000;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;max-width:700px;padding:2rem}.food-options-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.food-option{align-items:center;background-color:#f5f5f5;border:3px solid #ccc;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:140px;padding:1rem;position:relative;transition:all .2s}.food-option:hover{border-color:#000;transform:scale(1.05)}.food-option.selected{border-color:#7ec850;border-width:4px;box-shadow:0 0 0 2px #7ec850}.food-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.food-icon{font-size:3.5rem}.food-label{color:#000;font-size:.875rem;font-weight:600;line-height:1.2;text-align:center}.checkmark{font-size:2rem;height:2.5rem;width:2.5rem}.food-actions{display:flex;justify-content:flex-end;padding-right:2rem}@media (max-width:1024px){.food-workspace{align-items:center;flex-direction:column}.food-categories{flex-direction:row;min-width:auto;overflow-x:auto;width:100%}.food-options-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.food-selector-container{flex-direction:column}.stage-sidebar{flex-direction:row;min-width:auto;overflow-x:auto;padding:1rem}.stage-item{font-size:1rem;padding:.75rem 1.25rem;white-space:nowrap}.food-options-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.food-actions{justify-content:center;padding-right:0}.category-tab{font-size:.875rem;padding:.75rem 1rem}}.ride-selector-container{display:flex;flex:1 1;height:100%;width:100%}.ride-selector-content{display:flex;flex:1 1;flex-direction:column;gap:2rem;padding:2rem}.ride-question{color:#000;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0;text-align:center}.ride-workspace{align-items:flex-start;display:flex;flex:1 1;gap:2rem;justify-content:center;margin:0 auto;max-width:1400px;width:100%}.ride-categories{display:flex;flex-direction:column;gap:.5rem;min-width:80px}.category-tab{align-items:center;background-color:#e5e5e5;border:3px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:2rem;height:80px;justify-content:center;padding:1rem;transition:all .2s;width:80px}.category-tab:hover{border-color:#000;transform:scale(1.05)}.category-tab.active{background-color:#f4e87c;border-color:#000}.category-icon{font-size:2rem}.ride-options-panel{background-color:#fff;border:3px solid #000;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;max-width:500px;padding:2rem}.category-title{color:#000;font-size:1.25rem;font-weight:600;margin:0;text-align:center}.ride-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.ride-option{align-items:center;background-color:#f5f5f5;border:3px solid #ccc;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:100px;padding:.75rem;position:relative;transition:all .2s}.ride-option:hover{border-color:#000;transform:scale(1.05)}.ride-option.selected{border-color:#7ec850;border-width:4px;box-shadow:0 0 0 2px #7ec850}.ride-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.ride-icon{font-size:2.5rem}.ride-label{color:#000;font-size:.75rem;font-weight:600;line-height:1.2;text-align:center}.checkmark{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#7ec850;display:flex;font-size:1.5rem;font-weight:700;height:2rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:2rem}.custom-request-link{color:#666;cursor:pointer;font-size:.875rem;margin:0;text-align:center;text-decoration:underline}.custom-request-link:hover{color:#000}.ride-preview{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.ride-preview,.ride-preview-canvas{border-radius:12px;height:500px;width:400px}.ride-preview-canvas{display:block}.no-ride-preview,.ride-preview-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.no-ride-preview{padding:2rem}.dashed-box{align-items:center;border:4px dashed #fff;border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}.avatar-placeholder{color:#fff;font-size:8rem;opacity:.3}.avatar-on-ride{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;position:relative}.preview-avatar{position:relative;z-index:2}.avatar-character{color:#fff;font-size:6rem}.preview-ride{font-size:10rem;margin-top:-3rem;position:relative;z-index:1}.ride-actions{display:flex;justify-content:flex-end;padding-right:2rem}@media (max-width:1200px){.ride-workspace{align-items:center;flex-direction:column}.ride-categories{flex-direction:row;min-width:auto;overflow-x:auto;width:100%}.ride-preview{max-width:400px;width:100%}}@media (max-width:768px){.ride-selector-container{flex-direction:column}.stage-sidebar{flex-direction:row;min-width:auto;overflow-x:auto;padding:1rem}.stage-item{font-size:1rem;padding:.75rem 1.25rem;white-space:nowrap}.ride-options-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.ride-actions{justify-content:center;padding-right:0}.category-tab{font-size:1.5rem;height:60px;width:60px}}.delivery-container{display:flex;flex:1 1;height:100%;width:100%}.delivery-content{display:flex;flex:1 1;flex-direction:column;gap:2rem;padding:2rem}.delivery-question{color:#000;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0;text-align:center}.delivery-form{gap:1.5rem;margin:0 auto;max-width:600px;width:100%}.delivery-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#666;font-size:1rem;font-weight:500}.form-input{background-color:#fff;border:2px solid #ccc;border-radius:8px;font-size:1.125rem;padding:1rem 1.5rem;transition:border-color .2s}.form-input:focus{border-color:#7ec850;outline:none}.form-input::placeholder{color:#aaa}.form-section-title{color:#666;font-size:1.25rem;font-weight:600;margin-top:1rem}.password-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.scheduled-send-section{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.checkbox-label{align-items:center;color:#000;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;gap:1rem}.checkbox-input{accent-color:#7ec850;cursor:pointer;height:2rem;width:2rem}.checkbox-text{-webkit-user-select:none;user-select:none}.scheduled-datetime-display{color:#000;font-size:1.125rem;font-weight:500;padding-left:3rem}.delivery-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem;padding-right:2rem}.password-error{color:#dc143c;font-size:.875rem;font-weight:600;text-align:right}.next-button{background-color:#7ec850;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;padding:1.25rem 3.5rem;transition:all .2s}.next-button:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.next-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.next-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.next-button:disabled:hover{box-shadow:0 4px 6px #0000001a;transform:none}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;max-width:500px;padding:2rem;width:90%}.modal-title{color:#000;font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.datetime-picker{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.datetime-input{font-size:1.125rem;padding:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:1.125rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.cancel-button{background-color:#e5e5e5;color:#666}.cancel-button:hover{background-color:#d0d0d0}.ok-button{background-color:#7ec850;color:#fff}.ok-button:hover{background-color:#6db840}.ok-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}@media (max-width:768px){.delivery-container{flex-direction:column}.stage-sidebar{flex-direction:row;min-width:auto;overflow-x:auto;padding:1rem}.stage-item{font-size:1rem;padding:.75rem 1.25rem;white-space:nowrap}.password-group{grid-template-columns:1fr}.delivery-actions{justify-content:center;padding-right:0}.modal-content{padding:1.5rem;width:95%}}.finish-container{display:flex;flex:1 1;height:100%;width:100%}.finish-content{display:flex;flex:1 1;gap:3rem;padding:2rem}.finish-left{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2rem}.finish-title{color:#000;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0;text-align:center}.preview-container{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.preview-canvas,.preview-container{border-radius:12px;height:500px;width:400px}.preview-canvas{display:block}.food-badge{align-items:center;background-color:#fff;border:3px solid #000;border-radius:50%;bottom:1rem;box-shadow:0 4px 8px #0003;display:flex;height:80px;justify-content:center;position:absolute;right:1rem;width:80px}.food-badge-icon{font-size:3rem}.delivery-info{display:flex;flex-direction:column;gap:1rem;max-width:600px;width:100%}.info-row{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.info-label{color:#666;font-size:1rem;font-weight:500}.info-value{color:#000;font-size:1rem;font-weight:600}.send-time{background-color:#e3f2fd}.payment-container{background-color:#fff;border:3px solid #000;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:2rem;max-width:500px;padding:2rem}.payment-title{color:#000;font-size:1.5rem;font-weight:700;margin:0;text-align:center}.payment-content{display:flex;flex:1 1;flex-direction:column;gap:2rem;justify-content:space-between}.finish-button{background-color:#7ec850;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;padding:1.25rem 3.5rem;transition:all .2s;width:100%}.finish-button:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.finish-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.stage-sidebar{background-color:initial;display:flex;flex-direction:column;gap:1rem;min-width:200px;padding:2rem 1rem}.stage-item{background-color:initial;border-radius:8px;color:#000;font-size:1.25rem;font-weight:600;padding:1rem 1.5rem}.stage-item.active{background-color:#f4e87c}.stage-item.completed{background-color:#a8a8a8;color:#fff}.stage-item.clickable{cursor:pointer;transition:transform .2s,opacity .2s}.stage-item.clickable:hover{opacity:.8;transform:translateX(5px)}.loading-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.loading-modal-content{align-items:center;background-color:#e3f2fd;border-radius:16px;display:flex;flex-direction:column;gap:3rem;max-width:800px;padding:4rem 6rem;width:90%}.loading-title{color:#000;font-size:2.5rem;font-weight:700;margin:0;text-align:center}.progress-bar-container{background-color:#fff;border:3px solid #000;border-radius:30px;height:60px;overflow:hidden;width:100%}.progress-bar{background-color:#e57373;border-radius:30px;height:100%}@media (max-width:1200px){.finish-content{align-items:center;flex-direction:column}.payment-container{max-width:600px;width:100%}}@media (max-width:768px){.finish-container{flex-direction:column}.stage-sidebar{flex-direction:row;min-width:auto;overflow-x:auto;padding:1rem}.stage-item{font-size:1rem;padding:.75rem 1.25rem;white-space:nowrap}.preview-canvas,.preview-container{aspect-ratio:4/5;height:auto;max-width:400px;width:100%}.delivery-info{width:100%}.loading-modal-content{padding:3rem 2rem;width:95%}.loading-title{font-size:2rem}.progress-bar-container{height:50px}}.confirmation-container{align-items:center;background-color:#a8e6f5;display:flex;flex:1 1;height:100%;justify-content:center;padding:2rem;width:100%}.confirmation-content{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:1200px;width:100%}.confirmation-title{color:#000;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.3;margin:0;text-align:center}.brand-text{font-weight:700}.confirmation-subtitle{color:#000;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;margin:0;text-align:center}.confirmation-main{align-items:center;display:flex;gap:3rem;justify-content:center;width:100%}.avatar-display-container{border-radius:12px;box-shadow:0 4px 12px #00000026;overflow:hidden}.confirmation-avatar{border-radius:12px;display:block;height:500px;width:400px}.confirmation-details{align-items:flex-start;display:flex;flex-direction:column;gap:2rem}.confirmation-code-section{display:flex;flex-direction:column;gap:1rem}.confirmation-code-label{color:#000;font-size:1.5rem;font-weight:400;letter-spacing:.05em}.confirmation-code{color:#000;font-family:monospace;font-size:2.5rem;font-weight:400}.confirmation-message{color:#000;font-size:1.125rem;font-weight:400;margin:0}.confirmation-actions{display:flex;gap:2rem;margin-top:1rem}.try-game-button{background-color:#fff;border:3px solid #7ec850;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#7ec850;cursor:pointer;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;padding:1rem 3rem;transition:all .2s}.try-game-button:hover{background-color:#f0fff0;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.try-game-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.send-another-button{background-color:#7ec850;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;padding:1rem 3rem;transition:all .2s}.send-another-button:hover{background-color:#6db840;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.send-another-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}@media (max-width:992px){.confirmation-main{flex-direction:column;gap:2rem}.confirmation-details{align-items:center;text-align:center}.avatar-display-container,.confirmation-avatar{aspect-ratio:4/5;height:auto;max-width:400px;width:100%}}@media (max-width:576px){.confirmation-container{padding:1rem}.confirmation-actions{flex-direction:column;gap:1rem;width:100%}.send-another-button,.try-game-button{width:100%}.confirmation-code{font-size:1.75rem}.confirmation-code-label{font-size:1.125rem}}.game-placeholder-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center;padding:2rem;width:100%}.game-placeholder-content{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;gap:1.5rem;max-width:600px;padding:4rem 3rem;text-align:center}.game-placeholder-title{color:#667eea;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0}.game-placeholder-message{color:#666;font-size:1.25rem;font-weight:400;line-height:1.6;margin:0}.game-back-button{background-color:#667eea;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;margin-top:1rem;padding:1rem 3rem;transition:all .2s}.game-back-button:hover{background-color:#5568d3;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.game-back-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}@media (max-width:576px){.game-placeholder-content{padding:3rem 2rem}.game-placeholder-message{font-size:1.125rem}}.reset-password-page{align-items:center;background:linear-gradient(135deg,#f4e87c,#7ec850);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:500px;padding:50px;width:100%}.reset-password-container h1{color:#333;font-size:32px;margin:0 0 30px;text-align:center}.reset-password-container .loading-message{color:#666;font-size:16px;text-align:center}.reset-password-container .form-group{margin-bottom:20px}.reset-password-container label{color:#333;display:block;font-weight:500;margin-bottom:8px}.reset-password-container input{border:2px solid #ddd;border-radius:10px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s;width:100%}.reset-password-container input:focus{border-color:#7ec850;outline:none}.reset-password-container input:disabled{background:#f5f5f5;cursor:not-allowed}.reset-password-container .submit-button{background:#7ec850;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s;width:100%}.reset-password-container .submit-button:hover:not(:disabled){background:#6bb043;box-shadow:0 4px 12px #7ec8504d;transform:translateY(-2px)}.reset-password-container .submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.reset-password-container .success-message{padding:30px;text-align:center}.reset-password-container .success-icon{align-items:center;animation:scaleIn .3s ease-out;background:#7ec850;border-radius:50%;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.reset-password-container .success-message p{color:#155724;font-size:18px;font-weight:500;margin:10px 0}.reset-password-container .redirect-message{color:#666!important;font-size:14px!important;font-weight:400!important}.reset-password-container .error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:15px;padding:12px 16px;text-align:center}.reset-password-container .expired-link-message{font-size:14px;margin-top:10px}.reset-password-container .link{color:#7ec850;cursor:pointer;text-decoration:underline}.reset-password-container .link:hover{color:#6bb043}.gift-display{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.gift-display-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.error-container,.loading-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center}.error-container h1{color:#e74c3c;margin-bottom:1rem}.gift-data-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;max-width:800px;padding:2rem;width:100%}.gift-data-container h1{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.gift-info-section{border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem;padding-bottom:1.5rem}.gift-info-section:last-of-type{border-bottom:none}.gift-info-section h2{color:#555;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.gift-info-section p{color:#333;font-size:1.1rem;margin:0}.confirmation-code{color:#7ec850;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.1em}.status{color:#7ec850;font-weight:600;text-transform:capitalize}.avatar-details{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:.5rem}.avatar-item{background:#f9f9f9;border-radius:5px;font-size:.95rem;padding:.5rem}.avatar-item strong{color:#555;text-transform:capitalize}.home-button{background-color:#7ec850;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:2rem;padding:1rem;transition:all .3s ease;width:100%}.home-button:hover{background-color:#6db840;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.home-button:active{transform:translateY(0)}@media (max-width:768px){.gift-data-container{padding:1.5rem}.gift-data-container h1{font-size:1.5rem}.avatar-details{grid-template-columns:1fr}}
/*# sourceMappingURL=main.822f0514.css.map*/