@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&family=Playfair+Display:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.left-2{left:calc(var(--spacing)*2)}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.mt-15{margin-top:calc(var(--spacing)*15)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-4{height:calc(var(--spacing)*4)}.h-\[100svh\]{height:100svh}.h-full{height:100%}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.overflow-hidden{overflow:hidden}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.border-black\/5{border-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.bg-\[\#4b3152\]{background-color:#4b3152}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.px-6{padding-inline:calc(var(--spacing)*6)}.pt-12{padding-top:calc(var(--spacing)*12)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.font-sans{font-family:var(--font-sans)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-\[24px\]{font-size:24px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media(min-width:40rem){.sm\:w-\[390px\]{width:390px}}}.landing-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100dvh;width:100%;background-color:#fff8fb;padding:20px 10px;text-align:center;font-family:Outfit,sans-serif;box-sizing:border-box;overflow:hidden}.illustration-box{width:100%;max-width:500px;flex:1.5;display:flex;justify-content:center;align-items:center;margin-top:20px}.illustration-img{width:100%;height:auto;object-fit:contain;transform:scale(1.1)}.text-box{flex:.8;display:flex;align-items:center;justify-content:center;margin:20px 0}.landing-title{font-size:clamp(26px,8vw,38px);font-weight:800;color:#2d1b31;line-height:1.2;margin:0}.button-box{width:100%;max-width:320px;padding-bottom:40px}.google-login-btn{width:100%;background-color:#5e3b63;color:#fff;padding:18px;border-radius:50px;font-size:18px;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,background-color .3s ease;box-shadow:0 4px 15px #5e3b634d}.google-login-btn:active{transform:scale(.96)}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.fade-in-up-delay{animation:fadeInUp .8s ease-out .3s forwards;opacity:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.landing-container{max-width:450px;margin:0 auto;border-radius:40px;height:90vh;margin-top:5vh}}.app-viewport-wrapper{width:100%;min-height:100svh;display:flex;justify-content:center;align-items:center;background-color:#fff8fb}.mobile-container-main{width:100%;max-width:420px;min-height:100svh;background-color:#fff8fb;display:flex;flex-direction:column;position:relative;overflow-x:hidden;border-radius:16px;box-shadow:0 10px 40px #00000014;padding-bottom:env(safe-area-inset-bottom)}@media(max-width:768px){.app-viewport-wrapper{align-items:stretch}.mobile-container-main{max-width:100%;min-height:100dvh;border-radius:0;box-shadow:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.left-2{left:calc(var(--spacing)*2)}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.mt-15{margin-top:calc(var(--spacing)*15)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-4{height:calc(var(--spacing)*4)}.h-\[100svh\]{height:100svh}.h-full{height:100%}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.overflow-hidden{overflow:hidden}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.border-black\/5{border-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.bg-\[\#4b3152\]{background-color:#4b3152}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.px-6{padding-inline:calc(var(--spacing)*6)}.pt-12{padding-top:calc(var(--spacing)*12)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.font-sans{font-family:var(--font-sans)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-\[24px\]{font-size:24px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media(min-width:40rem){.sm\:w-\[390px\]{width:390px}}}@keyframes fadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.web-container{z-index:50;background-color:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.appreciate-screen{background-color:#4b3152;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@media(min-width:640px){.appreciate-screen{width:390px}}.bg-image{object-fit:cover;object-position:bottom;z-index:1;width:100%;height:100%;position:absolute;inset:0}.content-overlay{z-index:2;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;padding-top:25vh;display:flex;position:relative}.text-style{color:#fff;letter-spacing:.02em;text-shadow:0 4px 15px #0000004d;font-family:"serif",Georgia,serif;font-size:2.2rem;font-weight:600;line-height:1.2}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.web-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#fff}.interests-screen{position:relative;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;overflow:hidden}@media(min-width:640px){.interests-screen{width:390px;height:100vh;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0}}.scrollable-content{flex:1;overflow-y:auto;padding:24px 20px 120px;scrollbar-width:none}.scrollable-content::-webkit-scrollbar{display:none}.back-btn{font-size:28px;cursor:pointer;margin-bottom:15px}.title-text{font-size:28px;font-weight:800;line-height:1.2;margin-bottom:10px;color:#000}.sub-text{font-size:15px;color:#777;margin-bottom:25px}.interests-grid{display:flex;flex-wrap:wrap;gap:10px}.interest-item{padding:8px 18px;border-radius:20px;border:1px solid #e0e0e0;font-size:14px;cursor:pointer}.interest-item.selected{background:#5d3d63;color:#fff;border-color:#5d3d63}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:100px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to top,white 70%,transparent);z-index:20}.next-circle-btn{width:60px;height:60px;border:1.5px solid #5d3d63;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff}.inner-circle{width:48px;height:48px;background:#5d3d63;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.web-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}.upload-screen{position:relative;width:100%;max-width:400px;height:100vh;max-height:850px;background-color:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #0000001a;border-radius:0}.top-nav-bar{padding:20px;display:flex;align-items:center;position:relative;z-index:10}.back-arrow{cursor:pointer}.header-progress-container{position:absolute;left:50%;transform:translate(-50%);width:140px;height:8px;background:#eee;border-radius:10px;overflow:hidden}.header-progress-fill{width:60%;height:100%;background-color:#5d3d63}.scrollable-content{flex:1;padding:10px 24px;text-align:center;z-index:5}.upload-title{font-size:26px;font-weight:800;margin-top:10px;color:#000}.upload-subtext{font-size:15px;color:#666;margin:12px 0 35px;line-height:1.4}.photo-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.photo-upload-box{aspect-ratio:1 / 1.35;border:1.5px solid #5d3d63;border-radius:18px;display:flex;align-items:center;justify-content:center;background-color:#fff;cursor:pointer;position:relative}.preview-img{width:100%;height:100%;object-fit:cover;border-radius:18px}.plus-icon{position:absolute;bottom:-5px;right:-5px;background:#5d3d63;color:#fff;width:22px;height:22px;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;border:2px solid white}.modal-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;justify-content:flex-end;z-index:100}.options-card{background:#fff;width:100%;padding:25px 20px;text-align:center;border-radius:0;animation:slideUp .3s ease-out}.options-card h3{margin-bottom:20px;font-size:18px;color:#333}.option-btn{width:100%;padding:16px;margin:8px 0;border:1px solid #eee;border-radius:12px;background:#fff;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.cancel-btn{width:100%;padding:15px;margin-top:10px;border:none;background:transparent;color:#ff4d4d;font-weight:700;cursor:pointer;font-size:16px}.instruction-card{background:#fff;border-top-left-radius:35px;border-top-right-radius:35px;padding:30px 24px;animation:slideUp .3s ease-out}.next-btn-purple{width:100%;background:#5d3d63;color:#fff;padding:18px;border-radius:15px;border:none;font-size:16px;font-weight:700;cursor:pointer}.bottom-wave-container{position:absolute;bottom:120px;width:100%;pointer-events:none;opacity:.4}.action-nav{height:140px;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.outer-circle-ring{width:85px;height:85px;border:2px solid #5d3d63;border-radius:50%;display:flex;align-items:center;justify-content:center}.inner-solid-circle{width:68px;height:68px;background-color:#5d3d63;border-radius:50%;display:flex;align-items:center;justify-content:center}.tip-image-container{width:100%;display:flex;justify-content:center;margin-bottom:10px}.tip-card-img{width:150px;height:150px;object-fit:cover;border-radius:20px;box-shadow:0 4px 15px #0000001a}.modal-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;justify-content:flex-end;z-index:1000}.instruction-card{background:#fff;border-top-left-radius:30px;border-top-right-radius:30px;padding:40px 24px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.onboarding-header-container{width:100%;padding-top:20px;margin-bottom:30px;font-family:Outfit,sans-serif}.header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.back-icon-btn{background:none;border:none;cursor:pointer;color:#d1a18c;padding:0;display:flex;align-items:center;transition:transform .2s ease}.back-icon-btn:active{transform:scale(.9)}.skip-text-btn{background:none;border:none;font-size:16px;font-weight:600;color:#888;cursor:pointer}.header-text-group{display:flex;flex-direction:column;gap:10px}.header-title{font-size:30px;font-weight:800;color:#1a1a1a;line-height:1.2;margin:0}.header-description{font-size:18px;color:#666e7a;font-weight:400;margin:0;line-height:1.4}.fade-in-delay{animation:fadeIn .8s ease-out .3s both}@keyframes slideInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.step-footer-container{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:20px}.step-btn-wrapper{position:relative;z-index:1;transition:all .3s ease}.step-btn-wrapper.disabled{opacity:.5;filter:grayscale(.5);cursor:not-allowed}.main-action-btn{background:none;border:none;padding:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg)}.progress-ring-fill{transition:stroke-dashoffset .4s ease-out}.inner-purple-circle{position:absolute;width:60px;height:60px;background-color:#5a3c6d;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #5a3c6d4d;transition:transform .2s ease}.step-btn-wrapper.active .inner-purple-circle:active{transform:scale(.92)}.gender-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.gender-header-section{padding:20px 25px 0;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.gender-header-section h1,.gender-header-section h2,.gender-header-section p{margin-left:0;padding-left:0;text-align:left;width:100%}.gender-selection-body{flex:1;display:flex;align-items:center;justify-content:center;padding:0 25px}.gender-chips-stack{display:flex;flex-direction:column;gap:16px;width:100%;align-items:center}.gender-select-card{width:100%;max-width:160px;height:150px;background:#fff;border:1.5px solid #e2d8e8;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#7a6691}.gender-select-card.is-selected{background-color:#8b6fa8;border-color:#8b6fa8;color:#fff;transform:scale(1.05);box-shadow:0 8px 20px #8b6fa840}.gender-icon-svg svg{width:50px;height:50px;margin-bottom:8px}.gender-label-text{font-size:18px;font-weight:700}.gender-footer-action{padding:20px 25px 40px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:5;flex-shrink:0}.wavy-bg-decoration{position:absolute;top:-40px;left:0;width:100%;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='400' height='80' viewBox='0 0 400 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 60 Q100 20 200 60 T400 60' stroke='%23E2D8E8' stroke-width='2' stroke-dasharray='8 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;opacity:.4;pointer-events:none}@media(max-height:650px){.gender-select-card{height:120px;max-width:130px}.gender-icon-svg svg{width:40px;height:40px}.gender-header-section{padding-top:15px}.gender-footer-action{padding-bottom:20px}}.slide-up-1{animation:genderSlideUp .5s ease-out .1s both}.slide-up-2{animation:genderSlideUp .5s ease-out .2s both}@keyframes genderSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.name-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.name-header-section{padding:20px 25px 0;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.name-header-section h1,.name-header-section h2{margin-bottom:4px;text-align:left}.name-header-section p{margin-top:0;text-align:left;color:#666}.name-body-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 25px 0}.name-input-box{width:100%;max-width:500px}.custom-name-field{width:100%;height:65px;background-color:#fff;border:1.5px solid #8B6FA8;border-radius:20px;padding:0 25px;font-family:Outfit,sans-serif;font-size:20px;font-weight:600;color:#1a1a1a;outline:none;box-shadow:0 10px 25px #8b6fa814;transition:all .3s ease}.custom-name-field:focus{border-color:#5a3c6d;box-shadow:0 10px 30px #5a3c6d26}.name-footer-action{padding:20px 25px 40px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10;flex-shrink:0}.footer-wavy-decoration{position:absolute;top:-40px;left:0;width:100%;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='400' height='80' viewBox='0 0 400 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 60 Q100 20 200 60 T400 60' stroke='%23E2D8E8' stroke-width='2' stroke-dasharray='8 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;opacity:.5;pointer-events:none}@media(max-height:650px){.name-header-section{padding-top:15px}.name-body-content{padding-top:20px}.custom-name-field{height:55px;font-size:18px}.name-footer-action{padding-bottom:20px}}.slide-up{animation:nameSlideUp .5s ease-out both}@keyframes nameSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.say-hy-screen-wrapper{width:100%;flex:1;min-height:100%;background-color:#5a3c6d;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#fff;text-align:center;font-family:Outfit,sans-serif;border-radius:0!important}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.confetti-item{position:absolute;width:40px;top:-50px;opacity:0;animation:confettiFall 4s linear infinite}.c0{left:5%;animation-delay:0s;width:30px}.c1{left:15%;animation-delay:2s;width:45px}.c2{left:25%;animation-delay:1s}.c3{left:40%;animation-delay:3s;width:25px}.c4{left:55%;animation-delay:.5s}.c5{left:70%;animation-delay:2.5s;width:50px}.c6{left:85%;animation-delay:1.5s}.c7{left:33%;animation-delay:4s}.c8{left:60%;animation-delay:1.2s}.c9{left:10%;animation-delay:3.5s}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}.hy-text-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5;padding:0 30px;margin-top:-80px}.hy-title-main{font-size:34px;font-weight:600;margin-bottom:5px}.name-highlight{font-weight:800;text-transform:capitalize}.hy-subtitle-main{font-size:30px;font-weight:700;margin-bottom:12px}.hy-tagline-main{font-size:18px;opacity:.85;font-style:italic;font-weight:400}.wingman-illustration-wrap{width:100%;display:flex;justify-content:center;align-items:flex-end;z-index:2;position:absolute;bottom:0;left:0}.wingman-character{width:85%;max-height:42vh;object-fit:contain;display:block}.fade-in-up{animation:hyFadeUp .8s ease-out forwards}.fade-in-up-delay{animation:hyFadeUp .8s ease-out .4s both}.fade-in-slow{animation:hyFadeIn 1.2s ease-out .8s both}.slide-up-char{animation:charSlideUp 1s ease-out .5s both}@keyframes hyFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes charSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:769px){.say-hy-screen-wrapper{border-radius:0!important}.hy-text-content{margin-top:-100px}.wingman-character{max-height:300px}}.birthday-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.birthday-header-section{padding:20px 25px 0;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.birthday-header-section h1,.birthday-header-section h2{text-align:left;margin-bottom:4px;width:100%}.birthday-header-section p{text-align:left;width:100%;margin-top:0}.birthday-body-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 25px;min-height:0}.cake-illustration-box{display:flex;justify-content:center;margin-bottom:15px}.cake-illustration-box img{width:120px;height:auto;object-fit:contain}.date-display-row{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.display-unit{display:flex;flex-direction:column;gap:4px;align-items:center}.unit-label{font-size:12px;color:#b0b0b0;font-weight:600;text-transform:uppercase}.unit-box{width:65px;height:55px;border:1.5px solid #8B6FA8;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#1a1a1a;background:#fff;box-shadow:0 5px 15px #8b6fa80d}.unit-box.year-large{width:90px}.selection-prompt-banner{background:#5b2e68;color:#fff;padding:12px;border-radius:15px;text-align:center;font-size:14px;font-weight:600;margin:25px 0 15px}.wheel-picker-wrapper{position:relative;display:flex;height:140px;justify-content:space-around;margin-bottom:5px}.picker-selection-bar{position:absolute;top:47px;left:0;right:0;height:46px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;pointer-events:none}.picker-column{flex:1;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.picker-column::-webkit-scrollbar{display:none}.picker-spacer{height:47px}.picker-item-val{height:47px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#d0d0d0;scroll-snap-align:center}.picker-item-val.is-active{color:#1a1a1a;font-weight:800;font-size:19px}.birthday-footer-action{padding:10px 25px 40px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10;flex-shrink:0}.footer-wavy-line{position:absolute;top:-40px;width:100%;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='400' height='80' viewBox='0 0 400 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 60 Q100 20 200 60 T400 60' stroke='%23E2D8E8' stroke-width='2' stroke-dasharray='8 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;opacity:.5;pointer-events:none}@media(max-height:660px){.cake-illustration-box img{width:80px}.wheel-picker-wrapper{height:120px}.birthday-body-content{justify-content:flex-start;padding-top:10px}.date-display-row{margin-bottom:5px}.selection-prompt-banner{margin-bottom:5px;padding:8px}}.scale-up{animation:cakeScale .6s ease-out both}.fade-in{animation:bdayFadeIn .8s ease-out .2s both}.bounce-in{animation:bannerBounce .6s ease-out .4s both}@keyframes cakeScale{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bdayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bannerBounce{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.web-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;overflow:hidden}.upload-screen{position:relative;width:100%;max-width:400px;height:100vh;max-height:850px;background-color:#fff9fb;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000001a;border-radius:20px}.top-nav-bar{display:flex;justify-content:center;padding:15px 0 5px}.header-text{font-size:14px;font-weight:700;color:#888;letter-spacing:.5px}.content-area{flex:1;padding:0 24px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.content-area::-webkit-scrollbar{display:none}.upload-title{font-size:26px;font-weight:800;color:#1a1a1a;margin-top:10px;line-height:1.2}.fields-container{margin-top:25px;display:flex;flex-direction:column;gap:25px}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.field-label{font-size:16px;font-weight:700;color:#000}.value-display{font-size:14px;color:#5d326f;font-weight:600}.custom-slider-container{position:relative;height:40px;width:100%;display:flex;align-items:center}.slider-track{position:absolute;width:100%;height:6px;background:#e8e8e8;border-radius:10px;z-index:1}.slider-progress{position:absolute;height:100%;background:#5d326f;border-radius:10px;z-index:2}.real-slider{position:absolute;width:100%;height:10px;opacity:0;cursor:pointer;z-index:5}.slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#5d326f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;border:3px solid white;box-shadow:0 4px 10px #0000001a;z-index:4;pointer-events:none;transition:left .1s ease-out}.dropdown-group{display:flex;flex-direction:column}.select-wrapper{position:relative;width:100%;margin-top:5px}.select-wrapper select{width:100%;padding:15px 20px;background:#fff;border:1px solid #F0F0F0;border-radius:16px;font-size:15px;font-weight:500;color:#444;appearance:none;outline:none;box-shadow:0 2px 8px #00000008}.arrow-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none}.footer-button{padding:20px 24px 30px;background:#fff9fb}.continue-btn-purple{width:100%;background:#5d326f;color:#fff;padding:16px;border-radius:16px;border:none;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.continue-btn-purple:active{transform:scale(.97);background:#4a2859}@media(max-height:700px){.fields-container{gap:15px}.upload-title{font-size:22px}.select-wrapper select{padding:12px 15px}}@media(max-width:640px){.upload-screen{max-width:100%;max-height:100vh;border-radius:0}}.web-container-celebration{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;overflow:hidden;margin:0;padding:0}.celebration-card-screen{position:relative;width:100%;max-width:400px;height:100vh;max-height:850px;background-color:#5d3b6d;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000026;border-radius:0;overflow:hidden;outline:1px solid #5D3B6D;box-shadow:0 0 0 1px #5d3b6d}.content-area-celebration{flex:1;display:flex;flex-direction:column;justify-content:flex-end;z-index:5}.text-section-bottom{text-align:center;margin-bottom:30px;padding:0 24px}.main-msg-bottom{color:#fff;font-family:Playfair Display,serif;font-size:28px;line-height:1.2;font-weight:500;margin:0}.user-highlight-bottom{font-weight:700;display:block;margin-top:5px}.illustration-section-bottom{display:flex;justify-content:center;align-items:flex-end;margin-bottom:-2px}.trumpet-img-bottom{width:75%;max-height:350px;object-fit:contain;display:block;animation:slideUp .8s ease-out,swing 3s ease-in-out infinite .8s}.confetti-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.confetti-gfx{position:absolute;width:130%;left:-15%;opacity:.4}.c1{top:-10%;animation:fall 7s linear infinite}.c2{top:-40%;animation:fall 9s linear infinite 1.5s}.c3{top:-70%;animation:fall 8s linear infinite 2.5s}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes swing{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}@keyframes fall{0%{transform:translateY(-100%)}to{transform:translateY(900px)}}@media(max-width:640px){.celebration-card-screen{max-width:100%;height:100vh;max-height:100vh;border-radius:0;outline:none;box-shadow:none;width:100.2vw;left:-.1vw}}.quiz-card-container{position:relative;width:100%;max-width:400px;height:100vh;max-height:850px;background-color:#fff9fb;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000000d;border-radius:20px;overflow:hidden;padding:40px 24px;animation:pageFadeIn .6s ease-out}.quiz-illustration-section{flex:1.2;display:flex;justify-content:center;align-items:center;z-index:2}.main-quiz-img{width:100%;max-width:320px;object-fit:contain;animation:floatAnim 3s ease-in-out infinite}.quiz-text-section{flex:.8;text-align:center;z-index:2;animation:slideUpContent .8s ease-out}.quiz-title{font-size:26px;font-weight:800;color:#1a1a1a;line-height:1.25;margin-bottom:12px}.quiz-subtitle{font-size:15px;color:#666;font-weight:500}.quiz-action-section{flex:.6;display:flex;flex-direction:column;gap:15px;z-index:2;animation:slideUpContent 1s ease-out}.quiz-continue-btn{width:100%;background:#5d326f;color:#fff;padding:18px;border-radius:18px;border:none;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}.quiz-continue-btn:active{transform:scale(.96);background:#4a2859}.quiz-later-btn{background:transparent;border:none;color:#5d326f;font-size:16px;font-weight:600;cursor:pointer;padding:10px}.bottom-curve-pattern{position:absolute;bottom:-20px;left:0;width:100%;opacity:.5;z-index:1;pointer-events:none}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-height:700px){.quiz-title{font-size:22px}.quiz-card-container{padding:20px 24px}}.pick-card-web-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;overflow:hidden}.pick-card-screen{position:relative;width:100%;max-width:400px;height:100vh;max-height:850px;background-color:#fff9fb;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000014;border-radius:0;overflow:hidden;padding-bottom:15px}.pick-card-header{display:flex;justify-content:space-between;align-items:center;padding:25px 20px 10px}.card-carousel-wrapper{flex:1;display:flex;align-items:center;width:100%;overflow:hidden}.card-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:0 40px;gap:20px;width:100%;cursor:grab;-webkit-user-select:none;user-select:none}.card-item{scroll-snap-align:center;flex:0 0 85%;height:550px;background-color:#ebd9f3;border-radius:35px;overflow:hidden;box-shadow:0 10px 30px #0000000d}.card-content{padding:40px 20px;text-align:center;display:flex;flex-direction:column;height:100%}.card-title{font-size:24px;font-weight:800;color:#1a1a1a;margin-bottom:10px}.card-subtitle{font-size:14px;color:#666;line-height:1.5;margin-bottom:20px}.card-illustration{flex:1;display:flex;align-items:flex-end;justify-content:center}.card-illustration img{width:100%;max-height:400px;object-fit:contain;pointer-events:none}.pick-card-footer{padding:5px 24px 10px}.continue-btn{width:100%;background:#5d326f;color:#fff;padding:18px;border-radius:18px;border:none;font-size:18px;font-weight:700;cursor:pointer}@media(max-width:640px){.pick-card-screen{max-width:100%;max-height:100vh;border-radius:0}.card-item{flex:0 0 85%}.card-carousel{padding:0 30px}}.quiz-web-wrapper{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;overflow:hidden}.quiz-opt-card{position:relative;background:#fff;border:2px solid #5d326f15;border-radius:24px;padding:15px;display:flex;flex-direction:column;cursor:pointer;transition:all .25s ease;opacity:0;animation:entryPop .5s forwards}.opt-card-label{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:10px;min-height:38px}.opt-img-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:10px}.opt-main-img{width:100%;max-height:110px;object-fit:contain}@media(max-height:720px){.question-text-main{font-size:20px;margin-bottom:15px}.opt-main-img{max-height:85px}.quiz-opt-card{padding:12px}}.quiz-card-container{position:relative;width:100%;max-width:400px;height:100vh;max-height:850px;background-color:#fff9fb;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000000d;border-radius:20px;overflow:hidden;padding:30px 24px;animation:pageFadeIn .6s ease-out}.quiz-header-section{display:flex;align-items:center;gap:15px;margin-bottom:20px}.header-title-quiz{font-size:18px;font-weight:700;color:#1a1a1a}.quiz-content-main{flex:1;display:flex;flex-direction:column;animation:slideUpContent .8s ease-out}.question-text-main{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.25;margin-bottom:25px}.quiz-opt-card{position:relative;background:#fff;border:2px solid #5d326f15;border-radius:24px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .25s ease;opacity:0;animation:entryPop .5s forwards;min-height:180px}.quiz-opt-card:hover{border-color:#5d326f}.horizontal-line-divider{position:absolute;width:100%;height:2px;background-color:#5d326f;z-index:1}.complex-tick-container{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#fff9fb;border-radius:50%;z-index:2;animation:tickPop .3s cubic-bezier(.175,.885,.32,1.275) forwards}.tick-progress-ring{position:absolute;transform:rotate(-90deg)}.opt-card-label{font-size:13.5px;font-weight:700;color:#1a1a1a;margin-bottom:10px;line-height:1.4}.opt-img-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:5px}.opt-main-img{width:auto;max-width:100%;max-height:110px;object-fit:contain}.quiz-footer-action{display:flex;justify-content:center;padding:10px 0}.ring-bar{stroke-dasharray:226;stroke-dashoffset:226;transition:stroke-dashoffset .6s ease}.nav-next-btn{width:62px;height:62px;background-color:#5d326f;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:.4;transition:.3s}.nav-next-btn.ready{opacity:1;box-shadow:0 8px 25px #5d326f66}@keyframes entryPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes tickPop{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-height:720px){.question-text-main{font-size:20px;margin-bottom:15px}.opt-main-img{max-height:85px}.quiz-opt-card{padding:12px;min-height:150px}}.quiz-header-section{display:flex;align-items:center;margin-bottom:35px}.back-btn-quiz{background:none;border:none;cursor:pointer}.header-title-quiz{font-size:18px;font-weight:700;color:#1a1a1a;flex:1;text-align:center;margin-right:24px}.habit-label-text{font-size:15px;font-weight:500;color:#444}.progress-btn-box{position:relative;display:flex;align-items:center;justify-content:center}.main-action-btn{width:66px;height:66px;background-color:#5d326f;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:.35;transition:.4s}.main-action-btn.enabled{opacity:1;transform:scale(1.05);box-shadow:0 10px 30px #5d326f59}@media(max-width:450px){.quiz-card-container{max-width:100%;height:100vh;border-radius:0}}.quiz-card-container{position:relative;width:100%;max-width:400px;height:100vh;max-height:850px;background-color:#fff9fb;display:flex;flex-direction:column;box-shadow:0 15px 50px #00000014;border-radius:30px;overflow:hidden;padding:25px 24px;animation:pageFadeIn .5s ease-out}.quiz-header-section{display:flex;align-items:center;gap:15px;margin-bottom:25px}.back-btn-quiz{background:none;border:none;cursor:pointer;padding:0}.header-title-quiz{font-size:18px;font-weight:700;color:#1a1a1a;flex:1;text-align:center;margin-right:39px}.quiz-content-main{flex:1;display:flex;flex-direction:column;animation:slideUpContent .7s ease-out}.question-text-main{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.3;margin-bottom:30px}.input-field-container{width:100%}.quiz-text-input{width:100%;padding:18px 20px;border:2px solid #5D326F80;border-radius:18px;background-color:transparent;font-size:16px;color:#1a1a1a;font-weight:500;outline:none;transition:all .3s ease}.quiz-text-input:focus{border-color:#5d326f;box-shadow:0 5px 15px #5d326f0d}.quiz-text-input::placeholder{color:#5d326f90}.quiz-footer-action{display:flex;justify-content:center;padding-top:20px}.ring-bar{stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset .6s ease}.nav-next-btn{width:64px;height:64px;background-color:#5d326f;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:.3;transition:all .4s}.nav-next-btn.ready{opacity:1;box-shadow:0 10px 30px #5d326f66}@keyframes slideUpContent{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.quiz-card-container{max-width:100%;max-height:100vh;border-radius:0}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topic-selection-wrapper{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;overflow:hidden;font-family:Inter,sans-serif}.topic-card-container{position:relative;width:100%;max-width:400px;height:100vh;max-height:850px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 15px 50px #00000014;animation:fadeIn .5s ease-out}.topic-header{display:flex;align-items:center;justify-content:space-between;padding:50px 24px 20px}.topic-back-btn{background:none;border:none;cursor:pointer;padding:0;width:24px}.header-spacer{width:24px}.topic-header-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.topic-slider-section{flex:1;display:flex;align-items:center;overflow:visible}.topic-swiper{width:100%;padding:10px 0 40px}.topic-slide{width:280px;height:480px;transition:transform .3s}.topic-main-card{width:100%;height:100%;background-color:#ead1f0;border-radius:28px;padding:30px 20px;display:flex;flex-direction:column;box-shadow:0 10px 25px #5d326f1f}.topic-text-box{text-align:center;margin-bottom:20px}.topic-card-title{font-size:22px;font-weight:800;color:#1a1a1a;line-height:1.2;margin-bottom:10px}.topic-card-desc{font-size:14px;color:#333;font-weight:500;line-height:1.4}.topic-img-box{flex:1;display:flex;align-items:center;justify-content:center}.topic-illustration{width:100%;max-height:230px;object-fit:contain}.topic-footer{padding:20px 24px 40px}.topic-continue-btn{width:100%;background-color:#5d326f;color:#fff;border:none;padding:18px;border-radius:20px;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 8px 25px #5d326f40}@media(max-width:640px){.topic-card-container{max-width:100%;max-height:100vh;border-radius:0;box-shadow:none}.topic-header{padding-top:40px}}@media(max-width:380px){.topic-slide{width:250px;height:420px}.topic-card-title{font-size:19px}.topic-illustration{max-height:180px}}@media(max-height:700px){.topic-slide{height:380px;width:240px}.topic-header{padding-top:25px;padding-bottom:10px}.topic-card-title{font-size:18px}.topic-card-desc{font-size:12px}.topic-illustration{max-height:160px}.topic-footer{padding-bottom:25px}}.quiz-header-section{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-bottom:20px}.question-text-main{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.35;margin-bottom:25px;animation:slideUpContent .8s ease-out}.quiz-opt-card{position:relative;background:#fff;border:2.2px solid #5d326f15;border-radius:24px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .25s ease;opacity:0;animation:entryPop .5s forwards;min-height:180px}.quiz-opt-card:hover{border-color:#5d326f40}.complex-tick-container{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;z-index:2;animation:tickBounce .45s cubic-bezier(.34,1.56,.64,1)}.tick-mask-bg{position:absolute;width:42px;height:42px;background-color:#fff9fb;border-radius:50%;z-index:1}.opt-card-label{font-size:13px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.3}.opt-main-img{width:auto;max-width:100%;max-height:105px;object-fit:contain;transition:.3s}.quiz-opt-card.selected .opt-main-img{transform:scale(1.05)}.quiz-footer-action{display:flex;justify-content:center;padding:10px 0 30px}.progress-ring-box{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.ring-bar{stroke-dasharray:226;stroke-dashoffset:226;transition:stroke-dashoffset .8s ease;stroke-linecap:round}.nav-next-btn{width:62px;height:62px;background-color:#5d326f;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:.35;transition:.4s cubic-bezier(.175,.885,.32,1.275)}.nav-next-btn.ready{opacity:1;transform:scale(1.05);box-shadow:0 10px 25px #5d326f59}@media(max-height:720px){.quiz-opt-card{min-height:155px;padding:12px}.opt-main-img{max-height:85px}.question-text-main{font-size:20px;margin-bottom:15px}}.quiz-card-container{position:relative;width:100%;max-width:400px;height:100vh;max-height:850px;background-color:#fff9fb;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000000d;border-radius:30px;overflow:hidden;padding:20px 24px;animation:pageFadeIn .6s ease-out}.quiz-header-section{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-bottom:10px}.header-title-quiz{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;text-align:center}.question-text-main{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.3;margin-bottom:25px;animation:slideUpContent .8s ease-out}.options-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;padding-bottom:40px}.quiz-opt-card{position:relative;background:#fff;border:2.2px solid #5d326f15;border-radius:24px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .25s ease;opacity:0;animation:entryPop .5s forwards;min-height:175px}.quiz-opt-card:hover{border-color:#5d326f30}.quiz-opt-card.selected{border-color:#5d326f;background-color:#fbf7fd}.selection-tick-wrapper{position:absolute;bottom:-2px;left:0;width:100%;height:44px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.horizontal-line-divider{position:absolute;width:100%;height:2.5px;background-color:#5d326f;z-index:1;animation:lineExpand .35s ease-out}.complex-tick-container{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;z-index:2;animation:tickBounce .45s cubic-bezier(.34,1.56,.64,1) forwards}.tick-mask-bg{position:absolute;width:42px;height:42px;background-color:#fff;border-radius:50%;z-index:1}.tick-progress-ring{position:absolute;transform:rotate(-90deg);z-index:2;animation:ringRotate 1.2s infinite linear}.inner-tick-circle{width:30px;height:30px;background-color:#5d326f;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.opt-card-label{font-size:13px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.35}.opt-img-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:5px}.opt-main-img{width:auto;max-width:100%;max-height:100px;object-fit:contain;transition:.3s}.quiz-footer-action{display:flex;justify-content:center;padding:10px 0 25px}.progress-ring-box{position:relative;width:85px;height:85px;display:flex;align-items:center;justify-content:center}.svg-ring{position:absolute;transform:rotate(-90deg)}.ring-bar{stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset .6s ease;stroke-linecap:round}.nav-next-btn{width:64px;height:64px;background-color:#5d326f;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:.35;transition:.4s cubic-bezier(.175,.885,.32,1.275)}.nav-next-btn.ready{opacity:1;transform:scale(1.05);box-shadow:0 10px 25px #5d326f4d}@keyframes slideUpContent{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes entryPop{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes lineExpand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tickBounce{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-height:720px){.quiz-opt-card{min-height:150px;padding:12px}.opt-main-img{max-height:80px}.question-text-main{font-size:20px;margin-bottom:15px}}.quiz-web-wrapper{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;overflow:hidden;font-family:Inter,sans-serif}.quiz-card-container{position:relative;width:100%;max-width:400px;height:100vh;max-height:850px;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000000a;padding:30px 24px}.quiz-header-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.back-btn-quiz{background:none;border:none;cursor:pointer;padding:0;width:24px}.header-spacer-quiz{width:24px}.header-title-quiz{font-size:16px;font-weight:700;color:#1a1a1a;margin:0;text-align:center}.quiz-content-main.fade-enter{animation:slideUpFadeIn .5s forwards cubic-bezier(.2,.8,.2,1)}.quiz-content-main.fade-exit{animation:slideOutFade .4s forwards ease-in}.quiz-content-main{flex:1;display:flex;flex-direction:column}.question-text-main{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.35;margin-bottom:40px}.habit-list-container{display:flex;flex-direction:column;gap:20px}.habit-row-item{display:flex;align-items:center;gap:16px;cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1)}.outer-ring{width:46px;height:46px;border-radius:50%;border:1.5px solid #1A1A1A;display:flex;align-items:center;justify-content:center}.inner-ring{width:36px;height:36px;border-radius:50%;border:1px solid #1A1A1A;display:flex;align-items:center;justify-content:center;background-color:#ead1f0;transition:.3s}.emoji-char{font-size:20px;color:#000}.habit-label-text{font-size:14px;font-weight:500;color:#444}.habit-row-item.active .inner-ring{background-color:#1a1a1a;border-color:#1a1a1a}.habit-row-item.active .emoji-char{color:#fff}.habit-row-item.active .habit-label-text{font-weight:700;color:#000}.habit-row-item.active{transform:translate(5px)}.quiz-footer-action{display:flex;justify-content:center;padding:20px 0}.progress-btn-box{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.svg-ring-container{position:absolute;transform:rotate(-90deg)}.ring-fill{stroke-dasharray:251;stroke-dashoffset:251}.main-action-btn{width:66px;height:66px;background-color:#5d326f;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:.35;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:scale(.9)}.main-action-btn.enabled{opacity:1;transform:scale(1);box-shadow:0 10px 30px #5d326f59}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutFade{to{opacity:0;transform:translateY(-30px)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.quiz-card-container{max-width:100%;border-radius:0;height:100vh;padding:10px 24px}.quiz-header-section{padding-top:40px}}.hight-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.hight-header-section{padding:20px 25px 0;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hight-header-section h1,.hight-header-section h2{text-align:left;margin-bottom:4px;width:100%}.hight-header-section p{text-align:left;width:100%;margin-top:0}.hight-body-content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 20px}.selector-main-area{position:relative;display:flex;width:100%;max-width:400px;height:380px;align-items:center}.illustration-wrapper{position:relative;width:110px;height:350px;display:flex;align-items:flex-end;flex-shrink:0}.character-bg-box{position:absolute;bottom:0;left:0;width:85%;height:95%;background-color:#8b6fa8;border-radius:35px;z-index:1}.character-img{position:absolute;bottom:0;left:50%;height:330px;z-index:2;object-fit:contain;transition:transform .2s ease-out}.ruler-wrapper{flex:1;height:350px;margin-left:15px;position:relative;display:flex;align-items:center}.ruler-scroll{width:100%;height:320px;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;background-color:#fcfaff;border-radius:25px;padding:0 15px}.ruler-scroll::-webkit-scrollbar{display:none}.ruler-spacer{height:140px}.ruler-item{height:40px;display:flex;align-items:center;scroll-snap-align:center}.ruler-item .line{width:25px;height:2px;background-color:#e2d8e8;margin-right:12px}.ruler-item.activee .line{width:45px;background-color:#8b6fa8;height:3px}.activee{background-color:#fff;color:#fff}.ruler-item.activee .label{color:#1a1a1a;font-weight:800;font-size:18px}.height-display-box{position:absolute;right:-5px;top:50%;transform:translateY(-50%);text-align:center;z-index:15}.unit-label{display:block;font-size:12px;color:#b0b0b0;margin-bottom:4px;font-weight:700;text-transform:uppercase}.value-card{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;background:#fff;color:#1a1a1a;box-shadow:0 8px 20px #8b6fa833}.hight-footer-action{padding:10px 25px 40px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10;flex-shrink:0}.footer-wavy-decoration{position:absolute;top:-40px;left:0;width:100%;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='400' height='80' viewBox='0 0 400 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 60 Q100 20 200 60 T400 60' stroke='%23E2D8E8' stroke-width='2' stroke-dasharray='8 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;opacity:.5;pointer-events:none}@media(max-height:680px){.hight-header-section{padding-top:15px}.selector-main-area{height:320px}.illustration-wrapper{height:280px;width:90px}.character-img,.ruler-scroll{height:260px}.ruler-spacer{height:110px}.hight-footer-action{padding-bottom:25px}}.slide-in-left{animation:slideInL .6s ease-out}@keyframes slideInL{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in-right{animation:fadeIn .8s ease-out}.bounce-in{animation:bounce .6s cubic-bezier(.17,.8,.3,1.2) both}@keyframes bounce{0%{transform:translateY(-50%) scale(.6);opacity:0}to{transform:translateY(-50%) scale(1);opacity:1}}.interest-container{max-width:430px;height:100vh;margin:0 auto;background-color:#fff;display:flex;flex-direction:column;padding:20px;overflow:hidden;font-family:-apple-system,sans-serif}.header{margin-top:30px;margin-bottom:20px}.back-btn{background:none;border:none;cursor:pointer;color:#000;padding:5px;transition:transform .2s}.back-btn:active{transform:scale(.9)}.title{font-size:32px;font-weight:700;color:#000;margin-bottom:12px;text-align:center}.subtitle{font-size:18px;color:#666;text-align:center;margin-bottom:50px;line-height:1.4;padding:0 20px}.interests-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0 10px}.interest-chip{display:flex;align-items:center;gap:8px;padding:12px 22px;border-radius:50px;border:1.5px solid #e2d8e8;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;-webkit-user-select:none;user-select:none}.interest-chip:active{transform:scale(.92)}.chip-icon{color:#5a3c6d;display:flex;align-items:center}.chip-label{font-size:16px;font-weight:500;color:#333}.interest-chip.selected{background-color:#5a3c6d;border-color:#5a3c6d;box-shadow:0 8px 15px #5a3c6d33}.interest-chip.selected .chip-label,.interest-chip.selected .chip-icon{color:#fff}.slide-in-top{animation:slideInTop .6s ease-out both}.fade-in{animation:fadeIn .8s ease-out .2s both}.pop-in{opacity:0;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slideInTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.location-container{max-width:430px;height:100dvh;margin:0 auto;background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:40px 25px 20px;box-sizing:border-box;font-family:Outfit,sans-serif;overflow:hidden}.illustration-wrapper{flex:1.2;display:flex;align-items:center;justify-content:center;width:100%}.location-main-img{width:85%;height:auto;object-fit:contain;animation:float 4s ease-in-out infinite}.text-section{flex:.8;text-align:center;width:100%}.title{font-size:32px;font-weight:800;color:#1a1a1a;margin-bottom:15px}.subtitle{font-size:18px;color:#666;line-height:1.4;padding:0 15px}.button-group{width:100%;display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.allow-btn{width:100%;background-color:#5a3c6d;color:#fff;padding:18px;border-radius:50px;font-size:20px;font-weight:600;border:none;cursor:pointer;box-shadow:0 8px 15px #5a3c6d33;transition:transform .2s ease}.allow-btn:active{transform:scale(.96)}.manual-btn{background:none;border:none;color:#5a3c6d;font-size:18px;font-weight:600;cursor:pointer}.location-footer{width:120%;margin-left:-10%;position:relative;display:flex;flex-direction:column;align-items:center}.curved-path{width:100%;margin-bottom:15px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.fade-in-down{animation:fadeInDown .8s ease-out forwards}.fade-in-up{animation:fadeInUp .8s ease-out .4s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.native-wrapper{width:100%;max-width:400px;height:100vh;background-color:#fdfafd;margin:0 auto;position:relative;overflow:hidden;font-family:Inter,sans-serif;display:flex;flex-direction:column;padding:0 24px}.status-bar{display:flex;justify-content:space-between;padding:15px 10px;font-weight:600;font-size:14px}.battery{width:20px;height:10px;border:1px solid #000;display:inline-block;border-radius:2px;margin-left:5px}.native-header{margin-top:20px}.native-back{background:none;border:none;cursor:pointer;padding:0}.native-content{margin-top:40px;z-index:2}.native-title{font-size:26px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.native-subtitle{font-size:16px;color:#665e66;line-height:1.5;margin-bottom:40px;max-width:90%}.native-select-container{width:100%}.native-select-box{width:100%;height:56px;background:#fff;border:1px solid #dcd0dc;border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#333;font-size:15px;box-shadow:0 4px 10px #00000008}.background-graphics{position:absolute;top:150px;left:0;width:100%;z-index:1;pointer-events:none}.native-footer{position:absolute;bottom:50px;left:0;right:0;display:flex;justify-content:center;z-index:3}.native-next-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.progress-ring{position:absolute;width:72px;height:72px;border:2px solid #523461;border-radius:50%;border-right-color:transparent;transform:rotate(-45deg)}.native-next-btn{width:58px;height:58px;background-color:#523461;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #5234614d}.native-dropdown-container{position:relative;width:100%;z-index:10}.native-select-box{width:100%;height:56px;background:#fff;border:1.5px solid #dcd0dc;border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;cursor:pointer;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.native-select-box:active{transform:scale(.98)}.arrow-icon{transition:transform .3s ease}.arrow-icon.open{transform:rotate(180deg)}.native-options-list{position:absolute;top:65px;left:0;width:100%;max-height:250px;background:#fff;border:1px solid #dcd0dc;border-radius:16px;list-style:none;padding:10px 0;margin:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.native-options-list li{padding:12px 20px;font-size:15px;color:#333;cursor:pointer;transition:background .2s}.native-options-list li:hover{background-color:#f5eff5}.native-options-list::-webkit-scrollbar{width:5px}.native-options-list::-webkit-scrollbar-thumb{background:#dcd0dc;border-radius:10px}.story-wrapper{width:100%;max-width:400px;height:100vh;background-color:#fcf9fc;margin:0 auto;position:relative;overflow:hidden;font-family:Inter,sans-serif;display:flex;flex-direction:column;padding:0 24px}.status-bar{display:flex;justify-content:space-between;padding:15px 10px 5px;font-weight:600;font-size:14px;color:#000}.battery{width:22px;height:11px;border:1.5px solid #000;display:inline-block;border-radius:3px;position:relative;margin-left:5px}.story-header{margin-top:15px}.story-back{background:none;border:none;cursor:pointer;padding:5px 0}.story-content{margin-top:35px;z-index:2}.story-title{font-size:26px;font-weight:800;color:#1a1a1a;margin-bottom:12px}.story-subtitle{font-size:15px;color:#757575;margin-bottom:35px}.story-input-container{width:100%}.story-textarea{width:100%;height:280px;background:#fff;border:1.5px solid #8e658c;border-radius:20px;padding:20px;font-size:16px;color:#333;resize:none;font-family:Inter,sans-serif;box-shadow:0 8px 20px #8e658c1a;outline:none;transition:border-color .3s ease}.story-textarea::placeholder{color:#b0b0b0}.story-background-graphics{position:absolute;bottom:0;left:0;width:100%;z-index:1;pointer-events:none}.story-footer{position:absolute;bottom:45px;left:0;right:0;display:flex;justify-content:center;z-index:3}.story-next-wrapper{position:relative;width:85px;height:85px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.progress-ring{position:absolute;width:78px;height:78px;border:2px solid #523461;border-radius:50%;border-left-color:transparent;transform:rotate(-10deg)}.story-next-btn{width:62px;height:62px;background-color:#523461;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #5234614d}.story-next-btn:active{transform:scale(.95)}.working-wrapper{width:100%;max-width:414px;height:100vh;background-color:#fdfafd;margin:0 auto;position:relative;overflow:hidden;font-family:Inter,sans-serif;display:flex;flex-direction:column;padding:0 24px;box-sizing:border-box}.status-icons{display:flex;gap:6px;align-items:center}.working-header{margin-top:10px}.working-content{margin-top:35px;z-index:2}.working-title{font-size:28px;font-weight:800;color:#1a1a1a;line-height:1.25;margin-bottom:12px}.working-subtitle{font-size:16px;color:#756d75;margin-bottom:40px}.options-container{display:flex;flex-direction:column;gap:16px}.option-card{width:100%;height:64px;background:#fff;border:1.5px solid #8e658c;border-radius:20px;display:flex;align-items:center;padding:0 25px;font-size:17px;font-weight:500;color:#2d2d2d;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #8e658c0d}.option-card.selected{background-color:#fdfafd;border-width:2.5px;box-shadow:0 6px 15px #8e658c1a}.background-wave{position:absolute;bottom:100px;left:0;width:100%;z-index:1;pointer-events:none}.working-footer{position:absolute;bottom:45px;left:0;right:0;display:flex;justify-content:center;z-index:3}.study-container{width:100%;min-height:100vh;background-color:#f2f2f2;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif}.study-wrapper{width:100%;max-width:414px;height:100vh;background-color:#fdfafd;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0 24px;box-sizing:border-box}.study-header{margin-top:10px}.study-content{margin-top:30px;z-index:2}.study-title{font-size:28px;font-weight:800;color:#1a1a1a;margin-bottom:12px}.study-subtitle{font-size:16px;color:#756d75;line-height:1.5;margin-bottom:35px}.inner-input-box input{width:100%;border:none;outline:none;font-size:16px;color:#333;background:transparent}.study-background-graphics{position:absolute;bottom:80px;left:0;width:100%;z-index:1;pointer-events:none}.study-footer{position:absolute;bottom:45px;left:0;right:0;display:flex;justify-content:center;z-index:3}.work-container{width:100%;min-height:100vh;background-color:#f2f2f2;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif}.work-wrapper{width:100%;max-width:414px;height:100vh;max-height:896px;background-color:#fdfafd;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0 24px;box-sizing:border-box;box-shadow:0 10px 40px #0000001a}.status-bar{display:flex;justify-content:space-between;padding:12px 5px;font-weight:600;font-size:14px;color:#000}.work-header{margin-top:10px}.work-content{margin-top:30px;z-index:2}.work-title{font-size:28px;font-weight:800;color:#1a1a1a;margin-bottom:12px}.work-subtitle{font-size:16px;color:#756d75;line-height:1.5;margin-bottom:35px}.input-card{width:100%;background:#fff;border:1.2px solid #8e658c;border-radius:20px;padding:18px;margin-bottom:16px;box-shadow:0 4px 10px #8e658c0d}.card-label{display:flex;align-items:center;gap:10px;margin-bottom:15px}.card-label span{font-size:17px;font-weight:600;color:#2d2d2d}.inner-input-box{width:100%;height:60px;border:1.2px solid #dcd0dc;border-radius:18px;display:flex;align-items:center;padding:0 15px}.inner-input-box input{width:100%;border:none;outline:none;font-size:16px;color:#333;background:transparent;font-family:Inter,sans-serif}.inner-input-box input::placeholder{color:#a0a0a0}.work-background-graphics{position:absolute;bottom:80px;left:0;width:100%;z-index:1;pointer-events:none}.work-footer{position:absolute;bottom:45px;left:0;right:0;display:flex;justify-content:center;z-index:3}.progress-circle{position:absolute;width:78px;height:78px;border:2px solid #523461;border-radius:50%;border-top-color:transparent;transform:rotate(20deg)}.purple-next-btn{width:62px;height:62px;background-color:#523461;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #5234614d;transition:transform .2s}.education-container{width:100%;min-height:100vh;background-color:#f2f2f2;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif}.education-wrapper{width:100%;max-width:414px;height:100vh;max-height:896px;background-color:#fdfafd;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0 24px;box-sizing:border-box}.edu-header{margin-top:10px}.edu-content{margin-top:35px;z-index:2}.edu-title{font-size:28px;font-weight:800;color:#1a1a1a;margin-bottom:12px}.edu-subtitle{font-size:16px;color:#5b5b5b;margin-bottom:50px}.edu-grid-container{position:relative;width:100%}.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 20px;position:relative;z-index:2}.edu-pill{background:#fff;border:1.2px solid #8e658c;border-radius:50px;height:90px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;color:#2d2d2d;cursor:pointer;transition:all .2s ease;padding:0 10px;text-align:center}.edu-pill.active{border-width:2.5px;background-color:#fff;box-shadow:0 8px 15px #8e658c26;transform:translateY(-2px)}.connector{position:absolute;background-color:#3b2046;z-index:1}.h-top{width:40px;height:10px;top:50px;left:50%;transform:translate(-50%)}.h-bottom{width:40px;height:10px;top:175px;left:50%;transform:translate(-50%)}.v-right{width:10px;height:50px;top:90px;right:20%}.edu-background-graphics{position:absolute;bottom:100px;left:0;width:100%;pointer-events:none}.edu-footer{position:absolute;bottom:45px;left:0;right:0;display:flex;justify-content:center}.progress-circle{position:absolute;width:78px;height:78px;border:2px solid #523461;border-radius:50%;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(-15deg)}.religion-container{width:100%;min-height:100vh;background-color:#f2f2f2;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif}.religion-wrapper{width:100%;max-width:414px;height:100vh;background-color:#fdfafd;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0 24px;box-sizing:border-box}.religion-header{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.back-btn,.skip-btn{background:none;border:none;cursor:pointer}.skip-btn{color:#8c8c8c;font-size:14px;font-weight:500}.religion-content{margin-top:30px;z-index:2}.religion-title{font-size:26px;font-weight:800;color:#1a1a1a;line-height:1.3;margin-bottom:12px}.religion-subtitle{font-size:16px;color:#756d75;margin-bottom:30px}.religion-display-box{width:100%;height:64px;border:1.5px solid #8e658c;border-radius:16px;background-color:#fff;display:flex;align-items:center;padding:0 20px;margin-bottom:25px;font-size:17px;color:#333}.religion-card{width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014}.card-header{background-color:#523461;color:#fff;padding:18px;text-align:center;font-size:16px;font-weight:500}.religion-list{display:flex;flex-direction:column}.religion-item{padding:16px;text-align:center;border-bottom:1px solid #f0f0f0;font-size:15px;color:#333;cursor:pointer;transition:all .2s}.religion-item:last-child{border-bottom:none}.religion-item.selected{font-weight:800;color:#000}.religion-item:hover{background-color:#f9f6f9}.religion-footer{position:absolute;bottom:40px;left:0;right:0;display:flex;justify-content:center}.progress-circle{position:absolute;width:78px;height:78px;border:2px solid #523461;border-radius:50%;border-top-color:transparent;transform:rotate(10deg)}.location-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.bg-line-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.5}.dashed-svg{width:100%;height:100%}.location-header-section{padding:20px 25px 0;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;z-index:2}.location-header-section h1,.location-header-section h2{text-align:left;margin-bottom:4px;width:100%}.location-header-section p{text-align:left;width:100%;margin-top:0}.location-body-content{flex:1;display:flex;flex-direction:column;padding:40px 25px 0;z-index:2}.input-box-wrapper{width:100%}.location-input-field{width:100%;height:65px;background:#fff;border:1.5px solid #8B6FA8;border-radius:20px;padding:0 25px;font-family:Outfit,sans-serif;font-size:18px;font-weight:600;color:#1a1a1a;outline:none;box-shadow:0 10px 25px #8b6fa814;transition:all .3s ease}.location-input-field:focus{border-color:#5a3c6d;box-shadow:0 10px 30px #5a3c6d26}.location-input-field::placeholder{color:#b0b0b0}.location-footer-action{padding:10px 25px 40px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10;flex-shrink:0}.footer-wavy-decoration{position:absolute;top:-40px;width:100%;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='400' height='80' viewBox='0 0 400 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 60 Q100 20 200 60 T400 60' stroke='%23E2D8E8' stroke-width='2' stroke-dasharray='8 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;opacity:.5;pointer-events:none}@media(max-height:650px){.location-header-section{padding-top:15px}.location-body-content{padding-top:20px}.location-input-field{height:55px;font-size:16px}.location-footer-action{padding-bottom:25px}}.slide-up-delay{animation:slideUpFade .5s ease-out .2s both}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loc-success-screen-wrapper{width:100%;flex:1;min-height:100%;background-color:#5a3c6d;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#fff;text-align:center;font-family:Outfit,sans-serif;border-radius:0!important}.confetti-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.confetti-bit{position:absolute;width:35px;top:-50px;opacity:0;animation:confettiFallEffect 4s linear infinite}.p0{left:10%;animation-delay:0s}.p1{left:30%;animation-delay:1.5s}.p2{left:50%;animation-delay:.8s}.p3{left:70%;animation-delay:2.2s}.p4{left:90%;animation-delay:.3s}.p5{left:20%;animation-delay:2.8s}.p6{left:80%;animation-delay:1.2s}.p7{left:40%;animation-delay:3.5s}@keyframes confettiFallEffect{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}.success-centered-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5;padding:0 30px;margin-top:-80px}.city-name-title{font-family:Playfair Display,serif;font-size:48px;font-weight:700;margin-bottom:30px;text-transform:capitalize}.tagline-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.success-tagline{font-family:Playfair Display,serif;font-size:28px;line-height:1.3;font-weight:500;margin:0;opacity:.95}.svg-text-curve{width:80px;height:20px;margin-top:10px}.success-illustration-container{width:100%;display:flex;justify-content:center;align-items:flex-end;z-index:2;position:absolute;bottom:0;left:0}.working-char-img{width:90%;max-height:38vh;object-fit:contain;display:block}.fade-in-up{animation:successFadeUp .8s ease-out forwards}.fade-in-up-delay{animation:successFadeUp .8s ease-out .4s both}.slide-up-char{animation:successCharSlide 1s cubic-bezier(.175,.885,.32,1.275) .6s both}@keyframes successFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes successCharSlide{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:769px){.loc-success-screen-wrapper{border-radius:0!important}.success-centered-text{margin-top:-100px}.city-name-title{font-size:42px;margin-bottom:20px}.success-tagline{font-size:24px}.working-char-img{max-height:300px}}@media(max-height:700px){.city-name-title{font-size:34px}.success-tagline{font-size:22px}.working-char-img{max-height:280px}}.nav-wrapper{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:420px;z-index:1000;background-color:transparent}.bottom-nav-bar{width:100%;height:85px;background-color:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -10px 30px #00000014;position:relative;padding-bottom:env(safe-area-inset-bottom);font-family:Outfit,sans-serif;border-top:1px solid #f2f2f2}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s ease;color:#7a6691;opacity:.7;background:transparent!important;-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none}.nav-item span{font-size:12px;font-weight:600}.nav-item.active{color:#5a3c6d;opacity:1;transform:translateY(-2px);background:transparent!important}.nav-icon{width:26px;height:26px;object-fit:contain}.center-btn-container{flex:1.2;display:flex;justify-content:center;position:relative;-webkit-tap-highlight-color:transparent}.raised-gradient-btn{width:68px;height:68px;background:linear-gradient(145deg,#7a5c8d,#5a3c6d);border-radius:50%;position:absolute;top:-45px;display:flex;align-items:center;justify-content:center;border:5px solid #ffffff;box-shadow:0 10px 20px #5a3c6d4d;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);-webkit-tap-highlight-color:transparent}.center-heart-img{width:34px;height:34px;object-fit:contain}.raised-gradient-btn:active{transform:scale(.9) translateY(-40px)}.nav-item:active{transform:scale(.9);background:transparent!important}@media(max-width:768px){.nav-wrapper{max-width:100%;left:0;transform:none}}.home-screen-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff8f7;font-family:Outfit,sans-serif}.home-header{padding:40px 20px 10px;display:flex;justify-content:space-between;align-items:flex-start}.welcome-text h1{font-size:24px;font-weight:800;color:#5a3c6d;margin:0}.welcome-text p{font-size:16px;color:#666;margin-top:5px}.header-icons{display:flex;gap:15px;align-items:center}.icon-badge-container{position:relative;cursor:pointer}.notification-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;background-color:#ff4d4d;border:2.5px solid white;border-radius:50%}.menu-btn{background:none;border:none;cursor:pointer}.home-scroll-content{flex:1;overflow-y:auto;padding:10px 20px;scrollbar-width:none}.home-scroll-content::-webkit-scrollbar{display:none}.section-wrapper{margin-bottom:30px}.section-title{font-size:18px;font-weight:700;color:#000;margin-bottom:15px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dash-card{background:#fdfbff;padding:20px 15px;border-radius:20px;box-shadow:0 10px 20px #5a3c6d0d;display:flex;flex-direction:column;align-items:center;text-align:center}.dash-card span{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.dash-card h3{font-size:22px;font-weight:800;color:#5a3c6d;margin-bottom:12px}.progress-container{width:100%;height:8px;background-color:#f0e6f5;border-radius:10px;overflow:hidden}.progress-bar{height:100%;border-radius:10px;transition:width 1s ease-in-out}.progress-bar.filled{background-color:#5a3c6d}.progress-bar.partial{background-color:#5a3c6d;opacity:.7}.verification-card{background-color:#fdf5f9;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000a}.verification-header{background-color:#fff9ed;padding:15px 20px;display:flex;align-items:center;gap:15px}.v-text h4{font-weight:700;margin:0}.v-text p{font-size:12px;color:#666;margin:2px 0 0}.verification-body{padding:20px}.restricted-title{font-size:13px;font-weight:600;color:#444;margin-bottom:10px}.verification-body ul{list-style:none;padding:0;margin-bottom:20px}.verification-body li{font-size:13px;color:#555;margin-bottom:8px;padding-left:15px;position:relative}.verification-body li:before{content:"•";position:absolute;left:0;color:#000}.action-purple-btn{width:100%;background-color:#5a3c6d;color:#fff;border:none;padding:15px;border-radius:15px;font-size:16px;font-weight:600;cursor:pointer}.outline-purple-btn{width:100%;background-color:#fdf9ff;border:1.5px solid #e2d8e8;color:#5a3c6d;padding:20px;border-radius:20px;font-size:20px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #5a3c6d14;transition:all .2s ease}.curate-btn{font-size:22px}.outline-purple-btn:active{transform:scale(.98)}.bottom-spacer{height:100px}.fade-in{animation:fadeIn .8s ease-out forwards}.verify-screen-container{width:100%;height:100%;background-color:#fff8f7;display:flex;flex-direction:column;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.verify-header{padding:40px 20px 10px;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.back-btn-abs{position:absolute;left:20px;background:none;border:none;color:#5a3c6d;cursor:pointer;padding:5px}.header-title-text{font-size:24px;font-weight:700;color:#000;margin:0}.verify-scroll-area{flex:1;overflow-y:auto;scrollbar-width:none;padding-bottom:20px}.verify-scroll-area::-webkit-scrollbar{display:none}.verify-content-body{display:flex;flex-direction:column;align-items:center;padding:20px 20px 0;z-index:5}.illustration-container{width:100%;height:280px;background-color:#f8f4fa;border-radius:40px;display:flex;justify-content:center;align-items:center;padding:30px}.verify-main-img{width:100%;max-width:240px;height:auto;object-fit:contain}.info-card-overlap{width:95%;background-color:#fff;border-radius:35px;padding:30px 25px;margin-top:-50px;box-shadow:0 15px 35px #00000014;text-align:center;display:flex;flex-direction:column;gap:15px}.info-title{font-size:28px;font-weight:800;color:#1a1a1a;margin:0}.info-description{font-size:16px;color:#444;line-height:1.5;margin:0}.schedule-action-btn{margin-top:10px;width:100%;background-color:#5a3c6d;color:#fff;padding:18px;border-radius:20px;border:none;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 6px 15px #5a3c6d33}.schedule-action-btn:active{transform:scale(.97)}.bottom-nav-spacer{height:100px}.verify-bg-line{position:absolute;bottom:80px;left:-10%;width:120%;z-index:1;opacity:.5}.slide-up{animation:slideUp .7s ease-out forwards}.slide-up-delay{animation:slideUp .7s ease-out .3s both}.schedule-container{width:100%;height:100%;background-color:#fff8f7;display:flex;flex-direction:column;font-family:Outfit,sans-serif;overflow:hidden}.schedule-header{padding:40px 20px 20px;display:flex;align-items:flex-start;position:relative}.back-btn{background:none;border:none;color:#5a3c6d;cursor:pointer;padding:0;margin-top:5px}.header-title{flex:1;text-align:center;font-size:20px;font-weight:700;color:#000;line-height:1.3;padding-right:28px}.schedule-content{flex:1;overflow-y:auto;padding:0 20px;scrollbar-width:none}.schedule-content::-webkit-scrollbar{display:none}.label-text{font-size:18px;font-weight:700;color:#000;margin-bottom:15px}.date-scroll-wrapper{display:flex;overflow-x:auto;gap:15px;padding:15px 5px;scrollbar-width:none;border-radius:20px;background-color:#fdfbff;box-shadow:0 4px 15px #00000008}.date-scroll-wrapper::-webkit-scrollbar{display:none}.date-card{min-width:50px;display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;transition:all .2s ease}.date-card .day{font-size:16px;color:#888;margin-bottom:5px}.date-card .date-num{font-size:18px;font-weight:600;color:#333}.date-card.active .date-num{color:#000;font-weight:800}.active-line{position:absolute;bottom:-8px;width:100%;height:3px;background-color:#5a3c6d;border-radius:10px}.date-card.disabled{opacity:.3;cursor:not-allowed}.time-section{margin-top:30px}.sub-label{font-size:14px;color:#666;margin-top:-10px;margin-bottom:25px}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.time-slot{aspect-ratio:1/1.1;background-color:#fdfbff;border:1px solid #f0e6f5;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px;font-weight:600;color:#000;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #00000005}.time-slot small{font-size:12px;font-weight:500}.time-slot.selected{background-color:#5a3c6d;color:#fff;border-color:#5a3c6d;box-shadow:0 8px 15px #5a3c6d33;transform:scale(1.05)}.time-slot.is-disabled{background-color:#e0e0e0;color:#999;border:none;cursor:not-allowed;opacity:.6}.confirm-btn-wrapper{padding:20px;margin-bottom:80px}.confirm-schedule-btn{width:100%;background-color:#5a3c6d;color:#fff;padding:18px;border-radius:20px;font-size:18px;font-weight:700;border:none;cursor:pointer;box-shadow:0 8px 20px #5a3c6d40}.fade-in-up{animation:fadeInUp .8s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.schedule-confirm-page{width:100%;height:100%;padding:0 25px;display:flex;flex-direction:column;background-color:#fff8f7;font-family:Outfit,sans-serif;position:relative}.page-header-title{text-align:center;font-size:28px;font-weight:700;margin-top:60px;margin-bottom:40px}.card-outer-wrapper{flex:1;display:flex;justify-content:center;padding-top:20px;z-index:2}.ticket-card{width:100%;max-height:420px;background:#fff;border-radius:35px;border:1.5px solid #E2D8E8;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000000a;overflow:visible}.ticket-top{padding:30px 25px;display:flex;align-items:center;gap:20px}.calendar-graphic{width:75px;height:75px;border:3px solid #5a3c6d;border-radius:15px;position:relative;display:flex;flex-direction:column}.calendar-rings{position:absolute;top:-8px;width:100%;display:flex;justify-content:space-around}.calendar-rings span{width:5px;height:10px;background-color:#5a3c6d;border-radius:10px}.calendar-header-strip{height:12px;background-color:#5a3c6d;width:100%}.calendar-main-body{flex:1;display:flex;justify-content:center;align-items:center}.dynamic-day{font-size:28px;font-weight:800;color:#5a3c6d}.booking-info h2,.booking-info p{font-size:24px;font-weight:700;margin:0}.ticket-divider{position:relative;height:20px;display:flex;align-items:center;justify-content:center}.dashed-line{width:100%;height:1px;border-top:1px solid #E2D8E8}.left-notch,.right-notch{position:absolute;width:20px;height:20px;background-color:#fff;border:1.5px solid #E2D8E8;border-radius:50%;top:50%;transform:translateY(-50%);z-index:5}.left-notch{left:-11px}.right-notch{right:-11px}.ticket-bottom{padding:30px 25px;display:flex;flex-direction:column;gap:25px}.description-text{font-size:16px;color:#666;line-height:1.5;font-weight:500}.final-confirm-btn{width:100%;background-color:#5a3c6d;color:#fff;padding:18px;border-radius:20px;font-size:18px;font-weight:700;border:none;cursor:pointer;box-shadow:0 8px 20px #5a3c6d40}.final-confirm-btn:active{transform:scale(.97)}.bottom-wave-bg{position:absolute;bottom:0;left:-10%;width:120%;opacity:.5}.slide-up{animation:slideUp .7s cubic-bezier(.17,.88,.32,1.28) forwards}.confirmed-page-container{width:100%;height:100%;padding:0 25px;background-color:#fff8f7;display:flex;flex-direction:column;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.confirmed-header{text-align:center;font-size:26px;font-weight:700;margin-top:50px;margin-bottom:20px}.confirmed-illustration{width:100%;display:flex;justify-content:center;margin-bottom:25px}.main-illustration{width:90%;height:auto;object-fit:contain}.status-card-container{width:100%;background-color:#f9f4ff;border-radius:25px;padding:22px 25px;box-shadow:0 10px 25px #0000000d;margin-bottom:25px;z-index:2}.status-card-content{display:flex;justify-content:space-between;align-items:center}.status-left-section{display:flex;flex-direction:column;align-items:center;gap:10px}.mini-calendar-icon{width:70px;height:65px;background-color:#5a3c6d;border-radius:12px;position:relative;padding:5px;display:flex;justify-content:center;align-items:flex-end}.mini-calendar-top-hooks{position:absolute;top:-5px;width:80%;display:flex;justify-content:space-around}.mini-calendar-top-hooks span{width:5px;height:10px;background-color:#5a3c6d;border-radius:10px}.mini-calendar-inner-box{width:100%;height:45px;background-color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center}.mini-date-text{color:#5a3c6d;font-size:18px;font-weight:800}.reschedule-action-text{background:none;border:none;color:#ff3b30;font-size:14px;font-weight:700;cursor:pointer}.status-right-section{text-align:center;flex:1;display:flex;flex-direction:column;gap:8px}.today-label{font-size:32px;font-weight:600;color:#1a1a1a;margin:0}.scheduled-time-text{font-size:30px;font-weight:600;color:#000;margin:0}.google-meet-info{font-size:18px;font-weight:600;margin-bottom:40px}.bottom-action-area{margin-top:auto;padding-bottom:40px}.status-scheduled-btn{width:100%;background-color:#5a3c6d;color:#fff;padding:18px;border-radius:18px;font-size:18px;font-weight:700;border:none;box-shadow:0 8px 20px #5a3c6d33}.footer-wave-bg{position:absolute;bottom:0;left:-10%;width:120%;opacity:.5;pointer-events:none}.slide-up{animation:slideUp .8s ease-out forwards}.slide-up-delay{animation:slideUp .8s ease-out .2s both}.fade-in-slow{animation:fadeIn 1.2s ease-out .5s both}.verified-page-container{width:100%;height:100%;display:flex;flex-direction:column;padding:0 25px;background-color:#fff8f7;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.verified-header-text{text-align:center;font-size:26px;font-weight:700;margin-top:60px;margin-bottom:40px;color:#000}.verified-card-wrapper{flex:1;display:flex;justify-content:center;align-items:flex-start;z-index:2}.verified-card{width:100%;background-color:#f9f4ff;border-radius:40px;padding:50px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 10px 30px #00000008}.checkmark-outer-circle{width:130px;height:130px;background-color:#5a3c6d;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:35px}.checkmark-inner-circle{width:65px;height:65px;background-color:#22c55e;border-radius:50%;display:flex;justify-content:center;align-items:center}.verified-title{font-size:26px;font-weight:700;color:#000;margin-bottom:25px}.verified-message{font-size:20px;color:#1a1a1a;line-height:1.3;font-weight:500;margin-bottom:45px}.home-back-btn{width:100%;background-color:#5a3c6d;color:#fff;padding:18px;border-radius:18px;font-size:18px;font-weight:700;border:none;cursor:pointer;transition:transform .2s ease;box-shadow:0 8px 20px #5a3c6d33}.home-back-btn:active{transform:scale(.97)}.verified-bottom-wave{position:absolute;bottom:0;left:-10%;width:120%;opacity:.5}.slide-up{animation:slideUp .8s cubic-bezier(.17,.88,.32,1.28) forwards}.pop-in{animation:popIn .8s cubic-bezier(.175,.885,.32,1.275) .3s both}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.dates-screen-container{width:100%;height:100%;background-color:#fff8f7;display:flex;flex-direction:column;font-family:Outfit,sans-serif}.dates-header{padding:40px 20px 15px;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:22px;font-weight:700;color:#000}.header-right-icons{display:flex;gap:15px}.dates-content-scroll{flex:1;overflow-y:auto;padding:10px 20px;scrollbar-width:none}.dates-content-scroll::-webkit-scrollbar{display:none}.horizontal-date-card{background-color:#fdf9ff;border-radius:25px;padding:25px 20px;border:1px solid #f3eef7;margin-bottom:25px;box-shadow:0 4px 15px #5a3c6d08}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title-with-heart{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:#1a1a1a}.count-badge{font-size:20px;font-weight:700;color:#000}.avatar-row{display:flex;gap:12px}.avatar-circle{width:60px;height:60px;border-radius:50%;border:2px solid #5a3c6d;overflow:hidden;padding:2px}.avatar-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.grid-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.vertical-date-card{background-color:#fdf9ff;border-radius:25px;padding:25px 15px;border:1px solid #f3eef7;text-align:center;display:flex;flex-direction:column;align-items:center}.vertical-date-card h3{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:25px;color:#1a1a1a}.large-avatar{width:85px;height:85px;border-radius:50%;border:3px solid #5a3c6d;overflow:hidden;padding:3px}.large-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.bottom-spacing{height:100px}.delay-1{animation-delay:.2s}.horizontal-date-card,.vertical-date-card{cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;-webkit-user-select:none;user-select:none}.horizontal-date-card:hover,.vertical-date-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #5a3c6d14;border-color:#5a3c6d44}.horizontal-date-card:active,.vertical-date-card:active{transform:scale(.97);opacity:.9}.count-badge,.header-right-icons svg{transition:opacity .2s}.header-right-icons svg:active{opacity:.5}.avatar-circle,.large-avatar{flex-shrink:0}.asked-out-container{width:100%;height:100%;background-color:#fff8f7;display:flex;flex-direction:column;font-family:Outfit,sans-serif}.asked-out-header{padding:45px 20px 15px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:10}.nav-back-btn,.filter-btn{background:none;border:none;cursor:pointer;padding:0}.header-title-text{font-size:22px;font-weight:700;color:#1a1a1a}.asked-out-scroll-body{flex:1;overflow-y:auto;padding:10px 20px;scrollbar-width:none}.asked-out-scroll-body::-webkit-scrollbar{display:none}.request-list{display:flex;flex-direction:column;gap:18px}.request-item-card{background-color:#fff;border-radius:30px;padding:15px 20px;display:flex;align-items:center;border:1px solid #f3eef7;box-shadow:0 10px 20px #0000000a;transition:transform .2s ease}.request-item-card:active{transform:scale(.97)}.user-avatar-box{flex-shrink:0}.avatar-ring{width:75px;height:75px;border-radius:50%;border:3px solid #5a3c6d;padding:3px;overflow:hidden}.avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-details-box{flex:1;margin-left:15px}.user-name{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.user-distance{font-size:15px;color:#888;margin-top:2px}.view-plan-action-btn{background-color:#5a3c6d;color:#fff;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 10px #5a3c6d33}.bottom-nav-padding{height:100px}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.slide-in-right{opacity:0;animation:slideInRight .6s ease-out forwards}.planed-dates-container{width:100%;height:100%;background-color:#fff8f7;display:flex;flex-direction:column;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.planed-header{padding:45px 20px 15px;display:flex;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:10}.back-circle-btn,.filter-btn{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;transition:transform .2s ease}.back-circle-btn:active{transform:scale(.9)}.planed-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.planed-scroll-view{flex:1;overflow-y:auto;padding:15px 20px;scrollbar-width:none}.planed-scroll-view::-webkit-scrollbar{display:none}.dates-list-wrapper{display:flex;flex-direction:column;gap:20px}.plan-item-card{background-color:#fff;border-radius:35px;padding:16px 20px;display:flex;align-items:center;border:1px solid #f2ecf6;box-shadow:0 12px 25px #0000000a}.avatar-outer{flex-shrink:0}.avatar-inner-ring{width:78px;height:78px;border-radius:50%;border:3.5px solid #5a3c6d;padding:4px;overflow:hidden;display:flex}.avatar-inner-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}.info-section{flex:1;margin-left:18px}.name-text{font-size:21px;font-weight:700;color:#1a1a1a;margin:0}.dist-text{font-size:16px;color:#888;margin-top:3px}.view-btn{background-color:#5a3c6d;color:#fff;padding:11px 24px;border-radius:14px;font-size:15px;font-weight:600;border:none;cursor:pointer;box-shadow:0 5px 12px #5a3c6d40;transition:opacity .2s ease}.view-btn:active{opacity:.8}.nav-bottom-spacer{height:110px}@keyframes slideFromRight{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}.staggered-slide-in{opacity:0;animation:slideFromRight .6s cubic-bezier(.4,0,.2,1) forwards}.plan-page-container{width:100%;height:100%;background-color:#fff8f7;display:flex;flex-direction:column;font-family:Outfit,sans-serif}.plan-header{padding:40px 20px 10px;display:flex;justify-content:space-between;align-items:center;background:#fcfaff}.back-btn,.menu-btn{background:none;border:none;cursor:pointer;padding:0}.plan-scroll-content{flex:1;overflow-y:auto;padding:10px 20px;scrollbar-width:none}.plan-scroll-content::-webkit-scrollbar{display:none}.request-msg{color:#5a3c6d;font-weight:700;font-size:18px;text-align:center;margin:15px 0 25px}.plan-card{background:#fff;border-radius:20px;padding:20px;margin-bottom:20px;box-shadow:0 4px 15px #5a3c6d0a;border:1px solid #f3eef7}.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.card-heading span{font-size:18px;font-weight:700;color:#1a1a1a}.date-banner{background-color:#f3ecf6;color:#5a3c6d;text-align:center;padding:12px;border-radius:12px;font-weight:700;font-size:18px;margin-bottom:15px}.time-slots-row{display:flex;gap:10px}.time-chip{flex:1;padding:12px 5px;border-radius:12px;background-color:#5a3c6d;color:#fff;border:none;font-weight:600;font-size:13px;cursor:pointer;opacity:.8;transition:all .2s}.time-chip.active{opacity:1;box-shadow:0 4px 10px #5a3c6d4d}.helper-text{font-size:12px;color:#888;font-style:italic;margin-top:12px}.info-row{font-size:16px;color:#666;margin-bottom:12px}.info-row .value{color:#1a1a1a;margin-left:8px}.info-row .value.bold{font-weight:700}.chips-container{display:flex;flex-wrap:wrap;gap:10px}.item-chip{background-color:#f2f2f2;color:#444;padding:8px 16px;border-radius:30px;font-size:14px;font-weight:500}.flex-between{display:flex;justify-content:space-between;align-items:center}.mt-15{margin-top:15px}.pay-chip{background-color:#5a3c6d;color:#fff;padding:6px 15px;border-radius:8px;font-size:14px;font-weight:600}.action-buttons-row{display:flex;gap:15px;margin-top:10px}.btn-decline{flex:.8;background:#fff;border:1.5px solid #5a3c6d;color:#5a3c6d;padding:16px;border-radius:15px;font-weight:700;font-size:18px;cursor:pointer}.btn-accept{flex:1.2;background:#5a3c6d;border:none;color:#fff;padding:16px;border-radius:15px;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 8px 20px #5a3c6d33}.btn-decline:active,.btn-accept:active{transform:scale(.97)}.bottom-padding{height:100px}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.date-planned-container{width:100%;height:100%;background-color:#fff8f7;display:flex;flex-direction:column;font-family:Outfit,sans-serif}.icon-btn{background:none;border:none;cursor:pointer;padding:0}.content-scroll-view{flex:1;overflow-y:auto;padding:10px 20px;scrollbar-width:none}.content-scroll-view::-webkit-scrollbar{display:none}.main-status-text{text-align:center;font-size:22px;font-weight:800;color:#1a1a1a;margin:20px 0 35px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.info-card{height:120px;border-radius:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;box-shadow:0 4px 15px #00000008}.info-card.light-purple{background-color:#f8f4fa;color:#1a1a1a}.card-label{font-size:15px;font-weight:600;opacity:.9}.description-box{background-color:#fdf9ff;border-radius:30px;padding:35px 25px;text-align:center;border:1px solid #f3eef7;margin-bottom:35px;box-shadow:0 4px 20px #5a3c6d08}.box-icon-container{margin-bottom:25px;display:flex;justify-content:center}.box-text{font-size:17px;color:#1a1a1a;line-height:1.5;font-weight:500;margin:0}.action-links-list{display:flex;flex-direction:column;gap:20px;padding-left:10px}.link-item{display:flex;align-items:center;gap:15px;cursor:pointer}.link-item span{font-size:18px;font-weight:600;color:#333}.link-item:active{opacity:.6}.slide-up{animation:slideUp .7s ease-out both}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.dos-donts-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff8f7;font-family:Outfit,sans-serif;overflow:hidden}.page-header{padding:40px 20px 15px;display:flex;justify-content:space-between;align-items:center}.back-circle-btn{background:none;border:none;cursor:pointer}.header-right{display:flex;gap:15px}.content-scrollable{flex:1;overflow-y:auto;scrollbar-width:none}.content-scrollable::-webkit-scrollbar{display:none}.status-msg{text-align:center;font-size:20px;font-weight:800;margin:15px 20px 30px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 20px;margin-bottom:40px}.info-card{height:125px;border-radius:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;box-shadow:0 4px 15px #00000008}.info-card.dark-purple{background-color:#5a3c6d;color:#fff}.info-card.light-purple{background-color:#f9f4ff;color:#1a1a1a}.card-label{font-size:15px;font-weight:600;opacity:.8}.card-value{font-size:22px;font-weight:700}.purple-text{color:#5a3c6d}.tab-section{padding:0 20px;margin-bottom:30px}.tab-desc{font-size:18px;color:#333;font-weight:500;margin-bottom:15px}.tab-pill-box{display:flex;background-color:#f7f7f7;border-radius:16px;padding:6px;border:1px solid #eee}.tab-pill{flex:1;padding:14px;border:none;background:transparent;border-radius:12px;font-size:18px;font-weight:600;color:#777;cursor:pointer;transition:all .3s ease}.tab-pill.active{background-color:#5a3c6d;color:#fff;box-shadow:0 4px 12px #5a3c6d40}.horizontal-scroll-container{width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:20px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-track{display:flex;gap:18px;padding:0 20px}.wide-scroll-card{min-width:280px;max-width:280px;height:180px;border-radius:28px;padding:25px;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 10px 25px #0000000d;transition:transform .2s}.bg-light{background-color:#fdf4ff;color:#1a1a1a}.bg-dark{background-color:#5a3c6d;color:#fff}.wide-scroll-card h3{font-size:19px;font-weight:700;margin-bottom:12px}.wide-scroll-card p{font-size:14px;line-height:1.5;opacity:.95}.nav-padding-bottom{height:110px}.slide-up{animation:slideUp .6s ease-out forwards}.slide-up-delay{animation:slideUp .6s ease-out .15s both}.slide-up-delay-2{animation:slideUp .6s ease-out .3s both}@keyframes slideUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.cancel-page-container{width:100%;height:100%;background-color:#fff8f7;display:flex;flex-direction:column;font-family:Outfit,sans-serif}.page-header{padding:40px 20px 10px;display:flex;justify-content:space-between;align-items:center}.icon-btn{background:none;border:none;cursor:pointer}.header-title{font-size:22px;font-weight:700;color:#1a1a1a}.header-actions{display:flex;gap:15px}.cancel-content-scroll{flex:1;overflow-y:auto;padding:0 20px;scrollbar-width:none}.cancel-content-scroll::-webkit-scrollbar{display:none}.stop-icon-wrapper{display:flex;justify-content:center;margin:30px 0 25px}.stop-circle{width:100px;height:100px;background-color:#f8f4fa;border-radius:50%;display:flex;justify-content:center;align-items:center}.warning-text-section{text-align:center;margin-bottom:35px}.wait-title{font-size:30px;font-weight:800;color:#5a3c6d;margin-bottom:12px}.wait-subtitle{font-size:16px;color:#888;line-height:1.4;font-weight:500}.rules-card{background-color:#fff;border:1px solid #f2f2f2;border-radius:30px;padding:25px;box-shadow:0 10px 30px #0000000a;margin-bottom:30px}.rules-heading{font-size:20px;font-weight:800;color:#1a1a1a;margin-bottom:25px}.rule-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.rule-icon-box{width:48px;height:48px;border-radius:12px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.bg-light-red{background-color:#fff1f1}.bg-light-purple{background-color:#f3ecf6}.bg-light-yellow{background-color:#fffbeb}.rule-text{font-size:15px;line-height:1.4;color:#555;font-weight:500;margin-top:4px}.bold-purple{color:#5a3c6d;font-weight:700}.bold-red{color:#ff4d4d;font-weight:700}.cancel-actions-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:10px}.main-cancel-btn{width:100%;background-color:#5a3c6d;color:#fff;padding:18px;border-radius:20px;font-size:19px;font-weight:700;border:none;cursor:pointer;box-shadow:0 8px 20px #5a3c6d33}.go-on-date-btn{background:none;border:none;color:#5a3c6d;font-size:17px;font-weight:700;text-decoration:underline;cursor:pointer}.bottom-spacing{height:110px}.fade-in{animation:fadeIn .8s ease-out}.slide-up{animation:slideUp .6s ease-out both}.slide-up-delay{animation:slideUp .6s ease-out .2s both}.proposed-dates-container{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.proposed-header{padding:45px 20px 15px;display:flex;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:10}.back-btn-circle,.menu-filter-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.proposed-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.proposed-scroll-area{flex:1;overflow-y:auto;padding:10px 20px;scrollbar-width:none}.proposed-scroll-area::-webkit-scrollbar{display:none}.list-wrapper{display:flex;flex-direction:column;gap:18px}.proposed-card{background-color:#fff;border-radius:30px;padding:14px 20px;display:flex;align-items:center;border:1px solid #f4eff8;box-shadow:0 10px 25px #0000000a;transition:transform .2s ease}.proposed-card:active{transform:scale(.97)}.avatar-wrapper{position:relative;flex-shrink:0}.avatar-ring-purple{width:75px;height:75px;border-radius:50%;border:3px solid #5a3c6d;padding:4px;overflow:hidden}.avatar-ring-purple img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-heart-badge{position:absolute;bottom:2px;right:-2px;background-color:#fff;width:22px;height:22px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px #0000001a;border:1px solid #f0f0f0}.user-info{flex:1;margin-left:15px}.name-val{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.dist-val{font-size:15px;color:#888;margin-top:2px}.view-plan-btn{background-color:#5a3c6d;color:#fff;padding:10px 22px;border-radius:12px;font-size:15px;font-weight:600;border:none;cursor:pointer;box-shadow:0 5px 12px #5a3c6d40}.nav-spacer{height:100px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.staggered-fade-in{opacity:0;animation:fadeInUp .6s ease-out forwards}.profile-main-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff8f7;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.top-nav-bar{padding:45px 20px 10px;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.back-circle{background:none;border:none;cursor:pointer;display:flex;align-items:center}.nav-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.bell-box{position:relative;display:flex;align-items:center}.dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background-color:#ff4d4d;border-radius:50%;border:1.5px solid white}.scroll-content{flex:1;overflow-y:auto;padding:20px;scrollbar-width:none}.scroll-content::-webkit-scrollbar{display:none}.profile-header-section{display:flex;align-items:center;gap:20px;margin-bottom:40px}.ring-box{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.perc-label{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:16px;font-weight:800;color:#5a3c6d;background:#fff;padding:0 4px;z-index:5}.svg-ring{transform:rotate(-90deg);position:absolute}.ring-path{fill:transparent;stroke:#5a3c6d;stroke-width:3.5;stroke-linecap:round}.user-avatar{width:95px;height:95px;border-radius:50%;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-meta h2{font-size:28px;font-weight:800;color:#1a1a1a;margin:0}.user-meta p{font-size:16px;color:#b0b0b0;font-weight:500;margin-top:3px;letter-spacing:.5px}.menu-cards-list{display:flex;flex-direction:column;gap:12px}.custom-menu-card{background-color:#fff;border-radius:20px;padding:22px 25px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 25px #00000008;border:1px solid #f9f9f9;cursor:pointer}.card-icon{color:#1a1a1a;display:flex;align-items:center}.card-text{font-size:18px;font-weight:700;color:#1a1a1a}.logout-container{margin-top:35px}.logout-outline-btn{width:100%;background:none;border:2px solid #5a3c6d;color:#5a3c6d;padding:18px;border-radius:20px;font-size:18px;font-weight:800;cursor:pointer}.modal-content{width:85%;max-width:340px;background-color:#fff3f8;border-radius:35px;padding:40px 25px;text-align:center;position:relative;box-shadow:0 20px 50px #00000026}.modal-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-icon-container{margin-bottom:5px}.modal-subtitle{font-size:16px;color:#333;font-weight:500;line-height:1.4;margin-top:-5px}.modal-primary-btn{width:100%;background-color:#5a3c6d;color:#fff;border:none;padding:16px;border-radius:18px;font-size:18px;font-weight:700;cursor:pointer;margin-top:10px}.blur-bg{filter:blur(4px);pointer-events:none}.staggered-up{opacity:0;animation:slideUp .5s ease-out forwards}.slide-up-delay{opacity:0;animation:slideUp .6s ease-out .4s forwards}:root{--app-bg: #fef7ff;--primary-purple: #5d386b;--text-dark: #1a1a1a;--text-grey: #6e6e6e;--card-shadow: 0px 10px 20px rgba(0, 0, 0, .05)}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lifestyle-screen{background-color:var(--app-bg);min-height:100vh;width:100%;max-width:420px;margin:0 auto;padding:10px 25px 120px;box-sizing:border-box;display:flex;flex-direction:column;position:relative}.status-bar{display:flex;justify-content:space-between;padding:10px 0;font-weight:700;font-size:14px}.nav-header{padding:10px 0}.back-btn{background:none;border:none;font-size:32px;color:var(--primary-purple);cursor:pointer;padding:0;font-weight:300}.header-text{margin-top:20px;margin-bottom:35px}.main-title{font-size:28px;font-weight:800;color:var(--text-dark);margin:0 0 15px}.sub-title{font-size:15px;color:var(--text-grey);line-height:1.5;margin:0}.cards-container{display:flex;flex-direction:column;gap:20px}.lifestyle-card{background-color:#fff;border-radius:30px;padding:30px 20px;box-shadow:var(--card-shadow);border:1px solid rgba(0,0,0,.03)}.card-question{font-size:22px;font-weight:700;color:var(--text-dark);margin:0 0 20px;text-align:left}.options-row{display:flex;gap:8px;justify-content:flex-start}.option-pill{background:#fff;border:1px solid #c0c0c0;padding:8px 14px;border-radius:50px;font-size:12px;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease;min-width:85px}.option-pill.active{background-color:var(--primary-purple);border-color:var(--primary-purple);color:#fff;box-shadow:0 4px 10px #5d386b66}.footer-nav{position:absolute;bottom:40px;left:0;right:0;display:flex;justify-content:center}.progress-circle-wrapper{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.svg-progress{position:absolute;width:100%;height:100%;transform:rotate(-100deg)}.circle-bg{fill:none;stroke:transparent}.circle-active{fill:none;stroke:var(--primary-purple);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:200}.next-circle-button{width:66px;height:66px;background-color:var(--primary-purple);color:#fff;border:none;border-radius:50%;font-size:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 8px 20px #5d386b4d}.next-circle-button:active{transform:scale(.95)}.food-container{width:100%;min-height:100vh;background-color:#f2f2f2;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif}.food-wrapper{width:100%;max-width:414px;height:100vh;background-color:#fdfafd;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0 24px;box-sizing:border-box}.status-bar{display:flex;justify-content:space-between;padding:12px 5px;font-weight:600;font-size:14px}.battery{width:22px;height:11px;border:1.5px solid #000;border-radius:3px}.food-header{margin-top:10px}.back-btn{background:none;border:none;cursor:pointer;padding:5px 0}.food-content{margin-top:30px;z-index:2}.food-title{font-size:28px;font-weight:800;color:#1a1a1a;margin-bottom:12px}.food-subtitle{font-size:16px;color:#756d75;margin-bottom:35px}.habit-display-box{width:100%;height:64px;border:1.5px solid #8e658c;border-radius:16px;background-color:#fff;display:flex;align-items:center;padding:0 22px;margin-bottom:30px;font-size:18px;color:#2d2d2d}.habit-picker-card{width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014}.picker-header{background-color:#523461;color:#fff;padding:18px;text-align:center;font-size:16px;font-weight:500}.habit-list{display:flex;flex-direction:column}.habit-item{padding:18px;text-align:center;border-bottom:1px solid #f0f0f0;font-size:16px;color:#333;cursor:pointer;transition:all .2s;text-transform:capitalize}.habit-item:last-child{border-bottom:none}.habit-item.selected{font-weight:800;color:#000}.habit-item:hover{background-color:#f9f6f9}.food-background-wave{position:absolute;bottom:100px;left:0;width:100%;z-index:1;pointer-events:none}.food-footer{position:absolute;bottom:45px;left:0;right:0;display:flex;justify-content:center;z-index:3}.next-btn-container{position:relative;width:85px;height:85px;display:flex;align-items:center;justify-content:center}.progress-circle{position:absolute;width:78px;height:78px;border:2px solid #523461;border-radius:50%;border-top-color:transparent;transform:rotate(30deg)}.purple-next-btn{width:62px;height:62px;background-color:#523461;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #5234614d}.purple-next-btn:active{transform:scale(.94)}.requests-page-main{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden}.request-header{padding:45px 15px 10px;display:flex;justify-content:space-between;align-items:center}.right-nav-icons{display:flex;gap:12px}.nav-icon-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center}.tab-container-wrap{display:flex;justify-content:center;margin:15px 0 20px}.segmented-control-bar{background-color:#f2f2f2;border-radius:50px;padding:4px;display:flex;width:85%;box-shadow:inset 0 1px 3px #0000000d}.control-tab-btn{flex:1;border:none;padding:10px 0;border-radius:50px;font-size:13px;font-weight:700;cursor:pointer;background:transparent;color:#888;transition:all .3s ease;font-family:Outfit,sans-serif}.control-tab-btn.is-active{background-color:#5a3c6d;color:#fff;box-shadow:0 4px 10px #5a3c6d40}.requests-scroll-area{flex:1;padding:0 15px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-width:none}.requests-scroll-area::-webkit-scrollbar{display:none}.ui-request-card-item{background:#fff;border-radius:20px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #00000008}.card-left-part{display:flex;align-items:center;gap:12px}.avatar-circle{width:55px;height:55px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px #0000000d}.avatar-circle img{width:100%;height:100%;object-fit:cover}.user-name-text{margin:0;font-size:17px;font-weight:700;color:#1a1a1a}.request-sub-text{margin:2px 0 0;font-size:13px;color:#6e6e6e;font-weight:500}.card-right-part{display:flex;align-items:center;gap:15px}.confirm-purple-btn{background-color:#5a3c6d;color:#fff;border:none;border-radius:12px;padding:10px 22px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #5a3c6d4d;font-family:Outfit,sans-serif}.cancel-x-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center}.slide-up{animation:slideUpRequest .6s ease-out}@keyframes slideUpRequest{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-purple-btn:active,.nav-icon-btn:active{transform:scale(.95)}.account-settings-main{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff8f7;font-family:Outfit,sans-serif;overflow:hidden}.settings-top-nav{padding:45px 20px 15px;display:flex;justify-content:space-between;align-items:center}.nav-back-btn{background:none;border:none;cursor:pointer;padding:0}.settings-nav-title{font-size:22px;font-weight:700;color:#000;margin:0;flex:1;text-align:center}.nav-right-icon{width:28px;display:flex;justify-content:flex-end}.settings-body-content{flex:1;padding:30px 25px}.settings-group-label{font-size:24px;font-weight:500;color:silver;margin-bottom:40px}.settings-options-list{display:flex;flex-direction:column;gap:35px}.settings-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.settings-row.no-click{cursor:default}.settings-label-text{font-size:20px;font-weight:600;color:#1a1a1a}.ui-toggle-switch{position:relative;display:inline-block;width:55px;height:30px}.ui-toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e0e0e0;transition:.4s;border-radius:30px}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.toggle-slider{background-color:#5a3c6d}input:checked+.toggle-slider:before{transform:translate(25px)}.slide-up-animation{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invite-main-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff8f7;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.invite-top-nav{padding:45px 20px 10px;display:flex;justify-content:space-between;align-items:center}.invite-nav-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.nav-right-group{display:flex;gap:15px;align-items:center}.bell-container{position:relative;display:flex;align-items:center}.notification-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background-color:#ff4d4d;border-radius:50%;border:1.5px solid white}.invite-scroll-content{flex:1;overflow-y:auto;padding:20px 25px;scrollbar-width:none}.invite-scroll-content::-webkit-scrollbar{display:none}.invite-text-section{margin-top:10px;margin-bottom:35px}.invite-heading{font-size:32px;font-weight:800;color:#1a1a1a;margin-bottom:15px;line-height:1.2}.invite-subtext{font-size:18px;color:#666;font-weight:500;line-height:1.5}.invite-form-container{display:flex;flex-direction:column;gap:20px}.invite-custom-input,.invite-custom-textarea{width:100%;background-color:#fff;border:1px solid #f2f2f2;border-radius:20px;padding:22px 25px;font-family:Outfit,sans-serif;font-size:18px;font-weight:600;color:#1a1a1a;outline:none;box-shadow:0 10px 30px #0000000d;cursor:pointer}.invite-custom-textarea{resize:none;border-radius:30px;cursor:text}.invite-action-container{margin-top:40px}.invite-primary-btn{width:100%;background-color:#5a3c6d;color:#fff;border:none;padding:18px;border-radius:20px;font-size:18px;font-weight:700;cursor:pointer}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{width:88%;max-width:340px;background-color:#fff3f8;border-radius:35px;padding:45px 25px 35px;text-align:center;position:relative;box-shadow:0 20px 50px #00000026}.modal-inner{display:flex;flex-direction:column;align-items:center;gap:15px}.contact-icon-wrapper{background-color:transparent;border:2px solid #5a3c6d;border-radius:18px;padding:15px;margin-bottom:5px;display:flex;justify-content:center;align-items:center}.modal-title{font-size:24px;font-weight:800;color:#000;margin:0}.modal-subtitle{font-size:15px;color:#333;font-weight:500;line-height:1.4}.modal-primary-btn{width:100%;background-color:#5a3c6d;color:#fff;border:none;padding:16px;border-radius:15px;font-size:18px;font-weight:700;cursor:pointer;margin-top:10px}.blur-bg{filter:blur(4px);pointer-events:none;transition:filter .3s ease}.slide-up-modal{animation:slideUp .3s ease-out}.change-pass-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff8f7;font-family:Outfit,sans-serif;overflow:hidden}.change-pass-header{padding:45px 20px 15px;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:22px;font-weight:700;color:#000;margin:0;flex:1;text-align:center}.header-right{width:28px;display:flex;justify-content:flex-end}.change-pass-content{flex:1;padding:30px 25px;display:flex;flex-direction:column;gap:30px}.input-group{display:flex;flex-direction:column;gap:12px}.input-label{font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:.2px}.password-input-wrapper{position:relative;width:100%}.pass-input{width:100%;background-color:#fff;border:1px solid #f2f2f2;border-radius:20px;padding:22px 55px 22px 25px;font-family:Outfit,sans-serif;font-size:18px;font-weight:600;color:#1a1a1a;outline:none;box-shadow:0 8px 25px #0000000a}.pass-input::placeholder{color:#999;font-weight:400}.eye-toggle{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.slide-up{animation:slidePassUp .6s ease-out forwards}@keyframes slidePassUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-main-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff8f7;font-family:Outfit,sans-serif;overflow:hidden}.feedback-top-nav{padding:45px 20px 10px;display:flex;justify-content:space-between;align-items:center}.nav-back-circle{background:none;border:none;cursor:pointer;padding:0}.feedback-nav-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;flex:1;text-align:center}.nav-right-box{width:28px;display:flex;justify-content:flex-end}.feedback-scroll-content{flex:1;overflow-y:auto;padding:20px 25px;scrollbar-width:none}.feedback-scroll-content::-webkit-scrollbar{display:none}.feedback-header-text{margin-top:10px;margin-bottom:30px}.feedback-heading{font-size:32px;font-weight:800;color:#1a1a1a;line-height:1.2;margin-bottom:20px}.feedback-subtext{font-size:18px;color:#666;font-weight:500;line-height:1.5;padding-right:10px}.reactions-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:10px}.reaction-circle{width:55px;height:55px;border-radius:50%;background-color:#e8d9f1;display:flex;justify-content:center;align-items:center;color:#000;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.reaction-circle.active{background-color:#5a3c6d;color:#fff;transform:scale(1.1);box-shadow:0 5px 15px #5a3c6d4d}.feedback-input-container{margin-bottom:40px}.feedback-textarea{width:100%;border:1px solid #f2f2f2;border-radius:35px;padding:25px;font-family:Outfit,sans-serif;font-size:18px;font-weight:600;color:#1a1a1a;outline:none;resize:none;background-color:#fff;box-shadow:0 15px 35px #00000014}.feedback-textarea::placeholder{color:#1a1a1a}.feedback-contact-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding-bottom:40px}.feedback-contact-info p{font-size:14px;color:#333;font-weight:500}.feedback-contact-info span{font-weight:700;color:#333}.feedback-action-box{width:100%}.feedback-send-btn{width:100%;background-color:#5a3c6d;color:#fff;border:none;padding:18px;border-radius:22px;font-size:20px;font-weight:700;cursor:pointer}.footer-spacer{height:100px}.slide-up-animation{animation:slideFeedbackUp .6s ease-out}@keyframes slideFeedbackUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-profile-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff8f7;font-family:Outfit,sans-serif;overflow:hidden}.edit-top-nav{padding:45px 20px 10px;display:flex;justify-content:space-between;align-items:center}.nav-back-btn{background:none;border:none;cursor:pointer}.edit-nav-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.edit-nav-right{display:flex;gap:15px;align-items:center}.bell-wrapper{position:relative}.orange-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background-color:#ff4d4d;border-radius:50%;border:1.5px solid white}.edit-scroll-content{flex:1;overflow-y:auto;padding:20px 25px;scrollbar-width:none}.edit-scroll-content::-webkit-scrollbar{display:none}.edit-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.ring-container{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.perc-tag{position:absolute;top:-10px;font-size:14px;font-weight:800;color:#5a3c6d;background:#fff;padding:0 5px;z-index:5}.svg-ring-edit{transform:rotate(-90deg);position:absolute}.ring-path-edit{fill:transparent;stroke:#5a3c6d;stroke-width:3.5;stroke-linecap:round}.avatar-main{width:95px;height:95px;border-radius:50%;position:relative}.avatar-main img{width:100%;height:100%;border-radius:50%;object-fit:cover}.small-edit-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;background-color:#5a3c6d;border:2px solid white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 10px #0000001a}.user-info-text{text-align:center;margin-top:15px}.user-info-text h2{font-size:28px;font-weight:800;color:#1a1a1a;margin:0}.user-info-text p{font-size:16px;color:#b0b0b0;font-weight:600;margin-top:5px}.edit-form{display:flex;flex-direction:column;gap:25px}.input-field-group{display:flex;flex-direction:column;gap:12px}.input-field-group label{font-size:20px;font-weight:700;color:#1a1a1a}.input-with-icon{position:relative;width:100%}.prefix-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%)}.suffix-toggle{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#1a1a1a}.input-with-icon input{width:100%;padding:22px 50px 22px 60px;border-radius:20px;border:1px solid #f2f2f2;font-size:18px;font-weight:600;font-family:Outfit;outline:none;box-shadow:0 10px 25px #00000008}.about-textarea{width:100%;padding:25px;border-radius:25px;border:1px solid #f2f2f2;font-size:18px;font-weight:600;font-family:Outfit;outline:none;resize:none;text-align:center;box-shadow:0 10px 25px #00000008}.save-btn-container{margin-top:40px}.save-changes-btn{width:100%;background-color:#fff;border:2px solid #5a3c6d;color:#5a3c6d;padding:18px;border-radius:20px;font-size:20px;font-weight:800;cursor:pointer;transition:all .2s ease}.save-changes-btn:active{background-color:#5a3c6d;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.matches-main-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;font-family:Outfit,sans-serif;overflow:hidden}.pagination-dots-wrap{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:15px 0 5px}.dot-item{width:10px;height:10px;background-color:#e8d9f1;border-radius:4px;transition:all .3s ease}.dot-active{width:35px;height:10px;background-color:#5a3c6d;border-radius:6px}.matches-header-nav{padding:15px 20px;display:flex;justify-content:space-between;align-items:flex-start}.back-btn-match{background:none;border:none;cursor:pointer;padding-top:5px}.title-stack{flex:1;margin-left:10px}.main-match-title{font-size:28px;font-weight:800;color:#1a1a1a;margin:0}.sub-match-title{font-size:15px;color:#b0b0b0;font-weight:500;margin-top:2px}.action-icons-right{display:flex;gap:15px;padding-top:5px}.matches-body-content{flex:1;display:flex;flex-direction:column}.heading-group{padding:15px 25px}.title-day{font-size:26px;font-weight:800;color:#1a1a1a;margin-bottom:5px}.note-row{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;opacity:.9}.cards-carousel-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:30px 45px 60px;gap:15px;flex:1;align-items:center}.cards-carousel-container::-webkit-scrollbar{display:none}.card-anchor{min-width:300px;height:409px;scroll-snap-align:center;transition:transform .4s cubic-bezier(.25,1,.5,1);cursor:pointer;position:relative}.actual-match-card{width:100%;height:100%;background-color:#000;border-radius:35px;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000026}.match-img-bg{width:100%;height:100%;object-fit:cover}.card-top-ui{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.match-badge{background:#fff;padding:6px 14px;border-radius:10px;font-size:12px;font-weight:700}.card-bottom-ui{position:absolute;bottom:0;left:0;right:0;padding:30px 20px;background:linear-gradient(transparent,#000000d9);display:flex;justify-content:space-between;align-items:flex-end}.name-label{color:#fff;font-size:24px;font-weight:700;margin:0}.loc-wrap{display:flex;align-items:center;gap:4px;color:#fff;margin-top:4px;font-size:14px}.call-btn-fixed{width:55px;height:45px;background-color:#fff;border:none;border-radius:15px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0003}.carousel-end-spacer{min-width:50px}.slide-up{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.detail-main-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.hero-section{width:100%;height:480px;position:relative;overflow:hidden;border-radius:0 0 40px 40px}.animate-zoom{animation:zoomEffect 10s ease-in-out infinite alternate}@keyframes zoomEffect{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-img{width:100%;height:100%;object-fit:cover}.pop-in{animation:popIn .6s cubic-bezier(.175,.885,.32,1.275) both}.pop-in-delay{animation:popIn .6s cubic-bezier(.175,.885,.32,1.275) .2s both}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.slide-right{animation:slideRight .8s ease-out .4s both}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.detail-scroll-content{flex:1;overflow-y:auto;padding:25px 20px;scrollbar-width:none}.detail-scroll-content::-webkit-scrollbar{display:none}.slide-up{opacity:0;animation:slideUp .7s ease-out forwards}.staggered-1{animation-delay:.1s}.staggered-2{animation-delay:.2s}.staggered-3{animation-delay:.3s}.staggered-4{animation-delay:.4s}.staggered-5{animation-delay:.5s}.staggered-6{animation-delay:.6s}.staggered-7{animation-delay:.7s}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-pulse-slow{animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1) rotate(-15deg)}50%{transform:scale(1.1) rotate(-10deg)}}.blur-content{filter:blur(5px);pointer-events:none;transition:filter .4s ease}.top-back-btn{position:absolute;top:50px;left:20px;width:45px;height:45px;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;display:flex;justify-content:center;align-items:center}.top-fav-heart{position:absolute;top:50px;right:20px;background:none;border:none}.hero-compat-badge{position:absolute;bottom:25px;left:20px;background:#fff;padding:8px 18px;border-radius:12px;font-weight:700;font-size:14px;color:#1a1a1a}.profile-intro-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.user-name-age{font-size:28px;font-weight:800;color:#1a1a1a;margin:0}.user-profession{font-size:16px;color:#b0b0b0;font-weight:600}.call-action-square{width:55px;height:50px;background:#fff;border:1px solid #f2f2f2;border-radius:15px;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 20px #0000000d}.info-block{margin-bottom:30px}.block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.block-title{font-size:18px;font-weight:800;color:#1a1a1a}.dist-badge{background:#e8d9f1;padding:6px 14px;border-radius:10px;font-weight:800;color:#5a3c6d;font-size:13px}.chips-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.info-chip,.interest-chip{background:#f2f2f2;padding:8px 15px;border-radius:12px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.story-text{font-size:15px;line-height:1.6;color:#666;font-weight:500}.read-more{color:#5a3c6d;font-weight:800;margin-left:5px;cursor:pointer}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:15px}.gal-big{grid-column:span 3;height:180px;border-radius:20px;overflow:hidden}.gal-small{grid-column:span 2;height:110px;border-radius:15px;overflow:hidden}.gallery-grid img{width:100%;height:100%;object-fit:cover}.clickable{cursor:pointer}.request-btn-container{margin-top:20px}.request-btn{width:100%;background:#5a3c6d;color:#fff;padding:18px;border:none;border-radius:20px;font-size:18px;font-weight:800;cursor:pointer}.footer-spacer{height:110px}.modal-content{width:88%;max-width:350px;background:#fff5fa;border-radius:35px;padding:45px 30px;text-align:center;position:relative;box-shadow:0 20px 60px #0003}.modal-close-x{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer}.modal-inner{display:flex;flex-direction:column;align-items:center;gap:20px}.call-icon-illustration{margin-bottom:10px}.modal-title{font-size:26px;font-weight:800;color:#000;margin:0}.modal-subtitle{font-size:15px;color:#333;font-weight:500;line-height:1.5}.modal-primary-btn{width:100%;background:#5a3c6d;color:#fff;border:none;padding:16px;border-radius:18px;font-size:18px;font-weight:700;cursor:pointer}.slide-up-modal{animation:slideUp .4s cubic-bezier(.165,.84,.44,1) forwards}.gallery-page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fef7f9;font-family:Outfit,sans-serif;overflow:hidden}.gallery-header{padding:50px 20px 20px;display:flex;align-items:center;gap:15px}.back-btn-circle{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.gallery-page-title{font-size:26px;font-weight:800;color:#000;margin:0}.gallery-scroll-area{flex:1;overflow-y:auto;padding:10px 20px;scrollbar-width:none}.gallery-scroll-area::-webkit-scrollbar{display:none}.photos-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%}.photo-card{width:100%;aspect-ratio:1 / 1.35;cursor:pointer;transition:transform .2s ease;position:relative;filter:drop-shadow(0 8px 15px rgba(90,60,109,.1))}.photo-card:active{transform:scale(.96)}.photo-inner{width:100%;height:100%;border-radius:25px;overflow:hidden;border:1.5px solid rgba(90,60,109,.2)}.photo-inner img{width:100%;height:100%;object-fit:cover;display:block}.footer-spacer-small{height:40px}.slide-up{animation:slideGalleryUp .6s ease-out}@keyframes slideGalleryUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pick-card-wrapper{width:100%;height:100vh;background-color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;overflow:hidden;position:relative}.pick-card-header{padding:20px;display:flex;align-items:center;justify-content:center;position:relative;margin-top:10px}.back-btn{position:absolute;left:20px;background:none;border:none;cursor:pointer}.header-title{font-size:18px;font-weight:700;color:#1a1a1a}.cards-slider-container{flex:1;display:flex;align-items:center;overflow-x:auto;padding:0 40px;gap:20px;scroll-snap-type:x mandatory;scrollbar-width:none}.cards-slider-container::-webkit-scrollbar{display:none}.card-item{min-width:80%;height:70%;max-height:500px;background-color:#eedff2;border-radius:30px;scroll-snap-align:center;transition:transform .3s ease,opacity .3s ease;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;overflow:hidden}.card-item:not(.active){transform:scale(.9);opacity:.6}.card-inner-content{padding:40px 20px;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.card-text-section{margin-bottom:30px}.card-title{font-size:22px;font-weight:800;color:#1a1a1a;margin-bottom:12px}.card-desc{font-size:14px;color:#4a4a4a;line-height:1.5;max-width:200px;margin:0 auto}.card-image-wrapper{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.card-main-img{max-width:90%;max-height:220px;object-fit:contain}.pick-card-footer{padding:30px 24px;display:flex;justify-content:center}.continue-btn{width:100%;max-width:350px;height:60px;background-color:#5d326f;color:#fff;border:none;border-radius:20px;font-size:18px;font-weight:700;cursor:pointer;transition:.3s}.continue-btn:active{transform:scale(.98)}@media(max-width:400px){.card-item{min-width:85%}.card-title{font-size:18px}}@media(min-width:768px){.pick-card-wrapper{max-width:450px;margin:0 auto;border:1px solid #eee;height:90vh;border-radius:30px;margin-top:5vh}}.quiz-screen-wrapper{width:100%;min-height:100vh;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center}.attachment-quiz-container{width:100%;max-width:430px;height:100vh;max-height:900px;background-color:#fff;display:flex;flex-direction:column;padding:20px 30px;font-family:Inter,-apple-system,sans-serif;box-sizing:border-box;position:relative;box-shadow:0 10px 30px #0000000d}.quiz-top-header{display:flex;align-items:center;gap:15px;margin-top:10px;margin-bottom:35px}.back-arrow-btn{background:none;border:none;cursor:pointer;padding:0;display:flex}.quiz-category-title{font-size:17px;font-weight:700;color:#1a1a1a}.quiz-main-body{flex:1}.question-heading{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.3;margin-bottom:40px}.options-vertical-list{display:flex;flex-direction:column;gap:22px}.option-row-item{display:flex;align-items:center;gap:18px;cursor:pointer;transition:all .2s ease}.icon-container-with-ring{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid transparent;transition:border-color .2s ease}.option-row-item.active .icon-container-with-ring{border-color:#432c51}.option-label-text{font-size:15px;font-weight:500;color:#555}.option-row-item.active .option-label-text{color:#000;font-weight:700}.quiz-bottom-nav{display:flex;justify-content:center;padding-bottom:40px}.progress-button-wrapper{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.progress-svg-ring{position:absolute;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#f0e6f2;stroke-width:4}.ring-fill{fill:none;stroke:#432c51;stroke-width:4;stroke-linecap:round;stroke-dasharray:239;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.next-circle-btn{width:64px;height:64px;background-color:#432c51;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;opacity:.4;transition:.3s cubic-bezier(.4,0,.2,1)}.next-circle-btn.enabled{opacity:1;box-shadow:0 8px 20px #432c514d}.next-circle-btn:active{transform:scale(.95)}@media(max-height:700px){.question-heading{font-size:20px;margin-bottom:25px}.options-vertical-list{gap:12px}.quiz-bottom-nav{padding-bottom:20px}}.lifestyle-screen-wrapper{width:100%;min-height:100vh;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif}.lifestyle-container{width:100%;max-width:430px;height:100vh;max-height:900px;background-color:#fff;display:flex;flex-direction:column;padding:20px 24px;box-sizing:border-box;position:relative;box-shadow:0 10px 40px #0000000d}.lifestyle-header{display:flex;align-items:center;justify-content:center;height:60px;position:relative;margin-bottom:20px}.lifestyle-back-btn{position:absolute;left:0;background:none;border:none;cursor:pointer;padding:0}.lifestyle-category-title{font-size:18px;font-weight:700;color:#1a1a1a}.lifestyle-main-content{flex:1}.lifestyle-question-text{font-size:23px;line-height:1.35;font-weight:800;color:#000;margin-bottom:30px;letter-spacing:-.5px}.lifestyle-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lifestyle-card{border:2px solid #725188;border-radius:24px;height:220px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background-color:#fff}.lifestyle-card.is-selected{border-color:#432c51;border-width:3px;background-color:#f9f4fa;transform:translateY(-2px)}.lifestyle-card-label{font-size:14px;font-weight:700;color:#333;line-height:1.4;margin:0}.lifestyle-image-holder{display:flex;justify-content:center;align-items:flex-end;height:110px}.lifestyle-illustration{max-width:100%;max-height:100%;object-fit:contain}.lifestyle-footer{display:flex;justify-content:center;align-items:center;padding:30px 0}.lifestyle-fab-container{position:relative;width:90px;height:90px;display:flex;justify-content:center;align-items:center}.lifestyle-ring-svg{position:absolute;transform:rotate(-90deg)}.lifestyle-ring-track{fill:none;stroke:#f2eef4;stroke-width:4}.lifestyle-ring-fill{fill:none;stroke:#432c51;stroke-width:4;stroke-linecap:round;stroke-dasharray:239;transition:stroke-dashoffset .6s ease}.lifestyle-next-btn{width:65px;height:65px;background-color:#432c51;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:2;opacity:.4;transition:.3s ease}.lifestyle-next-btn.is-ready{opacity:1;box-shadow:0 10px 25px #432c514d}@media(max-height:700px){.lifestyle-card{height:180px;padding:12px}.lifestyle-image-holder{height:80px}.lifestyle-question-text{font-size:19px}}.dating-quiz-wrapper{width:100%;min-height:100vh;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;font-family:Inter,-apple-system,sans-serif}.dating-quiz-container{width:100%;max-width:430px;height:100vh;max-height:900px;background-color:#fff;padding:20px 24px;display:flex;flex-direction:column;box-sizing:border-box;position:relative;box-shadow:0 10px 40px #0000000d}.dating-header-nav{display:flex;align-items:center;gap:15px;margin-bottom:30px;margin-top:10px}.back-btn-circle{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center}.dating-top-title{font-size:17px;font-weight:700;color:#1a1a1a}.dating-main-heading{font-size:24px;font-weight:700;line-height:1.35;color:#000;margin-bottom:30px}.dating-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex-grow:1}.dating-grid-card{border:2px solid #725188;border-radius:18px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);height:200px}.dating-grid-card.active{background-color:#f9f4fa;border-color:#432c51;border-width:3px;transform:translateY(-2px);box-shadow:0 6px 15px #7251881f}.dating-card-text{font-size:14px;font-weight:600;color:#333;line-height:1.4;margin:0}.dating-img-holder{display:flex;justify-content:center;align-items:flex-end;height:110px;overflow:hidden}.dating-illustration{max-width:90%;max-height:100%;object-fit:contain;transition:transform .3s ease}.dating-grid-card.active .dating-illustration{transform:scale(1.05)}.dating-footer-section{display:flex;justify-content:center;padding:25px 0}.dating-progress-wrap{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.dating-circle-svg{position:absolute;transform:rotate(-90deg)}.dating-bg-ring{fill:none;stroke:#f2eef4;stroke-width:4}.dating-fill-ring{fill:none;stroke:#432c51;stroke-width:4;stroke-linecap:round;stroke-dasharray:239;transition:stroke-dashoffset .6s ease}.dating-next-btn{width:66px;height:66px;background-color:#432c51;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:.35;transition:all .3s ease}.dating-next-btn.is-enabled{opacity:1;box-shadow:0 10px 25px #432c514d}.dating-next-btn:active{transform:scale(.95)}@media(max-height:700px){.dating-grid-card{height:170px;padding:12px}.dating-img-holder{height:90px}.dating-main-heading{font-size:20px}.dating-header-nav{margin-bottom:20px}}.emoji-quiz-wrapper{width:100%;min-height:100vh;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif}.emoji-quiz-container{width:100%;max-width:430px;height:100vh;max-height:900px;background-color:#fff;padding:20px 25px;display:flex;flex-direction:column;box-sizing:border-box;position:relative}.emoji-header{display:flex;align-items:center;gap:15px;margin:10px 0 40px}.back-btn{background:none;border:none;cursor:pointer;padding:0}.category-title{font-size:17px;font-weight:700;color:#1a1a1a}.question-text{font-size:23px;font-weight:700;line-height:1.4;color:#000;margin-bottom:45px}.options-list{display:flex;flex-direction:column;gap:28px}.option-row{display:flex;align-items:center;gap:18px;cursor:pointer;transition:all .2s ease}.double-ring-container{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.outer-black-ring{width:44px;height:44px;border:2px solid #1A1A1A;border-radius:50%;display:flex;align-items:center;justify-content:center}.inner-colored-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.option-row.active .option-label{font-weight:700;color:#000}.option-row.active .inner-colored-circle{transform:scale(1.05)}.option-label{font-size:14px;font-weight:500;color:#444}.emoji-footer{margin-top:auto;display:flex;justify-content:center;padding-bottom:40px}.progress-box{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.ring-track{fill:none;stroke:#f2eef4;stroke-width:4}.ring-fill{fill:none;stroke:#432c51;stroke-width:4;stroke-linecap:round;stroke-dasharray:239;transition:stroke-dashoffset .6s ease}.next-fab{width:65px;height:65px;background-color:#432c51;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:.35;transition:.3s ease}.next-fab.ready{opacity:1;box-shadow:0 10px 20px #432c514d}@media(max-height:700px){.options-list{gap:15px}.question-text{font-size:19px;margin-bottom:25px}}.comp-screen-wrapper{width:100%;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;overflow:hidden}.comp-card-container{position:relative;width:100%;max-width:430px;height:100%;background-color:#5d326f;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 30px;box-sizing:border-box;overflow:hidden;font-family:Libre Baskerville,serif}.confetti-rain{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.confetti-piece{position:absolute;width:150%;height:100%;object-fit:contain;opacity:.6}.layer-1{top:-100%;animation:rainSlow 8s linear infinite}.layer-2{top:-200%;animation:rainSlow 8s linear infinite 4s}@keyframes rainSlow{0%{transform:translateY(0)}to{transform:translateY(300%)}}.comp-content-area{position:relative;z-index:10;text-align:center;color:#fff;margin-top:-120px}.text-anim-box{animation:fadeInUp 1.2s cubic-bezier(.2,.8,.2,1) forwards}.comp-main-text{font-size:28px;font-weight:400;margin:5px 0;line-height:1.4;letter-spacing:.5px}.comp-percent-text{font-size:30px;font-weight:400;margin:10px 0}.count-number{font-weight:700;display:inline-block;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.comp-char-box{position:absolute;bottom:-30px;width:100%;display:flex;justify-content:center;z-index:5;transform:translateY(100%);animation:charEntry 1s cubic-bezier(.175,.885,.32,1.275) forwards .5s}.comp-trumpet-man{width:280px;height:auto;animation:trumpetPulse 2s ease-in-out infinite}@keyframes charEntry{to{transform:translateY(0)}}@keyframes trumpetPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.04) rotate(1deg)}}.comp-click-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;cursor:pointer}@media(max-height:700px){.comp-main-text{font-size:22px}.comp-percent-text{font-size:24px}.comp-trumpet-man{width:220px}.comp-content-area{margin-top:-80px}}.topic-screen-wrapper{width:100%;height:100vh;height:100dvh;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Inter,sans-serif}.topic-screen-container{width:100%;max-width:430px;height:100%;background-color:#fff;display:flex;flex-direction:column;padding:0;box-sizing:border-box;position:relative}.topic-header{height:80px;display:flex;align-items:center;justify-content:center;position:relative;padding:0 24px;flex-shrink:0}.topic-back-btn{position:absolute;left:20px;background:none;border:none;cursor:pointer}.topic-nav-title{font-size:18px;font-weight:700;color:#1a1a1a}.topic-slider-area{flex:1;display:flex;align-items:center;overflow:hidden}.topic-horizontal-scroll{display:flex;gap:20px;padding:0 40px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;height:100%;align-items:center}.topic-horizontal-scroll::-webkit-scrollbar{display:none}.topic-single-card-item{min-width:85%;scroll-snap-align:center;height:72%;display:flex;justify-content:center}.topic-inner-card-box{width:100%;background-color:#ead8f0;border-radius:32px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 8px 30px #0000000a}.topic-card-title{font-size:21px;font-weight:800;color:#1a1a1a;margin-bottom:12px}.topic-card-subtitle{font-size:14px;font-weight:500;color:#444;line-height:1.5;margin-bottom:25px}.topic-card-image-holder{flex:1;display:flex;align-items:flex-end;justify-content:center;width:100%;overflow:hidden}.topic-card-img{max-width:90%;max-height:100%;object-fit:contain}.topic-footer{padding:30px 24px;flex-shrink:0}.topic-continue-btn{width:100%;height:60px;background-color:#5d326f;color:#fff;border:none;border-radius:18px;font-size:17px;font-weight:700;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.topic-continue-btn:active{transform:scale(.97);opacity:.95}@media(min-width:431px){.topic-horizontal-scroll{cursor:grab}}@media(max-height:700px){.topic-single-card-item{height:90%}.topic-inner-card-box{padding:20px 15px}.topic-card-title{font-size:19px}.topic-footer{padding:20px 24px}}.conflict-quiz-wrapper{width:100%;height:100vh;height:100dvh;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;font-family:Inter,-apple-system,sans-serif;overflow:hidden}.conflict-quiz-container{width:100%;max-width:430px;height:100%;background-color:#fff;display:flex;flex-direction:column;padding:0 25px;box-sizing:border-box;position:relative}.conflict-header{height:80px;display:flex;align-items:center;gap:15px;flex-shrink:0}.conflict-back-btn{background:none;border:none;cursor:pointer;padding:0}.conflict-nav-title{font-size:17px;font-weight:700;color:#1a1a1a}.conflict-main{flex:1;display:flex;flex-direction:column}.conflict-question{font-size:23px;font-weight:700;line-height:1.35;color:#000;margin-bottom:40px}.conflict-options-list{display:flex;flex-direction:column;gap:25px}.conflict-option-row{display:flex;align-items:center;gap:18px;cursor:pointer;transition:all .2s ease}.emoji-double-ring{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.emoji-outer-ring{width:44px;height:44px;border:2px solid #1A1A1A;border-radius:50%;display:flex;align-items:center;justify-content:center}.emoji-inner-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}.conflict-option-text{font-size:14.5px;font-weight:500;color:#444}.conflict-option-row.is-active .conflict-option-text{font-weight:700;color:#000}.conflict-option-row.is-active .emoji-outer-ring{border-color:#432c51;border-width:3px}.conflict-footer{height:120px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.conflict-progress-box{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.conflict-ring-svg{position:absolute;transform:rotate(-90deg)}.conflict-ring-track{fill:none;stroke:#f2eef4;stroke-width:4}.conflict-ring-fill{fill:none;stroke:#432c51;stroke-width:4;stroke-linecap:round;stroke-dasharray:239;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.conflict-next-fab{width:65px;height:65px;background-color:#432c51;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;opacity:.35;transition:.3s ease}.conflict-next-fab.is-ready{opacity:1;box-shadow:0 10px 20px #432c514d}@media(max-height:700px){.conflict-question{font-size:19px;margin-bottom:25px}.conflict-options-list{gap:15px}.conflict-footer{height:90px}}.call-screen-container{width:100%;height:100%;flex:1;background-color:#5a3c6d;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#fff;font-family:Outfit,sans-serif;text-align:center;border-radius:inherit}.call-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.3}.call-wave{position:absolute;border:1.5px solid rgba(255,255,255,.4);border-radius:50%}.w1{width:120%;aspect-ratio:1;top:-10%;right:-20%}.w2{width:150%;aspect-ratio:1;bottom:-20%;left:-30%}.w3{width:180%;aspect-ratio:1;bottom:-30%;left:-40%}.call-profile-section{margin-top:15vh;z-index:5;display:flex;flex-direction:column;align-items:center;padding:0 20px}.call-avatar-wrapper{width:clamp(120px,30vw,150px);height:clamp(120px,30vw,150px);border-radius:50%;border:4px solid rgba(255,255,255,.2);overflow:hidden;margin-bottom:20px;box-shadow:0 10px 30px #0003}.call-avatar-img{width:100%;height:100%;object-fit:cover}.call-user-name{font-size:clamp(22px,5vw,28px);font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.call-user-sub{font-size:16px;color:#ffffffb3;margin-top:6px;font-weight:500}.call-status-middle{flex:1;display:flex;align-items:center;justify-content:center;z-index:5}.call-status-text{font-size:18px;font-weight:500;letter-spacing:.5px;animation:pulseFade 2s infinite}@keyframes pulseFade{0%,to{opacity:.6}50%{opacity:1}}.call-footer-actions{padding-bottom:10vh;z-index:10;display:flex;justify-content:center;width:100%}.actions-incoming-row{display:flex;gap:60px}.actions-active-row{display:flex;align-items:center;gap:30px}.call-btn-circle{width:75px;height:75px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 8px 20px #0000004d;transition:transform .2s ease;-webkit-tap-highlight-color:transparent}.call-btn-circle:active{transform:scale(.9)}.accept-bg{background-color:#4cd964}.hangup-bg{background-color:#ff3b30}.hangup-rotate{transform:rotate(135deg)}.call-opt-circle{width:55px;height:55px;border-radius:50%;background-color:#ffffff26;border:none;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;transition:all .2s ease}.muted-active{background-color:#fff;color:#5a3c6d}@media(min-width:769px){.call-profile-section{margin-top:80px}.call-footer-actions{padding-bottom:40px}.call-avatar-wrapper{width:130px;height:130px}}@media(max-height:667px){.call-profile-section{margin-top:40px}.call-avatar-wrapper{width:100px;height:100px}.call-footer-actions{padding-bottom:30px}.actions-incoming-row{gap:40px}}button{outline:none;-webkit-user-select:none;user-select:none}.date-requested-container{width:100%;height:100%;position:relative;background-color:#fff}.main-content-wrapper{width:100%;height:100%;display:flex;flex-direction:column;transition:filter .3s ease}.apply-blur{filter:blur(8px);pointer-events:none}.top-nav-bar{padding:45px 20px 10px;display:flex;justify-content:space-between;align-items:center}.req-scroll-body{flex:1;overflow-y:auto;padding:10px 20px;scrollbar-width:none}.req-scroll-body::-webkit-scrollbar{display:none}.selection-status{font-weight:800;color:#d0d0d0;margin-bottom:20px;font-size:15px}.selection-status span{color:#5a3c6d}.ui-card-section{margin-bottom:35px}.section-h2{font-size:22px;font-weight:800;color:#1a1a1a;margin-bottom:5px}.section-p{font-size:14px;color:#888;font-weight:500;margin-bottom:15px}.date-picker-card{display:flex;justify-content:space-between;background:#fff;border-radius:20px;padding:15px 10px;box-shadow:0 10px 30px #0000000a;border:1px solid #fcfcfc}.date-node{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;position:relative;width:45px;padding-bottom:10px}.node-day{font-size:15px;color:#b0b0b0;font-weight:600}.node-date{font-size:18px;color:#1a1a1a;font-weight:700}.purple-underline-bar{position:absolute;bottom:0;width:32px;height:3px;background-color:#5a3c6d;border-radius:10px}.date-node.done{opacity:.2;cursor:default}.time-grid-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.time-slot-item{aspect-ratio:1/1.05;background-color:#fff9fc;border-radius:18px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:700;color:#1a1a1a;cursor:pointer;box-shadow:0 6px 15px #00000008;border:1px solid #f8f8f8;line-height:1.2}.time-slot-item:active{background-color:#5a3c6d;color:#fff}.bottom-spacer{height:120px}.fixed-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.success-modal-box{width:100%;max-width:340px;background-color:#fff;border-radius:35px;padding:45px 25px;text-align:center;box-shadow:0 25px 60px #0003}.modal-icon-square{width:68px;height:68px;border:2px solid #1a1a1a;border-radius:15px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.modal-title-text{font-size:24px;font-weight:800;color:#000;margin-bottom:15px}.modal-subtitle-text{font-size:16px;color:#666;font-weight:600;line-height:1.5;margin-bottom:35px}.modal-action-btn{width:100%;background-color:#5a3c6d;color:#fff;padding:18px;border:none;border-radius:18px;font-size:18px;font-weight:800;cursor:pointer}.slide-up-animation{animation:modalSlideUp .3s ease-out forwards}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.notif-wrapper{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;font-family:Outfit,sans-serif;overflow:hidden}.notif-top-nav{padding:45px 20px 10px;display:flex;justify-content:space-between;align-items:center}.back-btn{background:none;border:none;cursor:pointer}.nav-title{font-size:26px;font-weight:700;color:#1a1a1a;margin:0}.header-right{display:flex;gap:15px;align-items:center}.tabs-scroll-row{display:flex;padding:15px 20px;gap:10px}.tab-pill{padding:8px 24px;border-radius:12px;border:none;background-color:#f2f2f7;color:#5a3c6d;font-weight:700;font-size:15px;cursor:pointer}.tab-pill.active{background-color:#5a3c6d;color:#fff;box-shadow:0 4px 12px #5a3c6d33}.notif-content{flex:1;overflow-y:auto;padding:10px 0;scrollbar-width:none}.notif-content::-webkit-scrollbar{display:none}.notif-stack{display:flex;flex-direction:column;align-items:center;gap:12px}.figma-notif-card{width:345px;min-height:59px;background-color:#fff;border-radius:18px;padding:8px 12px;box-shadow:0 8px 25px #0000000a;border:1px solid #f9f9f9;display:flex;flex-direction:column;justify-content:center;position:relative}.figma-notif-card.height-auto{min-height:75px}.card-main-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.user-info-side{display:flex;align-items:center;gap:10px}.avatar-50{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-name{font-size:16px;font-weight:700;color:#1a1a1a;margin:0}.notif-label{font-size:13px;color:#666;margin:0;font-weight:500}.right-action-side{display:flex;flex-direction:column;align-items:flex-end;height:100%}.time-text{font-size:10px;color:#b0b0b0;font-weight:700;margin-bottom:4px}.btn-group-row{display:flex;align-items:center;gap:10px}.btn-confirm-78{width:78px;height:26px;background-color:#5a3c6d;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.icon-x-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:0}.btn-group-row-sm{display:flex;gap:6px}.btn-confirm-52{width:52px;height:20px;background-color:#5a3c6d;color:#fff;border:none;border-radius:5px;font-size:10px;font-weight:700}.btn-delete-52{width:52px;height:20px;background-color:#5a3c6d;opacity:.8;color:#fff;border:none;border-radius:5px;font-size:10px;font-weight:700}.details-btn-wrapper{margin-top:5px}.view-details-pill{background-color:#5a3c6d;color:#fff;border:none;padding:5px 12px;border-radius:10px;font-weight:700;font-size:11px;display:flex;align-items:center;gap:4px;cursor:pointer}.notif-spacer{height:110px}.slide-up{animation:notifSlide .6s ease-out}@keyframes notifSlide{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.vibe-main-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.vibe-header-nav{padding:45px 20px 10px;display:flex;justify-content:space-between;align-items:center}.vibe-back-circle{background:none;border:none;cursor:pointer;padding:0}.vibe-nav-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0;flex:1;text-align:center}.header-right-empty{width:28px}.vibe-body-scroll{flex:1;padding:10px 25px;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column}.vibe-body-scroll::-webkit-scrollbar{display:none}.vibe-info-text{margin-top:10px;margin-bottom:30px;min-height:120px}.step-indicator{font-size:14px;font-weight:800;color:#5a3c6d;background:#f2f2f7;padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:12px}.vibe-h1-main{font-size:26px;font-weight:800;color:#1a1a1a;line-height:1.2;margin:0 0 10px}.vibe-p-sub{font-size:16px;color:#888;font-weight:500;margin:0}.vibe-photo-grid-fixed{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:20px}.vibe-image-card{width:100%;aspect-ratio:1 / 1.45;border-radius:16px;overflow:hidden;background-color:#f8f8f8;cursor:pointer;border:3px solid transparent;transition:all .3s ease;position:relative}.vibe-image-card img{width:100%;height:100%;object-fit:cover;display:block}.vibe-selected{border-color:#5a3c6d;transform:scale(.97);box-shadow:0 5px 15px #5a3c6d26}.vibe-footer-sticky{margin-top:auto;padding:0 25px 50px;width:100%;z-index:10}.vibe-btn-action{width:100%;background-color:#5a3c6d;color:#fff;border:none;padding:18px;border-radius:20px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease}.vibe-btn-action:disabled{opacity:.4;cursor:not-allowed}@media(min-width:769px){.vibe-footer-sticky{padding-bottom:20px}.vibe-header-nav{padding-top:30px}.vibe-h1-main{font-size:22px}}.slide-up{animation:slideUpContent .6s ease-out both}@keyframes slideUpContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.date-pref-main-wrapper{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.top-nav-bar{padding:45px 20px 10px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;z-index:100}.nav-title{font-size:22px;font-weight:700;color:#1a1a1a}.nav-right{display:flex;gap:15px;align-items:center}.bell-box{position:relative;cursor:pointer}.dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background:#ff4d4d;border-radius:50%;border:1.5px solid white}.pref-content-scroll{flex:1;overflow-y:auto;padding:15px 25px;scrollbar-width:none;-ms-overflow-style:none}.pref-content-scroll::-webkit-scrollbar{display:none}.pref-section{margin-bottom:30px}.section-q{font-size:19px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.segmented-switch,.payment-toggle-group{display:flex;background:#fff;border:1px solid #f2f2f2;border-radius:20px;padding:5px;box-shadow:0 4px 15px #00000008}.segmented-switch button,.payment-toggle-group button{flex:1;padding:12px;border:none;background:transparent;border-radius:16px;font-size:16px;font-weight:600;color:#1a1a1a;cursor:pointer;transition:.3s}.active{background-color:#5a3c6d!important;color:#fff!important}.mood-chips-container{display:flex;flex-wrap:wrap;gap:10px}.mood-pill{padding:10px 18px;background:#f2f2f2;border-radius:12px;font-size:14px;font-weight:600;color:#1a1a1a;cursor:pointer}.mood-pill.selected{background-color:#5a3c6d;color:#fff}.budget-flex{display:flex;justify-content:space-between;align-items:center}.amount-label{font-size:17px;font-weight:600;color:#888}.multi-range-slider{position:relative;width:100%;height:40px;margin-top:10px}.slider-track-bg{position:absolute;height:6px;width:100%;background:#f0f0f0;border-radius:3px;top:50%;transform:translateY(-50%);z-index:1}.slider-track-fill{position:absolute;height:6px;background:#5a3c6d;border-radius:3px;top:50%;transform:translateY(-50%);z-index:2}.thumb{position:absolute;width:100%;height:0;outline:none;pointer-events:none;-webkit-appearance:none;z-index:5;top:50%;transform:translateY(-50%);background:transparent}.thumb::-webkit-slider-thumb{height:24px;width:24px;border-radius:50%;background-color:#5a3c6d;border:4px solid #ffffff;box-shadow:0 4px 10px #5a3c6d4d;cursor:pointer;pointer-events:all;-webkit-appearance:none}.pref-footer-sticky{padding:10px 25px 5px;background:#fff;z-index:100;box-shadow:0 -10px 20px #fff}.pref-continue-btn{width:100%;background:#5a3c6d;color:#fff;padding:16px;border:none;border-radius:20px;font-size:18px;font-weight:700;cursor:pointer;margin-bottom:95px}.scroll-spacer-bottom{height:150px}@media(min-width:769px){.pref-continue-btn{margin-bottom:90px}}.slide-up{animation:prefIn .6s ease-out forwards}@keyframes prefIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crp-page-wrapper{width:100%;height:100vh;height:100dvh;display:flex;justify-content:center;background-color:#fff;font-family:Inter,sans-serif;overflow:hidden}.crp-container{width:100%;max-width:450px;padding:20px 24px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.crp-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.crp-back-btn{background:none;border:none;cursor:pointer;padding:0}.crp-nav-title{font-size:1.1rem;font-weight:700;color:#000;margin:0}.crp-question{font-size:1.4rem;font-weight:800;color:#000;margin-bottom:25px;line-height:1.2}.crp-content{flex:1;display:flex;flex-direction:column;min-height:0}.crp-options-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;flex:1;min-height:0}.crp-card{border:1.8px solid #7a518a;border-radius:24px;padding:16px;display:flex;flex-direction:column;cursor:pointer;background:#fff;transition:.2s;overflow:hidden}.crp-card.crp-selected{background-color:#f8f0fb;border-width:2.5px}.crp-card-text{font-size:.9rem;font-weight:700;color:#333;margin-bottom:8px;line-height:1.2}.crp-img-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.crp-card-img{max-width:100%;max-height:100%;object-fit:contain}.crp-footer{display:flex;justify-content:center;padding-top:20px;padding-bottom:10px}.crp-action-area{position:relative;display:flex;flex-direction:column;align-items:center}.crp-progress-arc{margin-bottom:-4px}.crp-next-button{width:65px;height:65px;background-color:#4b2c5e;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}@media(max-height:700px){.crp-question{font-size:1.2rem;margin-bottom:15px}.crp-header{margin-bottom:15px}.crp-card{padding:12px}.crp-card-text{font-size:.8rem}.crp-next-button{width:55px;height:55px}}:root{--primary-purple: #5D326F;--dark-purple: #331B3D;--text-color: #1A1A1A}.quiz-screen{width:100%;height:100vh;display:flex;justify-content:center;background-color:#f9f9f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.quiz-container{width:100%;max-width:420px;background:#fff;height:100%;display:flex;flex-direction:column;padding:20px 24px;box-sizing:border-box}.quiz-header{display:flex;align-items:center;justify-content:space-between;margin-top:10px;margin-bottom:40px}.back-btn{background:none;border:none;cursor:pointer;padding:5px}.header-title{font-size:16px;font-weight:700;color:var(--text-color)}.question-text{font-size:24px;font-weight:600;line-height:1.35;color:var(--text-color);margin-bottom:45px}.options-list{display:flex;flex-direction:column;gap:20px}.option-row{display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease}.double-ring-icon .outer-border{width:46px;height:46px;border-radius:50%;border:1.5px solid #000;display:flex;align-items:center;justify-content:center}.double-ring-icon .inner-fill{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.option-label{font-size:14px;color:#333;font-weight:500}.option-row.selected .option-label{font-weight:700;color:#000}.quiz-footer{margin-top:auto;display:flex;justify-content:center;padding-bottom:40px}.progress-fab-container{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.ring-svg{position:absolute;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#f3e5f5;stroke-width:3}.ring-progress{fill:none;stroke:var(--primary-purple);stroke-width:4;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.fab-button{width:66px;height:66px;background-color:var(--primary-purple);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;opacity:.3;transition:all .3s ease}.fab-button.active{opacity:1;box-shadow:0 10px 25px #5d326f4d}@media(max-width:480px){.quiz-container{padding:10px 20px}}.focus-web-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f7f5f9;overflow:hidden;font-family:Manrope,sans-serif}.focus-screen{position:relative;width:100%;max-width:400px;height:100vh;max-height:850px;background-color:#fff;display:flex;flex-direction:column;overflow:hidden}.focus-header{display:flex;justify-content:space-between;align-items:center;padding:20px 16px;flex-shrink:0}.header-title{font-size:16px;font-weight:700;color:#000}.back-btn{background:none;border:none;cursor:pointer;padding:4px}.card-carousel-wrapper{flex-grow:1;display:flex;align-items:center;width:100%;overflow:hidden}.card-carousel{display:flex;padding:0 12.5%;gap:16px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none}.card-carousel::-webkit-scrollbar{display:none}.card-carousel.active{cursor:grabbing;scroll-snap-type:none}.card-item{scroll-snap-align:center;flex:0 0 75%;height:520px;background-color:#c7a9d3;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease}.card-content{padding:32px 24px;text-align:center;display:flex;flex-direction:column;height:100%}.card-title{font-size:26px;font-weight:800;line-height:1.3;margin-bottom:8px;color:#000}.card-subtitle{font-size:14px;line-height:1.5;margin-bottom:24px;color:#000}.card-illustration{flex-grow:1;display:flex;align-items:center;justify-content:center}.card-illustration img{width:100%;max-height:100%;object-fit:contain;pointer-events:none}.focus-footer{padding:16px 20px 24px;flex-shrink:0}.continue-btn{width:100%;background:#5d326f;color:#fff;padding:16px;border-radius:16px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.continue-btn:hover{background:#4a2859}.quiz-wrapper{width:100%;height:100vh;height:100dvh;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;font-family:Manrope,sans-serif;overflow:hidden}.quiz-container{width:100%;max-width:430px;height:100%;background-color:#fff;display:flex;flex-direction:column;padding:0 24px;box-sizing:border-box;position:relative;box-shadow:0 0 20px #0000000d}.quiz-header{height:90px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding-top:10px}.quiz-back-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.quiz-header-text{display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-subtitle{font-size:13px;font-weight:700;color:#000;line-height:1.2}.quiz-title{font-size:13px;font-weight:700;color:#000;margin:0;line-height:1.2}.quiz-main{flex:1;display:flex;flex-direction:column;padding-top:10px}.quiz-question{font-size:22px;font-weight:700;line-height:1.4;color:#000;margin-bottom:35px}.quiz-options-list{display:flex;flex-direction:column;gap:22px}.quiz-option-row{display:flex;align-items:center;gap:18px;cursor:pointer;transition:all .2s ease}.emoji-double-ring{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.emoji-outer-ring{width:46px;height:46px;border:2px solid transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.emoji-inner-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000000d}.quiz-option-text{font-size:15px;font-weight:500;color:#333}.quiz-option-row.is-active .quiz-option-text{font-weight:700;color:#000}.quiz-option-row.is-active .emoji-outer-ring{border-color:#1a1a1a}.quiz-footer{height:120px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.quiz-progress-box{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.quiz-ring-svg{position:absolute;transform:rotate(-90deg)}.quiz-ring-track{fill:none;stroke:#f2eef4;stroke-width:4}.quiz-ring-fill{fill:none;stroke:#5d326f;stroke-width:4;stroke-linecap:round;stroke-dasharray:239;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.quiz-next-fab{width:65px;height:65px;background-color:#5d326f;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;opacity:.35;transition:.3s ease}.quiz-next-fab.is-ready{opacity:1;box-shadow:0 8px 20px #5d326f4d}@media(max-height:700px){.quiz-question{font-size:19px;margin-bottom:20px}.quiz-options-list{gap:15px}.quiz-footer{height:90px}}.growth-screen-wrapper{width:100%;min-height:100vh;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif}.growth-container{width:100%;max-width:430px;height:100vh;max-height:900px;background-color:#fff;display:flex;flex-direction:column;padding:20px 24px;box-sizing:border-box;position:relative;box-shadow:0 10px 40px #0000000d}.growth-header{display:flex;align-items:center;justify-content:center;height:60px;position:relative;margin-bottom:20px;text-align:center}.growth-back-btn{position:absolute;left:0;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.growth-category-title{font-size:16px;font-weight:700;color:#1a1a1a;width:80%;line-height:1.2}.growth-main-content{flex:1}.growth-question-text{font-size:22px;line-height:1.35;font-weight:800;color:#000;margin-bottom:30px;letter-spacing:-.5px}.growth-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.growth-card{border:2px solid #725188;border-radius:24px;height:220px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;background-color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1)}.growth-card.is-selected{border-color:#432c51;border-width:3px;background-color:#f9f4fa;transform:translateY(-4px);box-shadow:0 8px 16px #432c511a}.growth-card-label{font-size:14px;font-weight:700;color:#333;line-height:1.4;margin:0}.growth-image-holder{display:flex;justify-content:center;align-items:flex-end;height:100px;overflow:hidden}.growth-illustration{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.growth-card.is-selected .growth-illustration{transform:scale(1.05)}.growth-footer{display:flex;justify-content:center;align-items:center;padding:20px 0 30px}.growth-fab-container{position:relative;width:90px;height:90px;display:flex;justify-content:center;align-items:center}.growth-ring-svg{position:absolute;transform:rotate(-90deg)}.growth-ring-track{fill:none;stroke:#f2eef4;stroke-width:4}.growth-ring-fill{fill:none;stroke:#432c51;stroke-width:4;stroke-linecap:round;stroke-dasharray:239;transition:stroke-dashoffset .6s cubic-bezier(.34,1.56,.64,1)}.growth-next-btn{width:65px;height:65px;background-color:#432c51;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:2;opacity:.4;transition:all .3s ease;transform:scale(.9)}.growth-next-btn.is-ready{opacity:1;transform:scale(1);box-shadow:0 10px 25px #432c514d}@media(max-height:700px){.growth-card{height:180px;padding:12px}.growth-image-holder{height:80px}.growth-question-text{font-size:18px;margin-bottom:20px}.growth-category-title{font-size:14px}}.learning-screen-wrapper{width:100%;height:100vh;height:100dvh;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;overflow:hidden}.learning-container{width:100%;max-width:430px;height:100%;background-color:#fff;display:flex;flex-direction:column;padding:16px 24px;box-sizing:border-box;position:relative;box-shadow:0 10px 40px #0000000d}.learning-header{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:50px;margin-bottom:10px;text-align:center;position:relative}.learning-back-btn{position:absolute;left:-8px;background:none;border:none;cursor:pointer;padding:10px;display:flex;align-items:center}.learning-category-title{font-size:15px;font-weight:700;color:#1a1a1a;width:80%;line-height:1.2}.learning-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.learning-question-text{flex:0 0 auto;font-size:21px;line-height:1.3;font-weight:800;color:#000;margin-bottom:25px;text-align:left;letter-spacing:-.5px}.learning-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;flex:1;min-height:0;max-height:520px}.learning-card{border:2px solid #725188;border-radius:20px;background-color:#fff;padding:16px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:relative;transition:all .2s ease;height:100%;box-sizing:border-box}.learning-card.is-selected{border-color:#432c51;border-width:3px;background-color:#f9f4fa;transform:translateY(-3px)}.learning-card-label{font-size:14px;font-weight:700;color:#1a1a1a;line-height:1.3;margin:0;text-align:left;z-index:1}.learning-image-holder{flex:1;display:flex;align-items:flex-end;justify-content:center;margin-top:10px;width:100%;overflow:hidden}.learning-illustration{width:100%;height:auto;max-height:110px;object-fit:contain;transition:transform .3s ease;display:block}.learning-footer{flex:0 0 auto;display:flex;justify-content:center;align-items:center;padding-top:10px;padding-bottom:10px}.learning-fab-container{position:relative;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.learning-ring-svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.learning-ring-track{fill:none;stroke:#f2eef4;stroke-width:4}.learning-ring-fill{fill:none;stroke:#432c51;stroke-width:4;stroke-linecap:round;stroke-dasharray:239;transition:stroke-dashoffset .6s ease}.learning-next-btn{width:60px;height:60px;background-color:#432c51;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:2;opacity:.4;transition:.3s ease}.learning-next-btn.is-ready{opacity:1;box-shadow:0 8px 20px #432c5140}@media(max-height:700px){.learning-container{padding:12px 20px}.learning-header{height:40px}.learning-category-title{font-size:13px}.learning-question-text{font-size:18px;margin-bottom:15px}.learning-options-grid{gap:10px}.learning-card{padding:12px;border-radius:16px}.learning-card-label{font-size:12px}.learning-illustration{max-height:85px}.learning-fab-container{width:70px;height:70px}.learning-next-btn{width:50px;height:50px}}.vm-screen-wrapper{width:100%;height:100vh;height:100dvh;background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;overflow:hidden}.vm-container{width:100%;max-width:430px;height:100%;background-color:#fff;display:flex;flex-direction:column;padding:20px 24px;box-sizing:border-box;position:relative;box-shadow:0 10px 40px #0000000d}.vm-header{flex:0 0 auto;height:50px;display:flex;align-items:center}.vm-back-btn{background:none;border:none;cursor:pointer;padding:0;margin-left:-8px}.vm-main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px}.vm-image-container{width:100%;display:flex;justify-content:center;margin-bottom:30px;opacity:0}.vm-illustration{width:90%;max-width:300px;height:auto;object-fit:contain}.vm-message-wrapper{position:relative;width:100%;max-width:320px;display:flex;justify-content:center;opacity:0}.vm-robot-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;background-color:#fff;border-radius:50%;padding:2px}.vm-speech-bubble{border:1.5px solid #725188;border-radius:16px;padding:18px 20px 18px 50px;background-color:#fff;width:100%;box-shadow:0 4px 15px #00000008;text-align:center}.vm-bubble-text{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.vm-footer{flex:0 0 auto;width:100%;padding-bottom:20px;opacity:0}.vm-primary-btn{width:100%;height:56px;background-color:#5b2b66;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:16px;cursor:pointer;box-shadow:0 10px 20px #5b2b6633;transition:transform .2s ease}.vm-primary-btn:active{transform:scale(.98)}.anim-float{animation:fadeInUp .8s ease-out forwards,float 3s ease-in-out infinite .8s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.anim-pop-in{animation:popIn .6s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.4s}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.anim-slide-up{animation:slideUp .6s ease-out forwards;animation-delay:.7s}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.vm-robot-eye{animation:blink 3s infinite}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1);transform-origin:center}}@media(max-height:700px){.vm-illustration{max-width:240px}.vm-bubble-text{font-size:14px}.vm-primary-btn{height:50px;font-size:15px}.vm-robot-icon svg{width:40px;height:40px}.vm-speech-bubble{padding-left:45px}}