*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent}.onboarding-screen,.loading-screen{overscroll-behavior:none;touch-action:pan-x pan-y}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}button{-webkit-user-select:none;user-select:none}:root{--color-primary: #8B0000;--color-primary-dark: #5C0000;--color-gold: #BF9E32;--color-gold-light: #FFD700;--color-cream: #FFF8DC;--color-brown: #4A3728;--color-white: #FFFFFF;--color-error: #DC3545;--color-gray: #666666;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}html,body{font-family:var(--font-sans);background:linear-gradient(135deg,var(--color-cream) 0%,#FFE4B5 100%);min-height:100vh;min-height:100dvh;color:var(--color-brown);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;padding-top:calc(88px + var(--safe-area-top))}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#f44336,#c62828);color:#fff;text-align:center;padding:10px 20px;padding-top:calc(10px + var(--safe-area-top));font-size:14px;font-weight:500;box-shadow:0 2px 8px #0003}.loading-fallback{display:flex;align-items:center;justify-content:center;min-height:200px;width:100%}.loading-spinner{width:40px;height:40px;border:3px solid rgba(139,0,0,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(16px + var(--safe-area-top));padding-left:calc(20px + var(--safe-area-left));padding-right:calc(20px + var(--safe-area-right));max-width:480px;margin:0 auto;width:100%;position:fixed;top:0;left:0;right:0;z-index:200;background:linear-gradient(135deg,var(--color-cream) 0%,#FFE4B5 100%)}.app-header-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.back-btn{width:40px;height:40px;border:none;background:transparent;color:var(--color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.back-btn:hover{background:#8b00001a}.back-btn:active{background:#8b000033;transform:scale(.95)}.app-header-logo{flex-shrink:0}.app-header-logo-img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #8b000026,0 0 0 2px var(--color-gold)}.app-header-title{flex:1;text-align:center;padding:0 12px}.app-header-title h1{font-size:18px;color:var(--color-primary);margin:0 0 2px;line-height:1.2}.app-header-title p{font-size:11px;color:var(--color-brown);opacity:.8;margin:0;line-height:1.3}.app-header-actions{flex-shrink:0}.music-toggle-btn{width:40px;height:40px;border-radius:50%;border:none;background:#fffffff2;box-shadow:0 2px 10px #0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s,background .2s}.music-toggle-btn:hover{transform:scale(1.08);box-shadow:0 4px 16px #0003;background:var(--color-white)}.music-toggle-btn:active{transform:scale(.95)}.music-toggle-btn svg{color:var(--color-primary)}.input-screen{flex:1;padding:0 20px 20px;padding-bottom:calc(20px + var(--safe-area-bottom));padding-left:calc(20px + var(--safe-area-left));padding-right:calc(20px + var(--safe-area-right));max-width:480px;margin:0 auto;width:100%}.error-banner{background:var(--color-error);color:var(--color-white);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:13px;line-height:1.4}.form,.form-row{display:flex;flex-direction:column;gap:20px}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--color-brown);line-height:1.4}.form-group input[type=text],.form-group input[type=date]{padding:14px 16px;min-height:48px;border:2px solid #DDD;border-radius:10px;font-size:16px;transition:border-color .2s;background:var(--color-white)}.form-group input[type=text]:focus,.form-group input[type=date]:focus{outline:none;border-color:var(--color-gold)}.date-preview{font-size:12px;color:var(--color-gray);margin-top:4px}.field-error{font-size:11px;color:var(--color-error);margin-top:4px;display:block;line-height:1.3}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#8b00000d;border-radius:10px;border:1px dashed var(--color-gray)}.toggle-label{font-size:13px;font-weight:500;color:var(--color-brown)}.toggle-switch{position:relative;width:52px;height:32px;min-width:52px;min-height:32px;background:#ccc;border:none;border-radius:16px;cursor:pointer;transition:background .2s;padding:0}.toggle-switch.toggle-on{background:var(--color-primary)}.toggle-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;background:var(--color-white);border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.toggle-switch.toggle-on .toggle-knob{transform:translate(20px)}.dev-mode-section{margin-top:12px}.dev-mode-hint{font-size:12px;color:var(--color-gray);margin-bottom:12px;padding:10px 12px;background:#8b00000d;border-radius:6px;border-left:3px solid var(--color-primary);line-height:1.4}.dev-toggles-panel{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:#8b000008;border-radius:8px;border:1px dashed rgba(139,0,0,.2)}.dev-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.dev-toggle-row:last-child{border-bottom:none}.dev-toggle-label{font-size:13px;font-weight:500;color:var(--color-brown)}.character-file-loading{padding:20px;text-align:center;font-size:12px;color:var(--color-gray);background:#8b000008;border-radius:10px;border:2px dashed #ddd}.character-file-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.character-file-preview img{max-width:200px;max-height:200px;border-radius:10px;border:2px solid var(--color-gold);background:repeating-conic-gradient(#f0f0f0 0% 25%,transparent 0% 50%) 50% / 16px 16px}.input-with-voice{display:flex;gap:8px;align-items:stretch}.input-with-voice input[type=text]{flex:1;min-width:0}.voice-btn{width:48px;min-width:48px;min-height:48px;border:2px solid #DDD;border-radius:10px;background:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.voice-btn:hover{border-color:var(--color-gold);background:var(--color-cream)}.voice-btn:active:not(.listening){transform:scale(.95)}.voice-btn.listening{border-color:var(--color-primary);background:#8b00001a;animation:pulse 1.5s ease-in-out infinite}.voice-icon{width:20px;height:20px;color:#666}.voice-btn:hover .voice-icon{color:var(--color-gold)}.voice-btn.listening .voice-icon{color:var(--color-primary)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.photo-upload-empty{width:100%}.upload-btn{padding:14px;min-height:48px;background:var(--color-white);border:2px dashed var(--color-gold);border-radius:10px;font-size:12px;color:var(--color-brown);cursor:pointer;transition:all .2s;width:100%}.upload-btn:hover{background:var(--color-cream);border-style:solid}.upload-btn:active{transform:scale(.98)}.upload-btn-large{padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{font-size:26px;color:var(--color-gold);font-weight:300}.upload-text{font-size:14px;font-weight:500;color:var(--color-brown)}.upload-hint{font-size:12px;color:var(--color-gray)}.upload-text-hindi{font-size:13px;font-weight:500;color:var(--color-brown);opacity:.85}.upload-hint-hindi{font-size:11px;color:var(--color-gray);opacity:.9}.photo-card{display:flex;flex-direction:column;align-items:center;gap:6px}.photo-card-clickable{transition:opacity .2s ease}.photo-card-clickable:hover{opacity:.95}.photo-card-clickable:active{opacity:.9}.photo-label{font-size:11px;font-weight:600;color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px}.photo-preview{width:140px;height:140px;border-radius:10px;overflow:hidden;border:2px solid var(--color-gold)}.change-photo-btn{position:absolute;bottom:8px;right:8px;padding:6px 12px;font-size:11px;font-weight:500;color:#fffffff2;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:5}.change-photo-btn:hover{background:#000000bf;border-color:#ffffff4d;transform:translateY(-1px)}.change-photo-btn:active{transform:translateY(0);background:#000000d9}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-pair{display:flex;align-items:center;gap:12px}.swap-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-gold);background:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.swap-btn:hover{background:var(--color-gold)}.swap-btn:hover .swap-icon{color:var(--color-white)}.swap-icon{font-size:16px;color:var(--color-gold);transition:color .2s}.change-photos-btn{padding:12px 20px;min-height:44px;background:transparent;border:1px solid var(--color-gray);border-radius:8px;font-size:12px;color:var(--color-gray);cursor:pointer;transition:all .2s}.change-photos-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.hero-container{background-color:#fffacd;padding:16px 20px;border-radius:12px;margin-left:-20px;margin-right:-20px;margin-top:12px}@media (max-width: 414px){.hero-container,.status-message-box{margin-left:-16px;margin-right:-16px;padding:14px 16px}}@media (max-width: 320px){.hero-container,.status-message-box{margin-left:-12px;margin-right:-12px;padding:12px}}.sample-video-header{text-align:center}.sample-video-header label{font-size:20px;display:block}.sample-video-header .form-hint{text-align:center}.sample-video-player{width:60%;max-width:220px;margin:0 auto;border-radius:12px;display:block;box-shadow:0 4px 20px #00000026}.sample-video-value{text-align:center}.sample-video-value-hindi{font-size:14px;color:var(--color-brown);line-height:1.6;margin:0}.sample-video-highlight{color:var(--color-primary);font-weight:600}.form-hint{font-size:13px;color:var(--color-gray);margin-top:4px;line-height:1.4}.status-message-box{font-size:13px;line-height:1.4;margin-left:-20px;margin-right:-20px;margin-top:12px;padding:16px 20px;border-radius:12px}.status-message-box.status-success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#2e7d32}.status-message-box.status-error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:var(--color-error)}.status-message-box .status-hint{display:block;margin-top:4px;font-size:12px;opacity:.8}.processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:10px;z-index:10}.processing-indicator{color:#fff;text-align:center;padding:16px;width:85%}.processing-indicator .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.processing-text{font-size:14px;font-weight:500;margin-bottom:12px}.upload-progress-bar{width:100%;height:24px;background:#fff3;border-radius:12px;position:relative;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-gold),#7dc96b);border-radius:12px;transition:width .3s ease}.upload-progress-text{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:12px;font-weight:600;color:#fff}.generate-btn{margin-top:10px;padding:18px;min-height:52px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b00004d}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn:active:not(:disabled){transform:scale(.98)}.go-back-btn{margin-top:12px;padding:14px;min-height:48px;background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,background .2s,color .2s}.go-back-btn:hover{background:#8b00000d;transform:translateY(-1px)}.go-back-btn:active{transform:scale(.98);background:#8b00001a}.rate-limit-info{margin-top:12px;padding:10px 16px;background:#bf9e321a;border-radius:8px;font-size:13px;text-align:center;color:var(--color-gray)}.rate-limit-info.rate-limit-warning{background:#ffc10726;color:#856404}.rate-limit-info .rate-limit-exceeded{color:var(--color-error);font-weight:500}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;padding-top:18vh;padding-top:calc(100px + var(--safe-area-top));padding-bottom:calc(20px + var(--safe-area-bottom));text-align:center;overflow:hidden;background:var(--color-cream)}.loading-screen .loading-content{display:flex;flex-direction:column;align-items:center;text-align:center}.loading-content{max-width:360px;width:100%}.loading-text{font-size:19px;color:var(--color-primary);line-height:1.4;margin-bottom:24px}.mascot-container{margin-bottom:24px}.mascot-container-large{margin-bottom:32px}.mascot{max-width:200px;max-height:200px}.mascot-large{max-width:320px;max-height:320px}.progress-container{margin-bottom:20px}.progress-bar{width:280px;max-width:80%;height:12px;background:#8b00001a;border-radius:6px;overflow:hidden;margin-bottom:8px;margin-left:auto;margin-right:auto}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-gold) 100%);border-radius:6px;transition:width .75s ease-out}.progress-fill.completing{transition:width 1s ease-out}.progress-text{font-size:13px;color:var(--color-brown);font-weight:500}.loading-trivia{text-align:center;margin-top:16px;padding:16px 20px;background:#ffffff80;border-radius:12px;border:1px solid rgba(139,0,0,.1)}.trivia-primary{font-size:15px;color:var(--color-brown);font-weight:600;margin-bottom:6px;line-height:1.4}.trivia-secondary{font-size:12px;color:var(--color-brown);opacity:.7;line-height:1.3}.cancel-btn{margin-top:24px;padding:12px 32px;background:transparent;color:var(--color-brown);border:1px solid rgba(139,69,19,.3);border-radius:50px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.7}.cancel-btn:hover{opacity:1;border-color:#8b451380;background:#8b45130d}.cancel-btn:active{opacity:.5;transform:scale(.98)}.result-screen{flex:1;display:flex;flex-direction:column;padding:0 20px 20px;padding-bottom:calc(20px + var(--safe-area-bottom));padding-left:calc(20px + var(--safe-area-left));padding-right:calc(20px + var(--safe-area-right));max-width:480px;margin:0 auto;width:100%}.invite-preview{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.invite-image{max-width:100%;max-height:60vh;border-radius:12px;box-shadow:0 8px 32px #00000026;background:repeating-conic-gradient(#f0f0f0 0% 25%,transparent 0% 50%) 50% / 16px 16px}.image-preview{width:100%;display:flex;justify-content:center;align-items:center}.video-preview{width:100%}.invite-video{max-width:100%;max-height:60vh;border-radius:12px;box-shadow:0 8px 32px #00000026;background:#000}.video-loading{display:flex;align-items:center;justify-content:center;width:100%;height:300px;background:#0000000d;border-radius:12px;color:var(--color-brown);font-size:15px}.action-buttons{display:flex;flex-wrap:wrap;gap:14px}.download-btn,.share-btn,.start-over-btn{flex:1;padding:16px 24px;min-height:52px;border:none;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;letter-spacing:.3px}.download-btn:before,.share-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.download-btn:hover:before,.share-btn:hover:before{left:100%}.download-btn{background:linear-gradient(135deg,var(--color-primary) 0%,#6B0F1A 100%);color:var(--color-white);box-shadow:0 4px 15px #8b00004d,inset 0 1px #ffffff1a}.share-btn{background:linear-gradient(135deg,#00d26a,#00a854);color:var(--color-white);box-shadow:0 4px 15px #00a85459,inset 0 1px #ffffff26}.start-over-btn{flex-basis:100%;background:transparent;color:var(--color-brown);border:1px solid rgba(139,69,19,.3);font-weight:500;padding:14px 24px;opacity:.7}.download-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #8b000066,inset 0 1px #ffffff26}.share-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00a85473,inset 0 1px #fff3}.start-over-btn:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}.download-btn:active,.share-btn:active{transform:translateY(-1px)}.start-over-btn:active{opacity:.5}@media (max-width: 414px){.app{padding-top:calc(80px + var(--safe-area-top))}.app-header{padding:12px 16px;padding-top:calc(12px + var(--safe-area-top));padding-left:calc(16px + var(--safe-area-left));padding-right:calc(16px + var(--safe-area-right))}.app-header-logo-img{width:48px;height:48px}.app-header-title h1{font-size:16px}.app-header-title p{font-size:10px}.input-screen,.result-screen{padding:0 16px 16px;padding-bottom:calc(16px + var(--safe-area-bottom));padding-left:calc(16px + var(--safe-area-left));padding-right:calc(16px + var(--safe-area-right))}.loading-screen{padding-top:15vh}.form{gap:18px}.action-buttons{gap:12px}.download-btn,.share-btn{padding:14px 20px;font-size:12px}}@media (max-width: 375px){.app{padding-top:calc(76px + var(--safe-area-top))}.app-header-logo-img{width:44px;height:44px}.app-header-title h1{font-size:15px}.app-header-title p{font-size:9px}.music-toggle-btn{width:36px;height:36px}.music-toggle-btn svg{width:18px;height:18px}.loading-screen{padding-top:14vh}.loading-text{font-size:17px}.form-group input[type=text],.form-group input[type=date]{padding:12px 14px}.generate-btn{padding:16px;font-size:14px}.photo-preview{width:120px;height:120px}.mascot-large{max-width:280px;max-height:280px}}@media (max-width: 320px){.app{padding-top:calc(70px + var(--safe-area-top))}.app-header{padding:10px 12px;padding-top:calc(10px + var(--safe-area-top));padding-left:calc(12px + var(--safe-area-left));padding-right:calc(12px + var(--safe-area-right))}.app-header-logo-img{width:40px;height:40px}.app-header-title{padding:0 8px}.app-header-title h1{font-size:14px}.app-header-title p{font-size:8px}.music-toggle-btn{width:32px;height:32px}.music-toggle-btn svg{width:16px;height:16px}.input-screen,.result-screen{padding:0 12px 12px;padding-bottom:calc(12px + var(--safe-area-bottom));padding-left:calc(12px + var(--safe-area-left));padding-right:calc(12px + var(--safe-area-right))}.loading-screen{padding-top:12vh}.loading-text{font-size:15px}.form{gap:14px}.form-group label{font-size:11px}.form-group input[type=text],.form-group input[type=date]{padding:10px 12px;font-size:15px}.generate-btn{padding:14px;font-size:13px}.photo-preview{width:100px;height:100px}.mascot-large{max-width:220px;max-height:220px}.voice-btn{width:44px;min-width:44px;min-height:44px}.voice-icon{width:18px;height:18px}.download-btn,.share-btn,.start-over-btn{padding:12px 16px;font-size:11px;min-height:48px}.action-buttons{gap:10px}}.onboarding-screen{text-align:center}.onboarding-screen .form{align-items:center}.onboarding-step{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.onboarding-logo-section{display:flex;justify-content:center;margin-bottom:8px}.onboarding-logo{width:160px;height:160px;border-radius:50%;object-fit:cover;background:var(--color-white);box-shadow:0 8px 32px #8b000040,0 0 0 4px var(--color-gold),0 0 0 8px #bf9e3233;animation:logoFadeIn .6s ease-out}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.onboarding-label{font-size:20px;color:var(--color-primary);font-weight:600;line-height:1.5;text-align:center}.onboarding-label-sub{font-size:15px;font-weight:500;color:var(--color-brown);opacity:.85;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px}.whatsapp-logo{width:24px;height:24px;fill:#25d366;flex-shrink:0;vertical-align:middle}.onboarding-media-section{position:relative;width:100%;display:flex;justify-content:center}.onboarding-media{max-width:100%;max-height:45vh;border-radius:12px;box-shadow:0 4px 20px #0000001f;object-fit:contain}.onboarding-video{background:#000}.sparkle-icon{position:absolute;bottom:10%;right:10%;width:48px;height:48px;animation:sparklePop .4s ease-out forwards;pointer-events:none}.sparkle-icon svg{width:100%;height:100%;fill:var(--color-gold);filter:drop-shadow(0 2px 8px rgba(191,158,50,.5))}@keyframes sparklePop{0%{transform:scale(0) rotate(-20deg);opacity:0}70%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.back-link-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #DDD;border-radius:10px;color:var(--color-brown);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;align-self:flex-start}.back-link-btn svg{width:18px;height:18px;color:var(--color-primary)}.back-link-btn:hover:not(:disabled){border-color:var(--color-gold);background:var(--color-cream)}.back-link-btn:active:not(:disabled){transform:scale(.98)}.back-link-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 414px){.onboarding-logo{width:140px;height:140px}.onboarding-label{font-size:18px}.onboarding-label-sub{font-size:14px}}@media (max-width: 375px){.onboarding-logo{width:120px;height:120px}.onboarding-label{font-size:17px}.onboarding-label-sub{font-size:13px}.whatsapp-logo{width:20px;height:20px}.onboarding-media{max-height:40vh}.back-link-btn{padding:8px 12px;font-size:12px}.back-link-btn svg{width:16px;height:16px}}@media (max-width: 320px){.onboarding-logo{width:100px;height:100px}.onboarding-label{font-size:15px}.onboarding-label-sub{font-size:12px}.whatsapp-logo{width:18px;height:18px}.onboarding-media{max-height:35vh}.sparkle-icon{width:36px;height:36px}}@media (min-height: 800px){.onboarding-media{max-height:50vh}.onboarding-step{gap:28px}}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.confirmation-modal{background:#fffacd;border-radius:16px;max-width:450px;width:100%;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:0 4px 24px #0000004d}.modal-header{color:var(--color-primary);font-size:20px;font-weight:600;margin-bottom:20px;text-align:center;line-height:1.4}.modal-header-english{display:block;font-size:14px;font-weight:400;color:var(--color-gray);margin-top:4px}.modal-photo-container{margin-bottom:20px;text-align:center}.modal-photo-container img{width:100%;max-height:200px;object-fit:contain;border-radius:8px;border:2px solid var(--color-gold)}.modal-label{margin-top:8px;font-size:14px;color:var(--color-gray)}.modal-details{background:#ffffffb3;border-radius:8px;padding:16px;margin-bottom:20px}.modal-detail-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.modal-detail-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.modal-detail-label{display:block;font-size:13px;color:var(--color-gray);margin-bottom:4px}.modal-detail-value{display:block;font-size:16px;font-weight:500;color:var(--color-brown);word-break:break-word}.modal-actions{display:flex;flex-direction:column;gap:12px}.modal-btn{width:100%;padding:14px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-btn-proceed{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.modal-btn-proceed:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b00004d}.modal-btn-edit{background:#fffc;color:var(--color-primary);border:2px solid var(--color-primary)}.modal-btn-edit:hover{background:#fff}@media (max-width: 480px){.confirmation-modal{padding:20px}.modal-header{font-size:18px}.modal-detail-value{font-size:15px}}