@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;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;500;600;700;800&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;500;600;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=Inter:wght@400;600;700;800&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=Libre+Baskerville:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit: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-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--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-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--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{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.-left-2{left:calc(var(--spacing) * -2)}.left-2{left:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.m-auto{margin:auto}.mx-5\.5{margin-inline:calc(var(--spacing) * 5.5)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.ml-50{margin-left:calc(var(--spacing) * 50)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-\[70px\]{height:70px}.h-\[100svh\]{height:100svh}.h-\[calc\(100vh-100px\)\]{height:calc(100vh - 100px)}.h-full{height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-\[95\%\]{width:95%}.w-\[calc\(100vw-32px\)\]{width:calc(100vw - 32px)}.w-auto{width:auto}.w-full{width:100%}.max-w-\[85\%\]{max-width:85%}.max-w-\[240px\]{max-width:240px}.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,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[14px\]{border-radius:14px}.rounded-\[32px\]{border-radius:32px}.rounded-\[50px\]{border-radius:50px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-tr-sm{border-top-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[\#523461\]{border-color:#523461}.border-black{border-color:var(--color-black)}.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)}}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-600{border-color:var(--color-gray-600)}.border-red-400{border-color:var(--color-red-400)}.border-t-purple-700{border-top-color:var(--color-purple-700)}.bg-\[\#4b3152\]{background-color:#4b3152}.bg-\[\#63316F\]{background-color:#63316f}.bg-\[\#E9E9E9\]{background-color:#e9e9e9}.bg-\[\#F3F3F3\]{background-color:#f3f3f3}.bg-black{background-color:var(--color-black)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-500{background-color:var(--color-green-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.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-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[24px\]{font-size:24px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.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-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#2D1B31\]{color:#2d1b31}.text-\[\#5a2761\]{color:#5a2761}.text-\[\#523461\]{color:#523461}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-500{color:var(--color-green-500)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.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)}.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}.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)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-black:hover{background-color:var(--color-black)}.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)}}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-black:focus{border-color:var(--color-black)}.focus\:ring-1:focus{--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)}.focus\:ring-black:focus{--tw-ring-color:var(--color-black)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.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)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media(min-width:40rem){.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:bottom-6{bottom:calc(var(--spacing) * 6)}.sm\:mt-3{margin-top:calc(var(--spacing) * 3)}.sm\:mb-4{margin-bottom:calc(var(--spacing) * 4)}.sm\:h-2{height:calc(var(--spacing) * 2)}.sm\:h-3{height:calc(var(--spacing) * 3)}.sm\:h-6{height:calc(var(--spacing) * 6)}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:h-11{height:calc(var(--spacing) * 11)}.sm\:h-16{height:calc(var(--spacing) * 16)}.sm\:h-\[18px\]{height:18px}.sm\:h-\[580px\]{height:580px}.sm\:w-2{width:calc(var(--spacing) * 2)}.sm\:w-3{width:calc(var(--spacing) * 3)}.sm\:w-6{width:calc(var(--spacing) * 6)}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-11{width:calc(var(--spacing) * 11)}.sm\:w-16{width:calc(var(--spacing) * 16)}.sm\:w-\[18px\]{width:18px}.sm\:w-\[360px\]{width:360px}.sm\:w-\[390px\]{width:390px}.sm\:max-w-\[260px\]{max-width:260px}.sm\:gap-4{gap:calc(var(--spacing) * 4)}:where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.sm\:p-2{padding:calc(var(--spacing) * 2)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.sm\:pr-12{padding-right:calc(var(--spacing) * 12)}.sm\:pl-4{padding-left:calc(var(--spacing) * 4)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[15px\]{font-size:15px}}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@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}.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}@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}}.google-login-btn{display:flex;align-items:center;justify-content:center}.google-login-btn:disabled{opacity:.7;cursor:not-allowed}.loader{width:18px;height:18px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}.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}}.app-viewport-wrapper{width:100%;min-height:100svh;display:flex;justify-content:center;align-items:center;background-color:#f3f3f3}.mobile-container-main{width:100%;max-width:420px;height:100svh;background-color:#fff9fb;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:20px;box-shadow:0 10px 40px #0000000d;padding-bottom:env(safe-area-inset-bottom)}@media(max-width:768px){.app-viewport-wrapper{align-items:stretch}.mobile-container-main{max-width:100%;height:100dvh;border-radius:0;box-shadow:none}}.appreciate-screen-wrapper{width:100%;flex:1;height:100%;background-color:#4b3152;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#fff;text-align:center}.appreciate-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:bottom;z-index:1}.appreciate-content-overlay{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:22vh;text-align:center;padding-left:20px;padding-right:20px}.appreciate-text-style h1{color:#fff;font-family:"serif",Georgia,serif;font-size:2.3rem;font-weight:600;line-height:1.2;letter-spacing:.02em;text-shadow:0 4px 15px rgba(0,0,0,.4)}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.fade-in-up{animation:appreciateFadeUp 1s ease-out .3s both}@keyframes fadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes appreciateFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(min-width:769px){.appreciate-screen-wrapper{width:390px;margin:0 auto}}.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}.onboarding-header-container{width:100%;padding-top:20px;margin-bottom:20px;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:23px;font-weight:800;color:#1a1a1a;line-height:1.2;margin:0;text-align:left}.header-description{font-size:18px;color:#666e7a;font-weight:400;margin:0;line-height:1.4}.slide-in-top{animation:slideInTop .6s ease-out both}.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-btn-container{display:flex;justify-content:center;align-items:center;transition:opacity .3s ease;background:transparent!important}.btn-disabled{opacity:.6;pointer-events:none;background:transparent!important}.outer-card-wrapper{position:relative;width:65.45px;height:65.45px;display:flex;justify-content:center;align-items:center;background:transparent!important}.progress-svg{position:absolute;width:100%;height:100%;z-index:1}.inner-card-btn{position:relative;z-index:2;width:48px;height:48px;border-radius:50%;background-color:#5b3765;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .1s;padding:0;box-shadow:0 4px 10px #5b37654d}.inner-card-btn:active{transform:scale(.9)}.inner-card-btn:disabled{cursor:not-allowed}.upload-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden;position:relative;z-index:10}.upload-header-section{padding:20px 25px 0;flex-shrink:0;text-align:center;z-index:2}.upload-header-section h1,.upload-header-section p{text-align:center!important;width:100%}.upload-body-content{flex:1;display:flex;flex-direction:column;padding:30px 25px 0;z-index:2;justify-content:center}.photo-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.photo-upload-box{aspect-ratio:1 / 1.3;background:#fff;border:1.5px solid #8B6FA8;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #8b6fa80d;cursor:pointer;transition:transform .2s ease}.photo-upload-box:active{transform:scale(.95)}.guide-trigger{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;cursor:pointer;color:#666;font-size:14px;font-weight:500}.guide-trigger span{text-decoration:none}.upload-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}.guide-modal-overlay{position:absolute;inset:0;background:#52346166;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100}.guide-modal-content{width:100%;background:#fff;border-radius:35px 35px 0 0;padding:40px 25px;text-align:center;position:relative}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer}.modal-title{font-size:28px;font-weight:800;color:#1a1a1a;margin-bottom:10px}.modal-desc{font-size:15px;color:#666;line-height:1.5;margin-bottom:30px}.modal-image-row{display:flex;gap:15px;justify-content:center;margin-bottom:35px}.guide-img-box{position:relative;width:140px;height:180px;border-radius:20px;overflow:hidden}.guide-img-box img{width:100%;height:100%;object-fit:cover}.check-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);fill:#523461;color:#fff}.modal-next-btn{width:100%;height:55px;background:#523461;color:#fff;border:none;border-radius:20px;font-size:18px;font-weight:600;cursor:pointer}.animate-pop{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.photo-upload-box{aspect-ratio:1 / 1.3;background:#fff;border:1.5px solid #8B6FA8;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #8b6fa80d;cursor:pointer;transition:transform .2s ease;overflow:hidden;position:relative}.slot-preview-img{width:100%;height:100%;object-fit:cover;display:block}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-height:700px){.photo-upload-box{aspect-ratio:1/1.2}.guide-img-box{width:110px;height:140px}.modal-title{font-size:22px}}.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:18px;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}}:root{--cake-purple: #612E70}.birthday-body-content{flex:1;display:flex;flex-direction:column;padding:0 25px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.birthday-header-section{padding:20px 25px 0;flex-shrink:0}.birthday-header-section h1,.birthday-header-section h2{text-align:left;margin-bottom:4px}.birthday-header-section p{text-align:left;margin-top:0}.birthday-body-content{flex:1;display:flex;flex-direction:column;padding:0 25px}.cake-illustration-box{display:flex;justify-content:center;margin-bottom:30px}.custom-cake-wrapper{position:relative;width:160px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.cake-main{display:flex;flex-direction:column;align-items:center;position:relative}.tier{background-color:var(--cake-purple);position:relative;overflow:hidden}.tier-1{width:80px;height:45px;border-radius:8px 8px 0 0;z-index:2}.tier-2{width:120px;height:55px;border-radius:12px 12px 0 0;margin-top:-2px;z-index:1}.scallop-border{position:absolute;top:0;left:0;width:100%;height:15px;background-image:radial-gradient(circle at 10px -5px,transparent 12px,white 13px,white 14px,transparent 15px);background-size:20px 20px;opacity:.8}.cake-base-line{width:130px;height:3px;background:var(--cake-purple);border-radius:2px;margin-top:0}.candles-row{display:flex;gap:12px;margin-bottom:-2px}.purple-candle{width:6px;height:18px;background:var(--cake-purple);position:relative;border-radius:2px}.flame-glow{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:8px;height:12px;background:orange;border-radius:50% 50% 20% 20%;background:radial-gradient(circle at bottom,#fff,orange,red);box-shadow:0 0 10px orange;animation:flicker .1s infinite alternate}@keyframes flicker{0%{transform:translate(-50%) scale(1);opacity:.8}to{transform:translate(-50%) scale(1.2);opacity:1;box-shadow:0 0 15px orange}}.confetti{position:absolute;width:8px;height:8px;background:var(--cake-purple);border-radius:2px;opacity:.6}.c1{top:20px;left:-20px;animation:float 3s infinite}.c2{top:50px;left:-30px;animation:float 4s infinite reverse}.c3{top:20px;right:-20px;animation:float 3.5s infinite 1s}.c4{top:60px;right:-30px;animation:float 4.5s infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(45deg)}}.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}.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}.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:sticky;bottom:0;background:#fff8fb;z-index:10}.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}.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}}@media(max-width:768px){.birthday-body-content{padding-bottom:20px}.birthday-footer-action{padding-bottom:50px}}.birthday-screen-container{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.birthday-body-content{flex:1;overflow-y:auto;padding-bottom:20px;scrollbar-width:none}.birthday-body-content::-webkit-scrollbar{display:none}.birthday-footer-action{flex-shrink:0;padding:10px 25px 40px;background:#fff;position:relative;z-index:10}.pref-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff9fb;font-family:Outfit,sans-serif;overflow:hidden}.pref-header-section{padding:20px 25px 0;flex-shrink:0}.pref-top-label{font-size:14px;font-weight:700;color:#b0b0b0;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.pref-body-content{flex:1;overflow-y:auto;padding:0 25px 120px;scrollbar-width:none}.pref-body-content::-webkit-scrollbar{display:none}.fields-stack{display:flex;flex-direction:column;gap:30px;padding-bottom:30px}.pref-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pref-field-label{font-size:16px;font-weight:700;color:#1a1a1a}.pref-value-display{font-size:14px;color:#5d326f;font-weight:700}.pref-select-box{position:relative;margin-top:8px}.pref-select-box select{width:100%;padding:18px 20px;background:#fff;border:1.5px solid #F2F2F2;border-radius:20px;font-size:15px;font-weight:600;color:#1a1a1a;appearance:none;outline:none}.pref-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none}.pref-footer-action{padding:15px 25px 5px;background:#fff9fb;flex-shrink:0;z-index:10;box-shadow:0 -15px 25px #fff9fbe6}.pref-continue-btn{width:100%;background:#5d326f;color:#fff;padding:18px;border-radius:20px;border:none;font-size:18px;font-weight:700}.pref-continue-btn:active{transform:scale(.96)}@media(max-height:700px){.fields-stack{gap:20px}.pref-footer-action{bottom:calc(12px + env(safe-area-inset-bottom))}}.dual-slider-wrapper{position:relative;width:100%;height:65px;margin-top:10px}.thumb{position:absolute;width:100%;height:0;top:30px;background:transparent;-webkit-appearance:none;appearance:none;z-index:10;pointer-events:none}.thumb::-webkit-slider-runnable-track{background:transparent;height:0}.thumb::-moz-range-track{background:transparent;height:0}.thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:0;width:0;background:transparent;border:none}.thumb::-moz-range-thumb{height:0;width:0;background:transparent;border:none}.slider-track-bg{position:absolute;top:30px;width:100%;height:8px;background:#eee4f2;border-radius:10px;z-index:1}.slider-track-fill{position:absolute;top:30px;height:8px;background:#5d326f;border-radius:10px;z-index:2}.range-circle{position:absolute;top:8px;transform:translate(-50%);width:40px;height:40px;background:#5d326f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;border:4px solid #fff;box-shadow:0 6px 15px #5d326f40;z-index:5}.thumb:first-of-type{z-index:7}.thumb:last-of-type{z-index:8}.thumb{position:absolute;width:100%;top:30px;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none}.thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0;opacity:0}.thumb::-moz-range-thumb{width:0;height:0;border:none;background:transparent;opacity:0}.thumb::-moz-range-track{background:transparent}.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-screen-container{display:flex;flex-direction:column;height:100%;padding:60px 24px 30px;position:relative;font-family:Poppins,sans-serif;box-sizing:border-box;text-align:center}.quiz-img-wrapper{flex:1.3;display:flex;justify-content:center;align-items:center;z-index:2}.quiz-hero-vector{width:100%;max-width:350px;object-fit:contain}.quiz-info-section{flex:.8;display:flex;flex-direction:column;justify-content:center;z-index:2}.quiz-main-headline{font-size:23px;font-weight:700;color:#000;line-height:1.2;margin-bottom:12px;letter-spacing:-.3px}.quiz-sub-headline{font-size:16px;color:#333;font-weight:500;opacity:.9}.quiz-buttons-section{flex:.7;display:flex;flex-direction:column;gap:15px;justify-content:center;z-index:2}.btn-primary-quiz{width:100%;background-color:#5d326f;color:#fff;padding:20px;border-radius:20px;border:none;font-size:18px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.btn-primary-quiz:active{opacity:.85}.btn-secondary-quiz{background:transparent;border:none;color:#5d326f;font-size:18px;font-weight:600;cursor:pointer;padding:10px}.footer-curve-svg{position:absolute;bottom:0;left:0;width:100%;height:130px;z-index:1;pointer-events:none}.footer-curve-svg svg{width:100%;height:100%}.horizontal-scroll-section{flex:1;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;padding-left:10%;padding-right:5%;gap:15px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.card-wrapper{min-width:80%;height:75%;max-height:520px;scroll-snap-align:center;transition:transform .3s ease,opacity .3s ease;display:flex;justify-content:center}.card-heading{font-size:22px;font-weight:800;color:#1a1a1a;margin-bottom:12px}.card-subtext{font-size:14px;color:#333;line-height:1.4}.illustration{max-width:100%;max-height:100%;object-fit:contain}.scroll-end-spacer{flex:0 0 50%}@media(min-width:500px){.main-container-fixed{max-width:400px;margin:0 auto;border:1px solid #f0f0f0;border-radius:40px}}.card-content-box{position:relative;width:100%;height:100%;background-color:#eedff2;border-radius:32px;padding:35px 25px;display:flex;flex-direction:column;text-align:center;box-sizing:border-box;transition:all .3s ease}.completion-badge{position:absolute;top:20px;right:20px;background:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a}.disabled-card{opacity:.8;background-color:#f3e8f7}.btn-disabled{background-color:#ccc!important;cursor:not-allowed;color:#666}.disabled-card .card-heading,.disabled-card .card-subtext{color:#888}.quiz-screen-container{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background-color:#fff9fb}.quiz-body-content{flex:1;overflow-y:auto;padding-bottom:20px;scrollbar-width:none}.quiz-body-content::-webkit-scrollbar{display:none}.quiz-footer-action{padding:10px 25px 40px;display:flex;justify-content:center;background:#fff9fb;position:sticky;bottom:0;z-index:10}.header-title-quiz{font-size:18px;font-weight:700;color:#1a1a1a;text-align:center}.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}.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}@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-row-item{position:relative;transition:transform .35s cubic-bezier(.4,0,.2,1)}.habit-row-item.active{transform:translate(6px) scale(1.015)}.habit-row-item.active .inner-ring{animation:popIn .35s ease-out}@keyframes popIn{0%{transform:scale(.85)}to{transform:scale(1)}}.habit-row-item,.habit-row-item.active{background:transparent!important}.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}}.habit-row-item{background:transparent}.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}.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}}: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-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.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:10px}.question-text-main{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.3;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:175px}.quiz-opt-card:hover{border-color:#5d326f30}.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}.opt-card-label{font-size:13px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.35}.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}.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}@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-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}.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}.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)}.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}.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)}}.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-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:.4}.centered-header{text-align:center;padding:20px 25px 0;z-index:2}.centered-header h1,.centered-header p{text-align:center!important;width:100%}.interest-content-wrapper{flex:1;display:flex;flex-direction:column;z-index:2;overflow:hidden}.interests-grid{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:12px;padding:30px 20px;overflow-y:auto;flex:1}.interest-chip{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:50px;border:1.5px solid transparent;background:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #00000008;-webkit-user-select:none;user-select:none}.chip-label{font-size:14px;font-weight:500;color:#333}.chip-icon{color:#523461}.interest-chip.selected{background-color:#523461;box-shadow:0 8px 15px #52346133}.interest-chip.selected .chip-label,.interest-chip.selected .chip-icon{color:#fff}.interest-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:700px){.interest-chip{padding:8px 14px}.chip-label{font-size:13px}.centered-header{padding-top:10px}}.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-up{animation:fadeInUp .8s ease-out .4s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.spinner-icon{animation:spin 1s linear infinite;margin-right:10px}.map-wrapper{width:90%;margin:0 auto;padding-top:20px}.allow-btn:disabled{opacity:.7;cursor:not-allowed}.native-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.native-header-section{padding:20px 25px 0;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;z-index:2}.native-header-section h1,.native-header-section p{text-align:left;width:100%}.native-body-content{flex:1;display:flex;flex-direction:column;padding:40px 25px 0;z-index:2}.select-box-wrapper{width:100%}.custom-select-container{position:relative;width:100%}.native-dropdown-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;appearance:none;box-shadow:0 10px 25px #8b6fa814;cursor:pointer;transition:all .3s ease}.native-dropdown-field:focus{border-color:#5a3c6d;box-shadow:0 10px 30px #5a3c6d26}.dropdown-chevron{position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none}.native-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){.native-header-section{padding-top:15px}.native-body-content{padding-top:20px}.native-dropdown-field{height:55px;font-size:16px}}.story-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.story-header-section{padding:20px 25px 0;flex-shrink:0;z-index:2}.story-body-content{flex:1;display:flex;flex-direction:column;padding:20px 25px 0;z-index:2}.story-input-wrapper{width:100%;height:100%}.story-textarea{width:100%;height:60%;min-height:250px;background:#fff;border:1.5px solid #8B6FA8;border-radius:20px;padding:20px;font-size:16px;font-weight:500;color:#1a1a1a;resize:none;font-family:Outfit,sans-serif;box-shadow:0 8px 25px #8b6fa814;outline:none;transition:border-color .3s ease}.story-textarea:focus{border-color:#523461}.story-textarea::placeholder{color:#b0b0b0}.story-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:700px){.story-header-section{padding-top:10px}.story-subtitle{margin-bottom:20px}.story-textarea{height:200px;min-height:180px}}.working-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fdfafd;position:relative;overflow:hidden}.working-header-section{padding:40px 25px 0;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%}.working-header-section>*{text-align:left!important;width:100%}.working-body-content{flex:1;display:flex;flex-direction:column;padding:20px 25px;z-index:2}.options-container{display:flex;flex-direction:column;gap:16px;margin-top:20px}.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{border:2.5px solid #5B3765;background-color:#fdfafd;box-shadow:0 6px 15px #5b376526}.background-wave{position:absolute;bottom:120px;left:0;width:100%;z-index:1;pointer-events:none}.working-footer-action{padding:10px 25px 30px;display:flex;flex-direction:column;align-items:center;flex-shrink:0;z-index:3}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.study-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.study-header-section{padding:20px 25px 0;flex-shrink:0;z-index:2}.study-body-content{flex:1;display:flex;flex-direction:column;padding:30px 25px 0;z-index:2}.study-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:700px){.study-header-section{padding-top:10px}.study-body-content{padding-top:15px}.input-card{padding:12px;margin-bottom:12px}.inner-input-box{height:48px}}.work-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.work-header-section{padding:20px 25px 0;flex-shrink:0;z-index:2}.work-body-content{flex:1;display:flex;flex-direction:column;padding:30px 25px 0;z-index:2}.input-card{width:100%;background:#fff;border:1.5px solid #8B6FA8;border-radius:20px;padding:18px;margin-bottom:20px;box-shadow:0 10px 25px #8b6fa814}.card-label{display:flex;align-items:center;gap:10px;margin-bottom:12px}.card-label span{font-size:16px;font-weight:600;color:#523461}.inner-input-box{width:100%;height:55px;border:1.2px solid #E2D8E8;border-radius:15px;display:flex;align-items:center;padding:0 15px}.inner-input-box input{width:100%;border:none;outline:none;font-size:16px;color:#1a1a1a;background:transparent;font-family:Outfit,sans-serif}.inner-input-box input::placeholder{color:#a0a0a0}.work-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:700px){.work-header-section{padding-top:10px}.work-body-content{padding-top:15px}.input-card{padding:12px;margin-bottom:12px}.inner-input-box{height:48px}}.edu-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.edu-header-section{padding:20px 25px 0;flex-shrink:0;z-index:2}.edu-body-content{flex:1;display:flex;flex-direction:column;padding:40px 25px 0;z-index:2}.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.5px solid #8B6FA8;border-radius:20px;height:85px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#1a1a1a;cursor:pointer;transition:all .3s ease;padding:0 10px;text-align:center;box-shadow:0 8px 20px #8b6fa80d}.edu-pill.active{background-color:#523461;color:#fff;border-color:#523461;box-shadow:0 10px 25px #52346133;transform:translateY(-3px)}.connector{position:absolute;background-color:#e2d8e8;z-index:1}.h-top{width:40px;height:1.5px;top:42px;left:50%;transform:translate(-50%)}.h-bottom{width:40px;height:1.5px;top:162px;left:50%;transform:translate(-50%)}.v-right{width:1.5px;height:120px;top:42px;right:20%}.edu-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:700px){.edu-header-section{padding-top:10px}.edu-body-content{padding-top:20px}.edu-pill{height:70px;font-size:14px}.h-top{top:35px}.h-bottom{top:140px}}.religion-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.religion-header-section{padding:20px 25px 0;flex-shrink:0;z-index:2}.religion-body-content{flex:1;display:flex;flex-direction:column;padding:20px 25px 0;z-index:2;justify-content:center}.religion-display-box{width:100%;height:60px;border:1.5px solid #8B6FA8;border-radius:18px;background-color:#fff;display:flex;align-items:center;padding:0 20px;margin-bottom:10px;font-size:17px;font-weight:600;color:#1a1a1a;box-shadow:0 8px 20px #8b6fa814}.religion-card{width:100%;height:60%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000f;border:1px solid #E2D8E8}.religion-card-header{background-color:#523461;color:#fff;padding:14px;text-align:center;font-size:15px;font-weight:500}.religion-list{display:flex;flex-direction:column;max-height:280px;overflow-y:auto}.religion-item{padding:14px;text-align:center;border-bottom:1px solid #f5f0f5;font-size:15px;color:#4a4a4a;cursor:pointer;transition:all .2s}.religion-item.selected{font-weight:700;color:#523461;background-color:#f9f6f9}.religion-item:last-child{border-bottom:none}.religion-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:700px){.religion-header-section{padding-top:10px}.religion-display-box{height:50px;margin-bottom:15px}.religion-item{padding:10px;font-size:14px}.religion-card-header{padding:10px}.religion-list{max-height:200px}}.location-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.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}}.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-bit{position:absolute;width:35px;top:-50px;opacity:0;animation:confettiFallEffect 4s linear infinite}.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}.outline-purple-btn:disabled{cursor:not-allowed;opacity:.5;border-color:#ccc;color:#999;background-color:#f5f5f5}.home-header{padding:40px 20px 10px;display:flex;justify-content:space-between;align-items:flex-start}.welcome-text h1{font-size:24px;font-weight:500;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%}.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:500;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:500;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}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.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:22px;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:23px;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:500;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{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:500;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:4px 14px;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}.loader{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #5a3c6d;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.plan-page-container{width:100%;height:100vh;background-color:#fff9fc;display:flex;flex-direction:column;font-family:Outfit,sans-serif;overflow:hidden}.plan-header{padding:45px 20px 10px;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:20px;font-weight:600;color:#1a1a1a}.plan-scroll-content{flex:1;overflow-y:auto;padding:10px 18px;scrollbar-width:none}.plan-scroll-content::-webkit-scrollbar{display:none}.main-msg-section{text-align:center;margin:10px 0 25px}.request-title{color:#5a3c6d;font-size:20px;font-weight:700;margin-bottom:6px}.request-subtitle{color:#777;font-size:14px}.plan-card{background:#fff;border-radius:30px;padding:22px;margin-bottom:18px;box-shadow:0 10px 25px #0000000a}.card-header-main{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.icon-bg-purple{background:#5a3c6d;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center}.card-title-text{font-size:18px;font-weight:700;color:#2d2d2d}.card-subtitle-text{font-size:12px;color:#888;margin-top:2px}.dates-row{display:flex;justify-content:space-between;gap:8px;margin-bottom:20px}.date-chip-box{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;border-radius:12px;border:1px solid #5a3c6d;background:#fff;color:#5a3c6d;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}.date-chip-box.active{background:#5a3c6d;color:#fff}.slot-heading{font-size:15px;color:#333;font-weight:700;margin-bottom:15px}.times-row{display:flex;justify-content:space-between;gap:10px}.time-chip-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0;border-radius:25px;background:#f9f2fb;border:none;color:#5a3c6d;font-size:12px;font-weight:700;cursor:pointer}.time-chip-pill.active{background:#5a3c6d;color:#fff}.food-mood-card-exact{background:#fff;border-radius:45px;padding:25px 20px;margin-bottom:20px;box-shadow:0 10px 30px #0000000a;width:100%;box-sizing:border-box}.fm-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.fm-title{font-size:26px;font-weight:800;color:#000;margin:0}.fm-preference{font-size:18px;color:#000;margin-bottom:20px;font-weight:500}.fm-purple-val{color:#5a3c6d;font-weight:600;margin-left:5px}.fm-chips-wrapper{display:grid;grid-template-columns:repeat(3,max-content);gap:12px 14px}.fm-chip-box{background-color:#fef8ff;border:1px solid #f3e9f5;color:#5a3c6d;padding:8px 14px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap}@media(max-width:400px){.fm-chip-box{font-size:12px;padding:6px 10px}.fm-chips-wrapper{gap:8px}}@media(max-width:380px){.fm-chip-item{font-size:13px;padding:10px 5px}}.budget-info-rows{display:flex;flex-direction:column;gap:15px}.b-row{display:flex;justify-content:space-between;align-items:center}.b-label{font-size:15px;color:#2d2d2d;font-weight:600}.b-value{color:#5a3c6d;font-weight:500;font-size:14px}.pay-status-chip{background:#5a3c6d;color:#fff;padding:8px 15px;border-radius:8px;font-size:13px;font-weight:600}.confirm-scroll-container{width:100%;display:flex;justify-content:center;margin-top:20px;margin-bottom:20px}.confirm-plan-btn{width:100%;height:58px;background-color:#5a3c6d;color:#fff;border:none;border-radius:20px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #5a3c6d33}.bottom-padding{height:100px}.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:23px;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:#fff8f7}.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}.staggered-up{opacity:0;animation:slideUp .5s ease-out forwards}.slide-up-delay{opacity:0;animation:slideUp .6s ease-out .4s forwards}:root{--primary-purple: #5d386b;--text-dark: #1a1a1a;--text-grey: #6e6e6e;--card-shadow: 0px 10px 20px rgba(0, 0, 0, .05)}.lifestyle-screen{width:100%;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden}.header-text-section{padding:20px 25px 0;flex-shrink:0}.cards-container{flex:1;display:flex;flex-direction:column;gap:15px;padding:20px 25px;overflow-y:auto}.lifestyle-card{background-color:#fff;border-radius:25px;padding:20px;box-shadow:var(--card-shadow);border:1px solid rgba(0,0,0,.03)}.card-question{font-size:18px;font-weight:700;color:var(--text-dark);margin:0 0 15px;text-align:left}.options-row{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap}.option-pill{background:#fff;border:1px solid #c0c0c0;padding:8px 12px;border-radius:50px;font-size:12px;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease;min-width:80px}.option-pill.active{background-color:var(--primary-purple);border-color:var(--primary-purple);color:#fff;box-shadow:0 4px 10px #5d386b66}.lifestyle-footer-action{padding:10px 25px 40px;display:flex;justify-content:center;flex-shrink:0}@media(max-height:700px){.lifestyle-card{padding:15px}.card-question{font-size:16px;margin-bottom:10px}.option-pill{padding:6px 10px;min-width:70px}}.habit-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%}.habit-header-section{padding:20px 25px 0;flex-shrink:0;z-index:2}.habit-body-content{flex:1;display:flex;flex-direction:column;padding:20px 25px 0;z-index:2;justify-content:center}.habit-display-box{width:100%;height:60px;border:1.5px solid #8B6FA8;border-radius:18px;background-color:#fff;display:flex;align-items:center;padding:0 22px;margin-bottom:25px;font-size:18px;font-weight:600;color:#1a1a1a;box-shadow:0 8px 20px #8b6fa814;text-transform:capitalize}.habit-picker-card{width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000f;border:1px solid #E2D8E8}.habit-picker-header{background-color:#523461;color:#fff;padding:16px;text-align:center;font-size:15px;font-weight:500}.habit-list{display:flex;flex-direction:column}.habit-item{padding:18px;text-align:center;border-bottom:1px solid #f5f0f5;font-size:16px;color:#4a4a4a;cursor:pointer;transition:all .2s;text-transform:capitalize}.habit-item:last-child{border-bottom:none}.habit-item.selected{font-weight:800;color:#523461;background-color:#f9f6f9}.habit-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}.slide-up-delay{animation:slideUpFade .5s ease-out .2s both}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-height:700px){.habit-header-section,.habit-body-content{padding-top:10px}.habit-display-box{height:50px;margin-bottom:15px}.habit-item{padding:12px;font-size:15px}.habit-picker-header{padding:12px}}.requests-page-main{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff8fb;font-family:Outfit,sans-serif;overflow:hidden}.request-header{padding:20px 15px 10px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.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;flex-shrink:0}.segmented-control-bar{background-color:#f2f2f2;border-radius:50px;padding:4px;display:flex;width:85%}.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}.control-tab-btn.is-active{background-color:#5a3c6d;color:#fff}.requests-scroll-area{flex:1;padding:0 15px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style: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}.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}.cancel-x-btn{background:none;border:none;cursor:pointer}.footer-spacer{height:120px;flex-shrink:0}.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{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}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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)}}.ep-screen-wrapper{width:100%;height:100vh;background-color:#fff9fc;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}.ep-scroll-view{flex:1;overflow-y:auto;padding:0 20px;scrollbar-width:none}.ep-scroll-view::-webkit-scrollbar{display:none}.ep-header{display:flex;flex-direction:column;align-items:center;padding:20px 0}.ep-avatar-box{position:relative;width:120px;height:120px}.ep-main-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.ep-camera-btn{position:absolute;bottom:5px;right:5px;background:#8b6fa8;border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #0003}.ep-change-photo-text{margin-top:12px;background-color:#e6d5ea;color:#5d326f;border:none;padding:8px 22px;border-radius:20px;font-weight:700;font-size:15px}.ep-main-card{background:#fff;border-radius:35px;padding:24px 18px;margin-bottom:20px;box-shadow:0 10px 30px #00000008}.ep-field-row{display:flex;align-items:center;background:#fff;border:1px solid #F5EBF7;border-radius:12px;margin-bottom:12px;height:48px;overflow:hidden}.ep-label-box{background-color:#f5ebf7;height:100%;width:100px;display:flex;align-items:center;padding-left:15px;font-weight:700;color:#1a1a1a;font-size:14px}.ep-input-box{flex:1;display:flex;align-items:center;padding:0 15px;height:100%}.ep-input-box input{flex:1;border:none;font-size:14px;font-weight:500;color:#444;outline:none}.ep-age-val{font-weight:700;color:#333}.ep-dist-tag{background-color:#5d326f;color:#fff;font-size:10px;font-weight:700;padding:3px 6px;border-radius:5px}.ep-divider{height:1px;background:#f0f0f0;margin:20px 0}.ep-section-header{font-size:17px;font-weight:800;color:#1a1a1a;margin-bottom:18px}.ep-tags-grid{display:flex;flex-wrap:wrap;gap:5px}.ep-tag-chip{background-color:#f0f0f0;padding:9px 15px;border-radius:25px;font-size:13px;font-weight:600;color:#333}.ep-add-tag-circle{width:38px;height:38px;background-color:#f0f0f0;border-radius:50%;display:flex;justify-content:center;align-items:center}.ep-add-interest-btn{background-color:#e6d5ea;color:#5d326f;display:inline-flex;align-items:center;gap:5px;padding:8px 15px;border-radius:20px;font-weight:700;font-size:12px;margin-top:15px;float:right}.ep-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ep-photo-slot{aspect-ratio:.85;border:2px solid #5D326F;border-radius:12px;overflow:hidden}.ep-photo-slot img{width:100%;height:100%;object-fit:cover}.ep-add-slot{background-color:#fff9fc;border:1px solid #DDBFE6;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.ep-add-slot span{font-size:11px;font-weight:800;color:#5d326f;margin-top:8px}.ep-action-container{padding:10px 0 30px}.ep-update-btn{width:100%;height:60px;background-color:#5d326f;color:#fff;border-radius:30px;border:none;font-size:20px;font-weight:700;box-shadow:0 10px 25px #5d326f33}.ep-bottom-padding{height:100px}.matches-main-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;font-family:Outfit,sans-serif;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.matches-main-container::-webkit-scrollbar{display:none}.pagination-dots-wrap{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:15px 0 5px;flex-shrink:0}.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;flex-shrink:0}.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}.header-icons{display:flex;gap:15px;padding-top:5px}.bell-box{position:relative}.bell-box .dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background-color:#ff4d4d;border-radius:50%;border:2px solid white}.menu-btn{background:none;border:none;cursor:pointer}.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;color:#1a1a1a}.heart-icon-btn{background:none;border:none;cursor:pointer}.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;cursor:pointer}.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)}}.heart-icon-btn{background:transparent;border:none;cursor:pointer}.heart-icon-btn:active{transform:scale(.9)}.call-popup-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999}.call-popup-card{width:90%;max-width:340px;background:#fff5f7;border-radius:22px;padding:28px 22px;text-align:center;position:relative;animation:popIn .25s ease}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.popup-close-btn{position:absolute;top:14px;right:14px;border:none;background:transparent;font-size:20px;cursor:pointer}.popup-icon{font-size:42px;margin-bottom:12px}.popup-title{font-size:20px;font-weight:700;margin-bottom:10px}.popup-desc{font-size:14px;color:#444;margin-bottom:22px;line-height:1.4}.popup-primary-btn{width:100%;height:48px;border-radius:14px;border:none;background:#5a3c6d;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.card-anchor{margin-top:-30px}.detail-main-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.detail-scroll-area{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.detail-scroll-area::-webkit-scrollbar{display:none}.detail-content-padding{padding:25px 20px}.hero-section{width:100%;height:480px;position:relative;overflow:hidden;border-radius:0 0 40px 40px;flex-shrink:0}.hero-img{width:100%;height:100%;object-fit:cover}.heart-pop{animation:heartPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.animate-zoom{animation:zoomEffect 10s ease-in-out infinite alternate}@keyframes zoomEffect{0%{transform:scale(1)}to{transform:scale(1.1)}}.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)}}.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;z-index:10}.top-fav-heart{position:absolute;top:50px;right:20px;background:none;border:none;z-index:10;cursor:pointer}.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}.request-btn:disabled{background:#886c99;cursor:not-allowed}.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;transition:all .3s ease}.modal-primary-btn:hover{background:#4b2f5b}.modal-primary-btn:disabled{background:#b7a7c2;cursor:not-allowed;opacity:.6}.slide-up-modal{animation:slideUp .4s cubic-bezier(.165,.84,.44,1) forwards}.top-fav-heart svg{transition:all .3s ease}.loader-container{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#5a3c6d}.loader{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #5a3c6d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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)}}html,body{margin:0;padding:0;height:100%;overflow:hidden}.main-container-fixed{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background-color:#fff;font-family:Inter,sans-serif}.fixed-header{flex-shrink:0;height:80px;display:flex;align-items:center;justify-content:center;position:relative;padding-top:20px}.back-btn-icon{position:absolute;left:20px;background:none;border:none;cursor:pointer}.title-text{font-size:18px;font-weight:700;color:#1a1a1a}.horizontal-scroll-section{flex:1;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;padding:0 10%;gap:15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.horizontal-scroll-section::-webkit-scrollbar{display:none}.card-wrapper{min-width:80%;height:80%;max-height:520px;scroll-snap-align:center;transition:transform .3s ease,opacity .3s ease;display:flex;justify-content:center}.inactive-card{transform:scale(.9);opacity:.5}.card-content-box{width:100%;height:100%;background-color:#eedff2;border-radius:32px;padding:35px 25px;display:flex;flex-direction:column;text-align:center;box-sizing:border-box}.card-heading{font-size:24px;font-weight:800;color:#1a1a1a;margin-bottom:12px}.card-subtext{font-size:15px;color:#333;line-height:1.4}.image-area{flex:1;display:flex;align-items:center;justify-content:center;margin-top:20px}.illustration{max-width:100%;max-height:90%;object-fit:contain}.fixed-footer{flex-shrink:0;padding:20px 24px 40px;display:flex;justify-content:center;background:#fff}.cta-button{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}@media(min-width:500px){.main-container-fixed{max-width:400px;margin:0 auto;border:1px solid #FFF8FB;border-radius:40px}}.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}}.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}.back-btn-quiz{background:none;border:none;cursor:pointer;padding:0}.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;cursor:pointer;transition:all .25s ease;opacity:0;animation:entryPop .5s forwards}.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}.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}.quiz-footer-action{display:flex;justify-content:center;padding:10px 0;background:#fff9fb;position:sticky;bottom:0}@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-width:640px){.quiz-card-container{max-width:100%;max-height:100vh;border-radius:0}}@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-web-wrapper{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;overflow:hidden}.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:20px 24px 0}.quiz-scroll-area{flex:1;overflow-y:auto;padding-bottom:20px;scrollbar-width:none}.quiz-scroll-area::-webkit-scrollbar{display:none}.quiz-header-section{flex-shrink:0;display:flex;align-items:center;gap:15px;padding-bottom:15px}.quiz-content-main{display:flex;flex-direction:column}.options-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:50px}.quiz-opt-card{min-height:180px;background:#fff;border:2px solid #5d326f15;border-radius:24px;padding:15px;display:flex;flex-direction:column;cursor:pointer;transition:all .25s ease}.quiz-footer-action{flex-shrink:0;display:flex;justify-content:center;padding:15px 0 30px;background:#fff9fb;border-top:1px solid rgba(93,50,111,.05)}.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}@keyframes cardSelect{0%{transform:scale(1)}40%{transform:scale(.97)}to{transform:scale(1)}}.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}}.dating-grid-card.active{background-color:#fff!important;color:#111!important}.dating-grid-card.animate{animation:cardSelect .35s cubic-bezier(.4,0,.2,1)}.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-svg{position:absolute;transform:rotate(-90deg)}.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:0px;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}}.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-row.is-active .emoji-outer-ring{border-color:#432c51;border-width:3px}.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}.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;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%;width:80px}.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:#fffbfc;font-family:Outfit,sans-serif;overflow:hidden}.vibe-header-nav{padding:50px 20px 10px;display:flex;align-items:center;justify-content:space-between}.vibe-back-btn{background:none;border:none;cursor:pointer;padding:0}.vibe-nav-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;flex:1;text-align:center}.header-right-empty{width:24px}.vibe-body-scroll{flex:1;padding:20px 25px;overflow-y:auto;scrollbar-width:none}.vibe-body-scroll::-webkit-scrollbar{display:none}.vibe-info-text{margin-bottom:25px}.vibe-h1-main{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.3;margin:0 0 8px;max-width:90%}.vibe-p-sub{font-size:15px;color:#666;font-weight:400;margin:0}.vibe-photo-grid-fixed{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;padding-bottom:20px}.vibe-image-card{width:100%;aspect-ratio:.75;border-radius:16px;overflow:hidden;background-color:#eee;cursor:pointer;border:3px solid transparent;transition:all .2s ease}.vibe-image-card img{width:100%;height:100%;object-fit:cover}.vibe-selected{border-color:#5a3c6d;box-shadow:0 4px 12px #5a3c6d33}.vibe-footer-sticky{padding:15px 25px 40px;background:transparent}.vibe-btn-action{width:100%;background-color:#5a3c6d;color:#fff;border:none;padding:16px;border-radius:16px;font-size:18px;font-weight:600;cursor:pointer}.vibe-btn-action:disabled{opacity:.5}@media(min-width:769px){.vibe-main-container{max-width:450px;margin:0 auto}}.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}.pref-continue-btn:disabled{background:#ccc;color:#666;cursor:not-allowed;opacity:.7}.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:#fff9fb;font-family:Inter,sans-serif;overflow:hidden}.crp-container{width:100%;max-width:450px;padding:30px 24px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.crp-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.crp-back-btn{background:none;border:none;cursor:pointer;padding:0}.crp-nav-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.crp-question{font-size:24px;font-weight:800;color:#1a1a1a;margin-bottom:25px;line-height:1.25}.crp-content{flex:1;display:flex;flex-direction:column;min-height:0}.crp-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0;padding-bottom:40px}.crp-card{position:relative;background:#fff;border:2px solid #5d326f15;border-radius:24px;padding:16px;display:flex;flex-direction:column;cursor:pointer;transition:all .25s ease}.crp-card.crp-selected{border-color:#5d326f;background-color:#fbf7fd}.crp-card-text{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:10px;line-height:1.3}.crp-img-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.crp-card-img{max-width:100%;max-height:110px;object-fit:contain}.crp-footer{display:flex;justify-content:center;padding:10px 0;background:#fff9fb}@media(max-height:720px){.crp-question{font-size:20px;margin-bottom:15px}.crp-card-img{max-height:85px}.crp-card{padding:12px}}.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;transition:all .3s ease}.emoji-inner-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.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:#5d326f;border-width:3px}.conflict-footer{height:120px;display:flex;justify-content:center;align-items:center;flex-shrink:0}@media(max-height:700px){.conflict-question{font-size:19px;margin-bottom:25px}.conflict-options-list{gap:15px}.conflict-footer{height:90px}}.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:23px;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-web-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#fff9fb;overflow:hidden}.quiz-card-container{width:100%;max-width:450px;height:100%;display:flex;flex-direction:column;padding:30px 24px;box-sizing:border-box}.quiz-header-section{display:flex;align-items:center;gap:15px;margin-bottom:35px}.header-title-quiz{font-size:18px;font-weight:700;color:#1a1a1a}.question-text-main{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.3;margin-bottom:40px}.habit-list-container{display:flex;flex-direction:column;gap:25px}.habit-row-item{display:flex;align-items:center;gap:16px;cursor:pointer;background:transparent!important;transition:transform .3s cubic-bezier(.4,0,.2,1)}.habit-double-circle{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.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%;background-color:#ead1f0;display:flex;align-items:center;justify-content:center;transition:.3s}.active .outer-ring{border-color:#5d326f;border-width:2.5px}.active .inner-ring{background-color:#5d326f;transform:scale(1.1)}.active .emoji-char{color:#fff!important}.active .habit-label-text{font-weight:700;color:#000}.emoji-char{font-size:20px;color:#000}.habit-label-text{font-size:15px;font-weight:500;color:#444}.quiz-footer-action{margin-top:auto;padding:20px 0;display:flex;justify-content:center}.fade-enter{animation:slideUpFadeIn .5s forwards}.fade-exit{animation:slideOutFade .4s forwards}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutFade{to{opacity:0;transform:translateY(-20px)}}.growth-quiz-wrapper{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff9fb}.growth-quiz-container{padding:30px 24px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.growth-header-nav{display:flex;align-items:center;gap:15px;margin-bottom:20px}.back-btn-circle{background:none;border:none;cursor:pointer;padding:0}.growth-top-title{font-size:18px;font-weight:700;color:#1a1a1a}.growth-main-heading{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.25;margin-bottom:25px}.growth-content-area{flex:1;display:flex;flex-direction:column;min-height:0}.growth-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0;padding-bottom:40px}.growth-grid-card{position:relative;background:#fff;border:2px solid #5d326f15;border-radius:24px;padding:16px;display:flex;flex-direction:column;cursor:pointer;transition:all .25s ease}.growth-grid-card.active{border:3px solid #5D326F;background-color:#fff9fb;transform:translateY(-2px)}.growth-grid-card.active .growth-card-text{color:#1a1a1a;font-weight:700}.growth-card-text{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:10px;line-height:1.3}.growth-img-holder{flex:1;display:flex;justify-content:center;align-items:center;min-height:0}.growth-illustration{max-width:100%;max-height:100px;object-fit:contain}.inner-tick-circle{width:30px;height:30px;background-color:#6f3232;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.growth-footer-section{margin-top:auto;padding:10px 0}@media(max-height:720px){.growth-main-heading{font-size:20px;margin-bottom:15px}.growth-illustration{max-height:80px}.growth-grid-card{padding:12px}}.learning-screen-wrapper{width:100%;height:100%;display:flex;justify-content:center;background-color:#fff9fb;overflow:hidden}.learning-container{width:100%;max-width:450px;height:100%;display:flex;flex-direction:column;padding:30px 24px;box-sizing:border-box}.learning-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.learning-back-btn{background:none;border:none;cursor:pointer;padding:0}.learning-category-title{font-size:18px;font-weight:700;color:#1a1a1a}.learning-question-text{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.25;margin-bottom:25px}.learning-main-content{flex:1;display:flex;flex-direction:column;min-height:0}.learning-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0;padding-bottom:40px}.learning-card{position:relative;background:#fff;border:2px solid #5d326f15;border-radius:24px;padding:16px;display:flex;flex-direction:column;cursor:pointer;transition:all .25s ease}.learning-card.is-selected{border-color:#5d326f;background-color:#fbf7fd;transform:translateY(-2px)}.learning-card-label{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:10px;line-height:1.3}.learning-image-holder{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.learning-illustration{max-width:100%;max-height:110px;object-fit:contain}.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}.tick-progress-ring{position:absolute;transform:rotate(-90deg)}.learning-footer{margin-top:auto;padding:10px 0;display:flex;justify-content:center}@media(max-height:720px){.learning-question-text{font-size:20px;margin-bottom:15px}.learning-illustration{max-height:80px}.learning-card{padding:12px}}.exit-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.exit-modal-box{background:#fff;padding:30px;border-radius:20px;width:80%;max-width:350px;text-align:center;box-shadow:0 10px 30px #0003}.modal-btns{display:flex;flex-direction:column;gap:10px;margin-top:20px}.confirm-btn{background:#5d326f;color:#fff;border:none;padding:12px;border-radius:12px;font-weight:700;cursor:pointer}.cancel-btn{background:#f0f0f0;color:#333;border:none;padding:12px;border-radius:12px;font-weight:700;cursor:pointer}.blur-bg{filter:blur(4px);pointer-events:none}.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}}.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:#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:20px}.back-btn-quiz{background:none;border:none;cursor:pointer;padding:0;width:24px}.header-spacer-quiz{width:24px}.header-title-quiz{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;text-align:center}.quiz-content-main{flex:1;display:flex;flex-direction:column}.question-text-main{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.35;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:180px}.quiz-opt-card:hover{border-color:#5d326f40}.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)}.tick-mask-bg{position:absolute;width:42px;height:42px;background-color:#fff9fb;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.3}.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: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}.svg-ring{position:absolute;transform:rotate(-90deg)}.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}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@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-width:640px){.quiz-card-container{max-width:100%;border-radius:0;height:100vh;padding:10px 24px}.quiz-header-section{padding-top:40px}}@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}}.honesty-success-wrapper{width:100%;flex:1;min-height:100vh;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:30px;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}@keyframes confettiFallEffect{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}.success-centered-text{flex:1;display:flex;justify-content:center;align-items:center;z-index:5;padding:0 20px}.honesty-title{font-family:Playfair Display,serif;font-size:48px;font-weight:700;line-height:1.1;margin-bottom:60px}.handshake-container{position:absolute;bottom:100px;width:100%;height:300px;display:flex;justify-content:center;align-items:flex-end;z-index:10;pointer-events:none}.hand{position:absolute;bottom:0;width:75%;max-width:500px;transition:transform .8s ease-out}.hand-left{left:0;z-index:12;transform:translate(-100%);animation:slideInLeftHand 1s cubic-bezier(.25,.46,.45,.94) .5s forwards}.hand-right{right:0;z-index:11;transform:translate(100%);animation:slideInRightHand 1s cubic-bezier(.25,.46,.45,.94) .5s forwards}@keyframes slideInLeftHand{0%{transform:translate(-100%)}to{transform:translate(-10%)}}@keyframes slideInRightHand{0%{transform:translate(100%)}to{transform:translate(10%)}}.fade-in-up{animation:honestyFadeUp .8s ease-out forwards}@keyframes honestyFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(min-width:769px){.honesty-title{font-size:40px}.hand{width:72%}.handshake-container{bottom:60px}}.sharing-screen-wrapper{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;overflow:hidden}.sharing-card-container{position:relative;width:100%;height:100%;background-color:#5d326f;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 25px;box-sizing:border-box;overflow:hidden;font-family:Libre Baskerville,serif}.confetti-rain-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.rain-piece{position:absolute;width:150%;height:100%;object-fit:contain;opacity:.5}.r-layer-1{top:-100%;animation:rainEffect 7s linear infinite}.r-layer-2{top:-200%;animation:rainEffect 7s linear infinite 3.5s}@keyframes rainEffect{0%{transform:translateY(0)}to{transform:translateY(300%)}}.sharing-content-area{position:relative;z-index:10;text-align:center;color:#fff;margin-top:-120px}.sharing-main-title{font-size:32px;font-weight:400;line-height:1.3;margin:0;animation:sharingFadeUp 1s cubic-bezier(.2,.8,.2,1) forwards}.user-dynamic-name{font-weight:700;text-transform:capitalize}@keyframes sharingFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sharing-char-box{position:absolute;bottom:-10px;width:100%;display:flex;justify-content:center;z-index:5;transform:translateY(100%);animation:charPopUp 1s cubic-bezier(.175,.885,.32,1.275) forwards .3s}.sharing-trumpet-man{width:230px;height:auto;animation:playingTrumpet 2.5s ease-in-out infinite}@keyframes charPopUp{to{transform:translateY(0)}}@keyframes playingTrumpet{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(2deg)}}.skip-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;cursor:pointer}@media(max-height:700px){.sharing-main-title{font-size:28px}.sharing-trumpet-man{width:190px}}.mobile-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.mobile-header-section{padding:20px 25px 0;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.mobile-header-section h1,.mobile-header-section h2{margin-bottom:4px;text-align:left}.mobile-header-section p{margin-top:0;text-align:left;color:#666}.mobile-body-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 25px 0}.mobile-input-box{width:100%;max-width:500px}.custom-mobile-field{width:100%;height:65px;background-color:#fff;border:1.5px solid #734e9b;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;letter-spacing:2px}.custom-mobile-field:focus{border-color:#5a3c6d;box-shadow:0 10px 30px #5a3c6d26}.custom-mobile-field::placeholder{letter-spacing:1px;color:#ccc}.mobile-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){.mobile-header-section{padding-top:15px}.mobile-body-content{padding-top:20px}.custom-mobile-field{height:55px;font-size:18px}.mobile-footer-action{padding-bottom:20px}}.slide-up{animation:mobileSlideUp .5s ease-out both}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-screen-container{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:#fff;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.email-header-section{padding:20px 25px 0;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.email-header-section h1,.email-header-section h2{margin-bottom:4px;text-align:left}.email-header-section p{margin-top:0;text-align:left;color:#666}.email-body-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 25px 0}.email-input-box{width:100%;max-width:500px}.custom-email-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-email-field:focus{border-color:#5a3c6d;box-shadow:0 10px 30px #5a3c6d26}.custom-email-field::placeholder{color:#ccc;font-weight:400}.email-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){.email-header-section{padding-top:15px}.email-body-content{padding-top:20px}.custom-email-field{height:55px;font-size:18px}.email-footer-action{padding-bottom:20px}}.slide-up{animation:emailSlideUp .5s ease-out both}@keyframes emailSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{display:flex;flex-direction:column;justify-content:center;height:100dvh;padding:20px;text-align:center;font-family:Outfit,sans-serif}.login-title{font-size:32px;font-weight:800;color:#2d1b31}.login-form{display:flex;flex-direction:column;gap:15px}.login-form input{padding:16px;border-radius:12px;border:1px solid #ddd;font-size:16px}.login-form input:focus{outline:none;border-color:#5e3b63}.login-form button{background-color:#5e3b63;color:#fff;padding:16px;border-radius:50px;border:none;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s ease}.login-form button:active{transform:scale(.96)}.login-form button:disabled{opacity:.7;cursor:not-allowed}.google-login-btn{width:100%;background-color:#5e3b63;color:#fff;padding:18px;padding-inline:30px;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}.Mobile-login-btn{width:100%;background-color:#fff;color:#5e3b63;padding:18px;padding-inline:30px;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-down{animation:fadeInDown .8s ease-out forwards}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.fade-in-up-delay{animation:fadeInUp .8s ease-out .3s forwards;opacity:0}.error-text{color:red;font-size:14px}.button-box{width:100%;max-width:320px;padding-bottom:5px}.loader{width:18px;height:18px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}