*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-5{bottom:1.25rem}.left-0{left:0}.left-6{left:1.5rem}.right-0{right:0}.right-4{right:1rem}.right-6{right:1.5rem}.top-4{top:1rem}.top-5{top:1.25rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem}.mb-3,.my-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[3\/4\]{aspect-ratio:3/4}.h-10{height:2.5rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-16{width:4rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[80px\]{min-width:80px}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:22px}.rounded-md{border-radius:14px}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:32px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-cream{--tw-border-opacity:1;border-color:rgb(251 247 240/var(--tw-border-opacity,1))}.border-cream-3{--tw-border-opacity:1;border-color:rgb(232 223 208/var(--tw-border-opacity,1))}.border-cream\/10{border-color:hsla(38,58%,96%,.1)}.border-cream\/15{border-color:hsla(38,58%,96%,.15)}.border-cream\/20{border-color:hsla(38,58%,96%,.2)}.border-cream\/25{border-color:hsla(38,58%,96%,.25)}.border-cream\/30{border-color:hsla(38,58%,96%,.3)}.border-gold{--tw-border-opacity:1;border-color:rgb(242 184 75/var(--tw-border-opacity,1))}.border-gold\/30{border-color:rgba(242,184,75,.3)}.border-gold\/50{border-color:rgba(242,184,75,.5)}.border-teal{--tw-border-opacity:1;border-color:rgb(42 110 106/var(--tw-border-opacity,1))}.border-teal\/30{border-color:rgba(42,110,106,.3)}.border-transparent{border-color:transparent}.border-t-gold{--tw-border-opacity:1;border-top-color:rgb(242 184 75/var(--tw-border-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-coral{--tw-bg-opacity:1;background-color:rgb(232 99 74/var(--tw-bg-opacity,1))}.bg-cream{--tw-bg-opacity:1;background-color:rgb(251 247 240/var(--tw-bg-opacity,1))}.bg-cream-3{--tw-bg-opacity:1;background-color:rgb(232 223 208/var(--tw-bg-opacity,1))}.bg-cream\/10{background-color:hsla(38,58%,96%,.1)}.bg-cream\/20{background-color:hsla(38,58%,96%,.2)}.bg-cream\/5{background-color:hsla(38,58%,96%,.05)}.bg-gold\/10{background-color:rgba(242,184,75,.1)}.bg-gold\/20{background-color:rgba(242,184,75,.2)}.bg-red-500\/20{background-color:rgba(239,68,68,.2)}.bg-success{--tw-bg-opacity:1;background-color:rgb(61 140 106/var(--tw-bg-opacity,1))}.bg-success\/20{background-color:rgba(61,140,106,.2)}.bg-teal{--tw-bg-opacity:1;background-color:rgb(42 110 106/var(--tw-bg-opacity,1))}.bg-teal-dark\/60{background-color:rgba(27,74,71,.6)}.bg-teal-xdark{--tw-bg-opacity:1;background-color:rgb(13 43 41/var(--tw-bg-opacity,1))}.bg-teal-xdark\/70{background-color:rgba(13,43,41,.7)}.bg-teal\/30{background-color:rgba(42,110,106,.3)}.bg-teal\/5{background-color:rgba(42,110,106,.05)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[radial-gradient\(ellipse_600px_400px_at_50\%_50\%\2c rgba\(61\2c 140\2c 135\2c \.3\)_0\%\2c transparent_65\%\)\]{background-image:radial-gradient(ellipse 600px 400px at 50% 50%,rgba(61,140,135,.3) 0,transparent 65%)}.bg-\[radial-gradient\(ellipse_700px_500px_at_15\%_40\%\2c rgba\(61\2c 140\2c 135\2c \.35\)_0\%\2c transparent_65\%\)\2c radial-gradient\(ellipse_500px_400px_at_85\%_10\%\2c rgba\(242\2c 184\2c 75\2c \.1\)_0\%\2c transparent_60\%\)\2c radial-gradient\(ellipse_400px_500px_at_90\%_85\%\2c rgba\(124\2c 92\2c 191\2c \.08\)_0\%\2c transparent_60\%\)\]{background-image:radial-gradient(ellipse 700px 500px at 15% 40%,rgba(61,140,135,.35) 0,transparent 65%),radial-gradient(ellipse 500px 400px at 85% 10%,rgba(242,184,75,.1) 0,transparent 60%),radial-gradient(ellipse 400px 500px at 90% 85%,rgba(124,92,191,.08) 0,transparent 60%)}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/70{--tw-gradient-from:rgba(0,0,0,.7) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.pl-2{padding-left:.5rem}.pl-5{padding-left:1.25rem}.pr-5{padding-right:1.25rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-body{font-family:DM Sans,system-ui,sans-serif}.font-display{font-family:Fraunces,Georgia,serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-cream{--tw-text-opacity:1;color:rgb(251 247 240/var(--tw-text-opacity,1))}.text-cream\/20{color:hsla(38,58%,96%,.2)}.text-cream\/45{color:hsla(38,58%,96%,.45)}.text-cream\/50{color:hsla(38,58%,96%,.5)}.text-cream\/60{color:hsla(38,58%,96%,.6)}.text-cream\/70{color:hsla(38,58%,96%,.7)}.text-cream\/80{color:hsla(38,58%,96%,.8)}.text-cream\/90{color:hsla(38,58%,96%,.9)}.text-gold{--tw-text-opacity:1;color:rgb(242 184 75/var(--tw-text-opacity,1))}.text-gold\/90{color:rgba(242,184,75,.9)}.text-ink{--tw-text-opacity:1;color:rgb(26 40 38/var(--tw-text-opacity,1))}.text-ink-mute{--tw-text-opacity:1;color:rgb(122 143 141/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-success{--tw-text-opacity:1;color:rgb(61 140 106/var(--tw-text-opacity,1))}.text-teal{--tw-text-opacity:1;color:rgb(42 110 106/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-75{opacity:.75}.shadow-coral{--tw-shadow:0 6px 24px rgba(232,99,74,.35);--tw-shadow-colored:0 6px 24px var(--tw-shadow-color)}.shadow-coral,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 20px 56px rgba(26,40,38,.18);--tw-shadow-colored:0 20px 56px var(--tw-shadow-color)}.shadow-teal{--tw-shadow:0 6px 24px rgba(42,110,106,.28);--tw-shadow-colored:0 6px 24px var(--tw-shadow-color)}.shadow-teal,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-coral{--tw-shadow-color:#e8634a;--tw-shadow:var(--tw-shadow-colored)}.shadow-teal{--tw-shadow-color:#2a6e6a;--tw-shadow:var(--tw-shadow-colored)}.blur{--tw-blur:blur(8px)}.blur,.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}:root{--cream:#fbf7f0;--cream-2:#f3ede2;--cream-3:#e8dfd0;--ink:#1a2826;--ink-soft:#3d4f4d;--ink-mute:#7a8f8d;--teal:#2a6e6a;--teal-l:#3d8c87;--teal-d:#1b4a47;--teal-xd:#0d2b29;--gold:#f2b84b;--gold-l:#f7d08a;--coral:#e8634a;--coral-l:#f07b5f;--purple:#7c5cbf;--success:#3d8c6a;--error:#d94f3d;--f-display:"Fraunces",Georgia,serif;--f-body:"DM Sans",system-ui,sans-serif;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:32px;--r-full:9999px;--sh-sm:0 2px 10px rgba(26,40,38,.08);--sh-md:0 8px 28px rgba(26,40,38,.12);--sh-lg:0 20px 56px rgba(26,40,38,.18);--sh-coral:0 6px 24px rgba(232,99,74,.35);--sh-teal:0 6px 24px rgba(42,110,106,.28);--sh-gold:0 4px 16px rgba(242,184,75,.35);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}body,button{font-family:var(--f-body)}button{cursor:pointer}input,select,textarea{font-family:var(--f-body)}img{display:block;max-width:100%}.screen{display:none;min-height:100vh}.screen.active{display:flex;flex-direction:column;animation:screenIn .42s var(--ease-spring) both}@keyframes screenIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}#screen-welcome{background:var(--teal-xd);align-items:center;justify-content:center;text-align:center;padding:40px 24px;position:relative;overflow:hidden}.welcome-mesh{background:radial-gradient(ellipse 700px 500px at 15% 40%,rgba(61,140,135,.4) 0,transparent 65%),radial-gradient(ellipse 500px 400px at 85% 10%,rgba(242,184,75,.12) 0,transparent 60%),radial-gradient(ellipse 400px 500px at 90% 85%,rgba(124,92,191,.1) 0,transparent 60%)}.stars-bg,.welcome-mesh{position:absolute;inset:0;pointer-events:none}.star-p{position:absolute;border-radius:50%;background:var(--gold);animation:twink var(--d,3s) ease-in-out infinite var(--dl,0s)}@keyframes twink{0%,to{opacity:.12;transform:scale(.9)}50%{opacity:.8;transform:scale(1.3)}}.welcome-logo{display:inline-flex;align-items:center;gap:11px;margin-bottom:36px}.logo-mark{width:54px;height:54px;background:var(--gold);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:var(--sh-gold);animation:lFloat 4s ease-in-out infinite}@keyframes lFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.logo-name{font-size:28px;letter-spacing:-.3px}.logo-name,.welcome-h1{font-family:var(--f-display);font-weight:700;color:var(--cream)}.welcome-h1{font-size:clamp(34px,6vw,60px);line-height:1.06;letter-spacing:-1.5px;margin-bottom:18px}.welcome-h1 em{font-style:italic;color:var(--gold)}.welcome-sub{font-size:17px;font-weight:400;color:hsla(38,58%,96%,.6);line-height:1.65;max-width:440px;margin:0 auto 42px}.btn-hero{display:inline-flex;align-items:center;gap:9px;background:var(--coral);color:#fff;font-size:17px;font-weight:800;padding:18px 42px;border-radius:var(--r-full);border:none;cursor:pointer;transition:transform .2s var(--ease-spring),box-shadow .2s ease;box-shadow:var(--sh-coral)}.btn-hero:hover{background:var(--coral-l);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 34px rgba(232,99,74,.5)}.btn-ghost-wh{background:transparent;color:hsla(38,58%,96%,.55);font-size:14px;font-weight:600;padding:12px 26px;border-radius:var(--r-full);border:1.5px solid hsla(38,58%,96%,.18);cursor:pointer;transition:all .2s;margin-top:12px}.btn-ghost-wh:hover{color:var(--cream);border-color:hsla(38,58%,96%,.4);background:hsla(38,58%,96%,.07)}.trust-strip{position:relative;z-index:2;margin-top:52px;justify-content:center;gap:28px;flex-wrap:wrap}.trust-item,.trust-strip{display:flex;align-items:center}.trust-item{font-size:12px;font-weight:700;color:hsla(38,58%,96%,.38);text-transform:uppercase;letter-spacing:.7px;gap:7px}.trust-dot{width:4px;height:4px;border-radius:50%;background:hsla(38,58%,96%,.22)}.welcome-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.ob-layout{display:grid;grid-template-columns:296px 1fr;min-height:100vh}.ob-sidebar{background:var(--teal-xd);padding:32px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.ob-logo{gap:9px;margin-bottom:32px;text-decoration:none}.ob-logo,.ob-logo-mark{display:flex;align-items:center}.ob-logo-mark{width:38px;height:38px;background:var(--gold);border-radius:10px;justify-content:center;font-size:20px;box-shadow:var(--sh-gold)}.ob-logo-name{font-family:var(--f-display);font-size:20px;font-weight:700;color:var(--cream)}.steps-nav{flex:1;display:flex;flex-direction:column;gap:2px}.step-entry{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;transition:background .2s;cursor:pointer;text-align:left}.step-entry.done:hover{background:hsla(38,58%,96%,.07)}.step-entry.active{background:hsla(38,58%,96%,.1)}.step-entry.done{opacity:.45}.step-entry.pending{cursor:default}.step-bubble{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;transition:all .25s}.step-entry.done .step-bubble{background:hsla(38,58%,96%,.12);color:hsla(38,58%,96%,.5)}.step-entry.active .step-bubble{background:var(--gold);color:var(--ink);box-shadow:0 3px 12px rgba(242,184,75,.4)}.step-entry.pending .step-bubble{background:hsla(38,58%,96%,.06);color:hsla(38,58%,96%,.25)}.step-label{display:flex;flex-direction:column;gap:1px;align-items:flex-start;text-align:left}.step-name{font-size:13px;font-weight:700;color:var(--cream)}.step-entry.done .step-name{color:hsla(38,58%,96%,.5)}.step-entry.pending .step-name{color:hsla(38,58%,96%,.28)}.step-hint{font-size:10px;color:hsla(38,58%,96%,.32);font-weight:500}.sidebar-preview{margin-top:auto;padding-top:24px;text-align:center}.sb-book{width:110px;height:140px;border-radius:var(--r-md) var(--r-lg) var(--r-lg) var(--r-md);margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--sh-lg),-4px 4px 0 rgba(0,0,0,.25);overflow:hidden;animation:bookBob 4s ease-in-out infinite;font-size:40px}.sb-book:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:4px;background:rgba(0,0,0,.2)}@keyframes bookBob{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}.sb-quote{font-size:11px;color:hsla(38,58%,96%,.32);font-style:italic;margin-top:13px;max-width:170px;margin-left:auto;margin-right:auto;line-height:1.5}.ob-main{background:var(--cream);padding:44px 56px;display:flex;flex-direction:column;overflow-y:auto}.ob-form-wrap{max-width:600px}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--ink-mute);font-size:13px;font-weight:700;padding:4px 0;margin-bottom:20px;transition:color .15s}.back-btn:hover{color:var(--teal)}.back-btn svg{transition:transform .15s}.back-btn:hover svg{transform:translateX(-3px)}.progress-wrap{margin-bottom:26px}.progress-dots{display:flex;align-items:center;gap:4px;margin-bottom:6px}.p-dot{height:4px;border-radius:var(--r-full);flex:1;background:var(--cream-3);transition:background .4s}.p-dot.done{background:var(--teal)}.p-dot.active{background:var(--gold)}.progress-label{font-size:12px;color:var(--ink-mute);font-weight:600}.step-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(42,110,106,.1);color:var(--teal);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:4px 12px;border-radius:var(--r-full);margin-bottom:14px}.ob-h1{font-family:var(--f-display);font-size:clamp(24px,3.5vw,38px);font-weight:700;color:var(--ink);line-height:1.1;letter-spacing:-.5px;margin-bottom:9px}.ob-h1 em{font-style:italic;color:var(--teal)}.ob-sub{font-size:14px;color:var(--ink-soft);line-height:1.65;margin-bottom:26px}.field{margin-bottom:18px}.field-label{display:block;font-size:13px;font-weight:800;color:var(--ink);margin-bottom:7px}.field-label .opt{font-weight:500;color:var(--ink-mute);font-size:11px}.field-input{width:100%;padding:13px 16px;border:2px solid var(--cream-3);border-radius:var(--r-md);font-size:14px;font-weight:500;color:var(--ink);background:#fff;transition:border-color .18s,box-shadow .18s;outline:none;-webkit-appearance:none}.field-input::-moz-placeholder{color:var(--ink-mute)}.field-input::placeholder{color:var(--ink-mute)}.field-input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(42,110,106,.1)}.field-hint{font-size:12px;color:var(--ink-mute);margin-top:5px;font-weight:500;line-height:1.4}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pw-wrap{position:relative}.pw-wrap .field-input{padding-right:50px}.pw-toggle{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:17px;color:var(--ink-mute);transition:color .15s;padding:3px}.pw-toggle:hover{color:var(--teal)}.or-line{display:flex;align-items:center;gap:14px;margin:16px 0;color:var(--ink-mute);font-size:12px;font-weight:700}.or-line:after,.or-line:before{content:"";flex:1;height:1.5px;background:var(--cream-3)}.btn-social{width:100%;display:flex;align-items:center;justify-content:center;gap:11px;background:#fff;border:2px solid var(--cream-3);border-radius:var(--r-md);padding:13px 18px;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;transition:all .18s;margin-bottom:16px}.btn-social:hover{border-color:var(--ink-mute);background:var(--cream-2);transform:translateY(-1px);box-shadow:var(--sh-sm)}.btn-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--teal);color:#fff;font-size:15px;font-weight:800;padding:16px 26px;border-radius:var(--r-md);border:none;cursor:pointer;transition:transform .18s var(--ease-spring),box-shadow .18s,background .18s;box-shadow:var(--sh-teal);margin-top:10px}.btn-submit:hover{background:var(--teal-l);transform:translateY(-2px);box-shadow:0 10px 30px rgba(42,110,106,.38)}.btn-submit .arr{transition:transform .15s}.btn-submit:hover .arr{transform:translateX(4px)}.agree-text{font-size:11px;color:var(--ink-mute);text-align:center;margin-top:12px;line-height:1.5}.agree-text a{color:var(--teal);text-decoration:underline;font-weight:600}#screen-mode .ob-main{background:var(--cream)}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.mode-card{border:2px solid var(--cream-3);border-radius:24px;padding:32px 28px;background:#fff;cursor:pointer;transition:all .25s;text-align:left;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;left:0;right:100%;height:3px;transition:right .35s var(--ease-smooth)}.mode-card.personal:before{background:var(--teal)}.mode-card.fiction:before{background:var(--purple)}.mode-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}.mode-card:hover:before{right:0}.mode-card.selected{box-shadow:0 0 0 3px rgba(42,110,106,.25);border-color:var(--teal)}.mode-card.fiction.selected{box-shadow:0 0 0 3px rgba(124,92,191,.25);border-color:var(--purple)}.mode-icon{font-size:44px;margin-bottom:18px;display:block}.mode-title{font-family:var(--f-display);font-size:21px;font-weight:700;color:var(--ink);margin-bottom:10px;letter-spacing:-.3px}.mode-desc{font-size:13px;color:var(--ink-soft);line-height:1.65;margin-bottom:18px}.mode-tags{display:flex;flex-wrap:wrap;gap:6px}.mode-tag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--r-full)}.mode-tag.teal{background:rgba(42,110,106,.1);color:var(--teal)}.mode-tag.purple{background:rgba(124,92,191,.1);color:var(--purple)}.mode-card .mc-check{position:absolute;top:16px;right:16px;width:26px;height:26px;border-radius:50%;background:var(--teal);display:none;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800}.mode-card.fiction .mc-check{background:var(--purple)}.mode-card.selected .mc-check{display:flex}.age-display{font-family:var(--f-display);font-size:48px;font-weight:700;color:var(--teal);text-align:center;line-height:1;margin-bottom:10px}.age-display span{font-family:var(--f-body);font-size:14px;font-weight:600;color:var(--ink-mute);display:block;margin-top:4px}.age-band{text-align:center;font-size:12px;font-weight:700;color:var(--coral);margin-bottom:14px;min-height:18px;transition:all .3s}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:var(--r-full);background:var(--cream-3);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--teal);cursor:pointer;box-shadow:0 2px 8px rgba(42,110,106,.35);border:3px solid #fff;-webkit-transition:transform .15s;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)}.opt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.opt-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.opt-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 10px;border:2px solid var(--cream-3);border-radius:var(--r-md);background:#fff;cursor:pointer;transition:all .18s;text-align:center;position:relative}.opt-card:hover{border-color:var(--teal-l);transform:translateY(-2px);box-shadow:var(--sh-sm)}.opt-card.selected{border-color:var(--teal);background:rgba(42,110,106,.05);box-shadow:0 0 0 3px rgba(42,110,106,.12)}.opt-card .oc-emoji{font-size:24px}.opt-card .oc-label{font-size:12px;font-weight:800;color:var(--ink);line-height:1.3}.opt-card.selected .oc-label{color:var(--teal)}.opt-card .oc-sub{font-size:11px;color:var(--ink-mute);line-height:1.45;text-align:center}.archetype-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.arch-card{border:2px solid var(--cream-3);border-radius:18px;padding:20px 18px;background:#fff;cursor:pointer;transition:all .22s;position:relative;overflow:hidden}.arch-card:before{content:"";position:absolute;inset:0;background:var(--arch-color,var(--teal));opacity:0;transition:opacity .2s}.arch-card:hover:before{opacity:.04}.arch-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}.arch-card.selected,.arch-card:hover{border-color:var(--arch-color,var(--teal))}.arch-card.selected{box-shadow:0 0 0 3px rgba(42,110,106,.18)}.arch-card.selected:before{opacity:.06}.arch-emoji{font-size:36px;margin-bottom:12px;display:block}.arch-title{font-family:var(--f-display);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}.arch-card.selected .arch-title{color:var(--arch-color,var(--teal))}.arch-desc{font-size:12px;color:var(--ink-mute);line-height:1.55}.arch-vibe{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.arch-vibe span{font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--r-full);background:rgba(42,110,106,.08);color:var(--teal)}.upload-zone{border:2px dashed var(--cream-3);border-radius:var(--r-lg);padding:22px;text-align:center;cursor:pointer;transition:all .25s;position:relative;background:#fff}.upload-zone.drag-over,.upload-zone:hover{border-color:var(--teal);background:rgba(42,110,106,.03)}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.uz-icon{font-size:28px;margin-bottom:8px}.uz-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px}.uz-sub{font-size:11px;color:var(--ink-mute);line-height:1.5}.uz-preview{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin:0 auto 10px;display:none;border:3px solid var(--teal);box-shadow:var(--sh-md)}.uz-ok{color:var(--success);font-size:12px;font-weight:700;display:none}.section-divider{height:1px;background:var(--cream-3);margin:26px 0}.section-label{font-size:11px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.9px;margin-bottom:14px}.cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;margin-bottom:12px}.cast-card{background:#fff;border:2px solid var(--cream-3);border-radius:var(--r-lg);padding:16px 12px;text-align:center;position:relative;transition:all .2s}.cast-card.main-char{border-color:var(--teal);background:rgba(42,110,106,.04)}.cc-ava{border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block;border:2px solid var(--cream-3)}.cc-ava,.cc-ava-ph{width:58px;height:58px;margin:0 auto 10px}.cc-ava-ph{border-radius:50%;background:var(--cream-3);display:flex;align-items:center;justify-content:center;font-size:24px}.cc-name{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:3px}.cc-role{font-size:10px;color:var(--ink-mute);font-weight:600}.cc-star{top:8px;right:8px;font-size:13px}.cc-del,.cc-star{position:absolute}.cc-del{top:6px;left:6px;width:20px;height:20px;border-radius:50%;background:var(--error);color:#fff;border:none;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.cast-card:hover .cc-del{opacity:1}.add-cast-btn{border:2px dashed var(--cream-3);border-radius:var(--r-lg);padding:10px 16px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s;background:transparent;width:100%;font-family:var(--f-body);margin-top:12px}.add-cast-btn:hover{border-color:var(--teal);background:rgba(42,110,106,.03)}.detail-chip-area{display:flex;flex-wrap:wrap;gap:8px;min-height:36px;padding:8px;background:#fff;border:2px solid var(--cream-3);border-radius:var(--r-md)}.detail-chip{display:inline-flex;align-items:center;gap:5px;background:var(--teal);color:#fff;font-size:12px;font-weight:700;padding:5px 11px;border-radius:var(--r-full)}.detail-chip button{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:13px;line-height:1;padding:0}.detail-chip button:hover{color:#fff}.detail-input-row{display:flex;gap:8px;margin-top:8px}.detail-input-row .field-input{flex:1}.btn-add-chip{background:var(--teal);color:#fff;border:none;border-radius:var(--r-md);padding:0 16px;font-size:13px;font-weight:800;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-add-chip:hover{background:var(--teal-l)}.rel-tags{display:flex;flex-wrap:wrap;gap:8px}.rel-tag{padding:7px 14px;border:2px solid var(--cream-3);border-radius:var(--r-full);font-size:12px;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:all .15s;background:#fff}.rel-tag:hover{border-color:var(--teal-l);color:var(--teal)}.rel-tag.active{background:var(--teal);border-color:var(--teal);color:#fff}.env-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.env-tile{background:#fff;border:2px solid var(--cream-3);border-radius:var(--r-lg);overflow:hidden;position:relative;transition:all .2s}.env-tile:hover{box-shadow:var(--sh-sm)}.et-ph{width:100%;height:88px;background:var(--cream-2);display:flex;align-items:center;justify-content:center;font-size:28px}.et-body{padding:10px 12px}.et-name{font-size:12px;font-weight:800;color:var(--ink);margin-bottom:2px}.et-desc{font-size:11px;color:var(--ink-mute);line-height:1.4}.et-del{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:rgba(26,40,38,.5);color:#fff;border:none;cursor:pointer;font-size:11px;display:none;align-items:center;justify-content:center}.env-tile:hover .et-del{display:flex}.add-env-btn{border:2px dashed var(--cream-3);border-radius:var(--r-lg);padding:22px 16px;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s;background:transparent;width:100%;font-family:var(--f-body)}.add-env-btn:hover{border-color:var(--gold);background:rgba(242,184,75,.04)}.style-age-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(124,92,191,.1);border:1px solid rgba(124,92,191,.2);border-radius:var(--r-full);padding:6px 14px;margin-bottom:20px;font-size:12px;font-weight:700;color:var(--purple)}.style-grid-rich{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.style-card-rich{border:2px solid var(--cream-3);border-radius:20px;background:#fff;cursor:pointer;transition:all .25s;overflow:hidden;display:flex;position:relative}.style-card-rich:hover{border-color:var(--teal-l);transform:translateY(-2px);box-shadow:var(--sh-md)}.style-card-rich.selected{border-color:var(--teal);box-shadow:0 0 0 3px rgba(42,110,106,.14)}.style-card-rich.selected .style-check{display:flex}.style-card-rich .style-preview{width:130px;height:100%;min-height:130px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:52px;position:relative;overflow:hidden}.style-card-rich .style-preview:after{content:attr(data-label);position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:hsla(0,0%,100%,.75);white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.4)}.style-card-rich .style-info{flex:1;padding:20px 24px}.style-card-rich .s-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.style-card-rich .s-name{font-family:var(--f-display);font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.2px}.style-card-rich.selected .s-name{color:var(--teal)}.style-card-rich .s-age{font-size:10px;font-weight:800;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.6px;padding:3px 9px;background:var(--cream-2);border-radius:var(--r-full);white-space:nowrap;flex-shrink:0}.style-card-rich .s-desc{font-size:13px;color:var(--ink-soft);line-height:1.65;margin-bottom:12px}.style-card-rich .s-vibes{display:flex;flex-wrap:wrap;gap:6px}.style-card-rich .s-vibe{font-size:10px;font-weight:700;padding:3px 9px;border-radius:var(--r-full)}.style-check{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:var(--teal);align-items:center;justify-content:center;color:#fff;font-size:12px;display:none}.best-match-badge{position:absolute;top:-1px;left:130px;background:var(--gold);color:var(--ink);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 11px;border-radius:0 0 10px 10px}.bksize-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.bksize-card{display:flex;align-items:center;gap:14px;border:2px solid var(--cream-3);border-radius:var(--r-md);padding:12px 16px;cursor:pointer;transition:all .18s var(--ease-smooth);background:var(--white);position:relative}.bksize-card:hover{border-color:var(--teal-l);background:rgba(42,110,106,.02)}.bksize-card.selected{border-color:var(--teal);background:rgba(42,110,106,.04);box-shadow:0 0 0 3px rgba(42,110,106,.12)}.bksize-body{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.bksize-icon{font-size:20px;width:30px;text-align:center;flex-shrink:0}.bksize-name{font-weight:700;font-size:14px;color:var(--ink);line-height:1.2}.bksize-card.selected .bksize-name{color:var(--teal)}.bksize-pages{color:var(--teal);font-weight:700}.bksize-pages,.bksize-ref{font-size:11px;margin-top:1px}.bksize-ref{color:var(--ink-mute);font-style:italic}.bksize-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:var(--r-full);background:var(--teal);color:#fff;margin-left:auto;flex-shrink:0;white-space:nowrap}.bksize-note{margin-top:10px;padding:10px 14px;background:rgba(42,110,106,.07);border:1.5px solid rgba(42,110,106,.18);border-radius:var(--r-md);font-size:12px;color:var(--ink-soft);line-height:1.6;display:none}.bksize-note.visible{display:block}.format-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.format-pill{display:flex;align-items:center;gap:10px;border:2px solid var(--cream-3);border-radius:var(--r-md);padding:10px 14px;cursor:pointer;transition:all .18s var(--ease-smooth);background:var(--white);flex:1;min-width:120px}.format-pill:hover{border-color:var(--teal-l)}.format-pill.selected{border-color:var(--teal);background:rgba(42,110,106,.05);box-shadow:0 0 0 3px rgba(42,110,106,.12)}.fp-shape{flex-shrink:0;background:var(--cream-2);border:2px solid var(--cream-3);border-radius:3px}.format-pill.selected .fp-shape{border-color:rgba(42,110,106,.35);background:rgba(42,110,106,.1)}.fp-name{font-weight:700;font-size:12px;color:var(--ink);line-height:1.2}.format-pill.selected .fp-name{color:var(--teal)}.fp-size{font-size:10px;color:var(--ink-mute);font-weight:600;margin-top:1px}.fp-rec{font-size:9px;background:var(--teal);color:#fff;font-weight:700;padding:1px 5px;border-radius:var(--r-full);margin-left:auto;flex-shrink:0}.density-simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ds-card{border:2px solid var(--cream-3);border-radius:var(--r-md);padding:14px 10px;cursor:pointer;text-align:center;transition:all .18s var(--ease-smooth);background:var(--white);position:relative}.ds-card:hover{border-color:var(--teal-l);transform:translateY(-2px);box-shadow:var(--sh-sm)}.ds-card.selected{border-color:var(--teal);background:rgba(42,110,106,.04);box-shadow:0 0 0 3px rgba(42,110,106,.12)}.ds-visual{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:32px;margin-bottom:8px}.ds-bar{width:7px;border-radius:3px 3px 0 0;transition:background .2s}.ds-card.selected .ds-bar.hi{background:var(--teal)}.ds-card.selected .ds-bar.lo,.ds-card:not(.selected) .ds-bar.hi{background:rgba(42,110,106,.25)}.ds-card:not(.selected) .ds-bar.lo{background:var(--cream-3)}.ds-name{font-weight:700;font-size:13px;color:var(--ink);margin-bottom:3px}.ds-card.selected .ds-name{color:var(--teal)}.ds-sub{font-size:11px;color:var(--ink-mute);line-height:1.4}.ds-count{font-size:10px;color:var(--teal);font-weight:700;margin-top:5px;display:none}.ds-card.selected .ds-count{display:block}.ds-check{display:none;position:absolute;top:7px;right:7px;width:15px;height:15px;background:var(--teal);border-radius:50%;color:#fff;font-size:9px;align-items:center;justify-content:center;font-weight:800}.ds-card.selected .ds-check{display:flex}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.format-card{border:2px solid var(--cream-3);border-radius:18px;background:#fff;cursor:pointer;transition:all .22s;padding:18px 14px;text-align:center;position:relative}.format-card:hover{border-color:var(--teal-l);transform:translateY(-3px);box-shadow:var(--sh-md)}.format-card.selected{border-color:var(--teal);box-shadow:0 0 0 3px rgba(42,110,106,.14)}.format-visual{margin:0 auto 14px;background:var(--cream-2);border:2px solid var(--cream-3);position:relative;border-radius:4px;overflow:hidden}.format-visual:after{content:"";position:absolute;left:6px;top:0;bottom:0;width:3px;background:rgba(0,0,0,.12)}.format-card.selected .format-visual{border-color:rgba(42,110,106,.3);background:rgba(42,110,106,.05)}.format-name{font-family:var(--f-display);font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px;letter-spacing:-.2px}.format-card.selected .format-name{color:var(--teal)}.format-size{font-size:10px;font-weight:700;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}.format-desc{font-size:11px;color:var(--ink-mute);line-height:1.5}.format-popular{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--coral);color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:3px 10px;border-radius:var(--r-full);white-space:nowrap}.color-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.color-opt{display:flex;align-items:center;gap:12px;border:2px solid var(--cream-3);border-radius:var(--r-md);padding:14px 16px;cursor:pointer;transition:all .18s;background:#fff}.color-opt:hover{border-color:var(--teal-l)}.color-opt.selected{border-color:var(--teal);background:rgba(42,110,106,.05);box-shadow:0 0 0 3px rgba(42,110,106,.12)}.color-swatch{width:40px;height:40px;border-radius:var(--r-sm);flex-shrink:0}.swatch-full{background:linear-gradient(135deg,#f2b84b,#e8634a,#3d8c87,#7c5cbf)}.swatch-bw{background:linear-gradient(135deg,#1a2826,#7a8f8d 50%,#fbf7f0)}.co-name{font-size:14px;font-weight:800;color:var(--ink);text-align:left}.color-opt.selected .co-name{color:var(--teal)}.co-price{font-size:11px;color:var(--ink-mute);font-weight:600;margin-top:2px}.co-price strong{color:var(--coral);font-weight:800}.quality-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.quality-card{border:2px solid var(--cream-3);border-radius:20px;background:#fff;cursor:pointer;transition:all .25s;padding:24px 28px;display:flex;align-items:flex-start;gap:20px;position:relative;overflow:hidden}.quality-card:before{content:"";position:absolute;top:0;left:0;right:100%;height:100%;transition:right .4s var(--ease-smooth);opacity:.03}.quality-card.fun:before{background:var(--gold)}.quality-card.award:before{background:var(--teal)}.quality-card.collector:before{background:var(--purple)}.quality-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}.quality-card.selected.fun{border-color:var(--gold);box-shadow:0 0 0 3px rgba(242,184,75,.2)}.quality-card.selected.fun:before{right:0;background:var(--gold)}.quality-card.selected.award{border-color:var(--teal);box-shadow:0 0 0 3px rgba(42,110,106,.18)}.quality-card.selected.award:before{right:0;background:var(--teal)}.quality-card.selected.collector{border-color:var(--purple);box-shadow:0 0 0 3px rgba(124,92,191,.2)}.quality-card.selected.collector:before{right:0;background:var(--purple)}.quality-icon{font-size:40px;flex-shrink:0}.quality-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.quality-name{font-family:var(--f-display);font-size:19px;font-weight:700;color:var(--ink);margin-bottom:7px;letter-spacing:-.3px}.quality-card.selected.fun .quality-name{color:var(--gold)}.quality-card.selected.award .quality-name{color:var(--teal)}.quality-card.selected.collector .quality-name{color:var(--purple)}.quality-desc{font-size:13px;color:var(--ink-soft);line-height:1.65;margin-bottom:12px}.quality-traits{display:flex;flex-wrap:wrap;gap:6px}.quality-trait{font-size:10px;font-weight:800;padding:3px 9px;border-radius:var(--r-full);background:var(--cream-2);color:var(--ink-soft)}.quality-card.selected .quality-trait{background:rgba(42,110,106,.1);color:var(--teal)}.quality-card.selected.fun .quality-trait{background:rgba(242,184,75,.12);color:var(--gold)}.quality-card.selected.collector .quality-trait{background:rgba(124,92,191,.1);color:var(--purple)}.quality-check{position:absolute;top:16px;right:16px;width:24px;height:24px;border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800}.quality-card.fun .quality-check{background:var(--gold)}.quality-card.award .quality-check{background:var(--teal)}.quality-card.collector .quality-check{background:var(--purple)}.motif-grid,.quality-card.selected .quality-check{display:flex}.motif-grid{flex-wrap:wrap;gap:8px;margin-bottom:18px}.motif-chip{padding:8px 15px;border:2px solid var(--cream-3);border-radius:var(--r-full);font-size:12px;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:all .15s;background:#fff;display:flex;align-items:center;gap:5px}.motif-chip:hover{border-color:var(--teal-l);color:var(--teal)}.motif-chip.active{background:var(--teal);border-color:var(--teal);color:#fff}.motif-chip .mc-emoji{font-size:13px}.age-notice{background:rgba(242,184,75,.1);border:1.5px solid rgba(242,184,75,.3);border-radius:var(--r-md);padding:12px 16px;margin-bottom:22px;display:flex;gap:10px;align-items:flex-start}.an-icon{font-size:18px;flex-shrink:0}.an-text{font-size:12px;font-weight:600;color:var(--ink-soft);line-height:1.5}.an-text strong{color:var(--ink);font-weight:800}.field-textarea{width:100%;padding:13px 16px;border:2px solid var(--cream-3);border-radius:var(--r-md);font-size:14px;font-weight:500;color:var(--ink);background:#fff;transition:border-color .18s,box-shadow .18s;outline:none;resize:vertical;min-height:90px}.field-textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(42,110,106,.1)}.field-textarea::-moz-placeholder{color:var(--ink-mute)}.field-textarea::placeholder{color:var(--ink-mute)}.single-price-card{background:#fff;border:2px solid var(--cream-3);border-radius:var(--r-xl);padding:20px 24px;margin-bottom:16px}.spc-breakdown{display:flex;flex-direction:column;gap:0;margin-bottom:14px}.spc-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--cream-2);font-size:13px}.spc-row:last-child{border-bottom:none}.spc-label{color:var(--ink-soft);font-weight:600}.spc-val{font-weight:800}.spc-val,.spc-val.add{color:var(--ink)}.spc-val.save{color:var(--teal)}.spc-total-row{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:2px solid var(--cream-3);margin-top:4px}.spc-total-label{font-size:14px;font-weight:800;color:var(--ink)}.spc-total-val{font-family:var(--f-display);font-size:28px;font-weight:700;color:var(--teal)}.plan-collection-note{display:flex;align-items:flex-start;gap:10px;background:rgba(42,110,106,.07);border:1.5px solid rgba(42,110,106,.2);border-radius:var(--r-md);padding:12px 16px;margin-top:14px;font-size:12px;color:var(--ink-soft);line-height:1.55;font-weight:600;text-align:left}.pcn-icon{font-size:20px;flex-shrink:0;margin-top:1px}.pcn-text{flex:1;text-align:left}.pcn-text strong{color:var(--teal);display:block;margin-bottom:2px;font-size:13px}.pricing-wrap{max-width:640px}.sub-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--cream-3);border-radius:var(--r-full);padding:4px;margin-bottom:28px}.sub-toggle-btn{padding:10px 20px;border-radius:var(--r-full);font-size:14px;font-weight:800;cursor:pointer;border:none;transition:all .2s;background:transparent;color:var(--ink-soft)}.sub-toggle-btn.active{background:#fff;color:var(--ink);box-shadow:var(--sh-sm)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px}.plan-card{border:2px solid var(--cream-3);border-radius:var(--r-lg);background:#fff;padding:20px 16px;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.plan-card:hover{border-color:var(--teal-l);transform:translateY(-2px);box-shadow:var(--sh-md)}.plan-card.selected{border-color:var(--teal);box-shadow:0 0 0 4px rgba(42,110,106,.14)}.plan-card.featured{border-color:var(--coral)}.plan-card.featured.selected{box-shadow:0 0 0 4px rgba(232,99,74,.16)}.plan-popular{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--coral);color:#fff;font-size:9px;letter-spacing:.5px;padding:3px 11px;border-radius:var(--r-full);white-space:nowrap}.plan-name,.plan-popular{font-weight:800;text-transform:uppercase}.plan-name{font-size:12px;color:var(--ink-mute);letter-spacing:.7px;margin-bottom:8px}.plan-price{font-family:var(--f-display);font-size:30px;font-weight:700;color:var(--ink);line-height:1;margin-bottom:4px}.plan-price span{font-size:13px;color:var(--ink-mute);font-family:var(--f-body);font-weight:600}.plan-desc{font-size:11px;color:var(--ink-mute);line-height:1.5;margin-bottom:14px}.plan-feats{display:flex;flex-direction:column;gap:5px}.plan-feat{font-size:11px;color:var(--ink-soft);display:flex;gap:6px;align-items:flex-start;font-weight:600}.plan-feat:before{content:"✓";color:var(--teal);font-weight:800;flex-shrink:0}.price-box{background:#fff;border:2px solid var(--cream-3);border-radius:var(--r-xl);padding:24px;margin-bottom:20px}.price-box-title{font-family:var(--f-display);font-size:18px;font-weight:700;color:var(--ink);margin-bottom:16px}.price-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--cream-2);font-size:13px}.price-row:last-of-type{border-bottom:none}.pr-label{color:var(--ink-soft);font-weight:600}.pr-val{font-weight:800;color:var(--ink)}.pr-val.accent{color:var(--coral)}.price-total-row{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:6px;border-top:2px solid var(--cream-3)}.price-total-label{font-size:15px;font-weight:800;color:var(--ink)}.price-total-val{font-family:var(--f-display);font-size:30px;font-weight:700;color:var(--teal)}.plan-saving{font-size:10px;font-weight:800;margin-bottom:6px}.plan-card.selected .plan-saving,.plan-saving{color:var(--teal)}.plan-card.featured .plan-saving{color:var(--coral)}.btn-checkout{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--coral);color:#fff;font-size:16px;font-weight:800;padding:17px 28px;border-radius:var(--r-md);border:none;cursor:pointer;transition:transform .18s var(--ease-spring),box-shadow .18s;box-shadow:var(--sh-coral);margin-top:6px}.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(232,99,74,.5)}#payload-modal{position:fixed;inset:0;background:rgba(10,20,20,.88);z-index:500;display:none;flex-direction:column;backdrop-filter:blur(8px)}#payload-modal.open,.pm-shell{display:flex}.pm-shell{flex-direction:column;width:100%;height:100%;max-width:1100px;margin:0 auto;padding:22px 28px;gap:0}.pm-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;flex-shrink:0}.pm-title{font-family:var(--f-display);font-size:22px;font-weight:700;color:var(--cream);letter-spacing:-.3px}.pm-subtitle{font-size:12px;color:hsla(38,58%,96%,.38);font-weight:600;margin-top:3px}.pm-close-btn{background:hsla(38,58%,96%,.08);border:1.5px solid hsla(38,58%,96%,.15);color:hsla(38,58%,96%,.55);padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--f-body);transition:all .15s}.pm-close-btn:hover{background:hsla(38,58%,96%,.14);color:hsla(38,58%,96%,.85)}.pm-tabs{display:flex;gap:3px;flex-shrink:0}.pm-tab{padding:9px 18px;border-radius:10px 10px 0 0;font-size:13px;font-weight:700;cursor:pointer;border:none;background:hsla(38,58%,96%,.06);color:hsla(38,58%,96%,.38);transition:all .15s;font-family:var(--f-body)}.pm-tab.active{background:#0d2b29;color:var(--gold)}.pm-tab:hover:not(.active){background:hsla(38,58%,96%,.11);color:hsla(38,58%,96%,.65)}.pm-pane{flex:1;background:#0d2b29;border-radius:0 12px 12px 12px;overflow-y:auto;position:relative;min-height:0}.pm-pane::-webkit-scrollbar{width:5px}.pm-pane::-webkit-scrollbar-thumb{background:rgba(242,184,75,.22);border-radius:3px}.pm-pane pre{margin:0;padding:22px 26px;font-family:Courier New,monospace;font-size:13px;line-height:1.78;color:#9ecfb2;white-space:pre-wrap;word-break:break-word}.pm-pane pre .jk{color:var(--gold)}.pm-pane pre .js{color:#9ecfb2}.pm-pane pre .jn{color:#7eb8f5}.pm-pane pre .jb{color:#e8a07a}.pm-pane pre .jnl{color:#5a7a78}.pm-pane pre .sc{color:rgba(242,184,75,.55);font-weight:700}.pm-pane pre .si{color:#7eb8f5}.pm-copy{position:sticky;top:14px;float:right;margin:14px 16px 0 0;clear:both;background:rgba(242,184,75,.14);border:1.5px solid rgba(242,184,75,.32);color:var(--gold);padding:6px 14px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;font-family:var(--f-body);transition:all .15s;z-index:2}.pm-copy:hover{background:rgba(242,184,75,.26)}.pm-copy.copied{background:rgba(42,110,106,.35);border-color:var(--teal);color:#fff}.pm-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(124,92,191,.18);border:1px solid rgba(124,92,191,.3);color:#b89fe8;padding:4px 11px;border-radius:20px;font-size:11px;font-weight:700}.pm-footer{justify-content:space-between;padding-top:14px;flex-shrink:0;gap:12px}.pm-footer,.pm-proceed{display:flex;align-items:center}.pm-proceed{justify-content:center;gap:10px;background:var(--coral);color:#fff;font-size:15px;font-weight:800;padding:15px 32px;border-radius:var(--r-md);border:none;cursor:pointer;box-shadow:var(--sh-coral);font-family:var(--f-body);transition:transform .18s var(--ease-spring),box-shadow .18s}.pm-proceed:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(232,99,74,.5)}.pm-summary{padding:18px 22px;display:flex;flex-direction:column}.pm-row{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid hsla(38,58%,96%,.055);font-size:13px}.pm-row:last-child{border-bottom:none}.pm-lbl{color:hsla(38,58%,96%,.32);font-weight:600;min-width:190px;flex-shrink:0}.pm-val{color:hsla(38,58%,96%,.78);font-weight:600;line-height:1.5}.pm-val .pt{display:inline-block;background:rgba(42,110,106,.28);color:#9ecfb2;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;margin:1px 2px}.pm-val .pw{color:#e8a07a;font-size:11px}#screen-done{background:var(--teal-xd);align-items:center;justify-content:center;text-align:center;padding:40px 24px;position:relative;overflow:hidden}.confetti-burst{position:absolute;top:0;left:0;right:0;height:60px;pointer-events:none}.confetti-piece{border-radius:2px;animation:cfFall var(--dur,2s) ease-in var(--delay,0s) both;position:absolute}@keyframes cfFall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(2turn);opacity:0}}.done-icon{width:84px;height:84px;background:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 28px;box-shadow:var(--sh-gold);animation:donePulse 2s ease-in-out infinite}@keyframes donePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.done-content{position:relative;z-index:2;max-width:480px}.done-h1{font-family:var(--f-display);font-size:clamp(28px,5vw,48px);font-weight:700;color:var(--cream);letter-spacing:-.5px;line-height:1.1;margin-bottom:14px}.done-h1 em{font-style:italic;color:var(--gold)}.done-sub{font-size:16px;color:hsla(38,58%,96%,.6);line-height:1.6;margin-bottom:36px;max-width:370px;margin-left:auto;margin-right:auto}.done-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:36px}.done-card{background:hsla(38,58%,96%,.07);border:1.5px solid hsla(38,58%,96%,.1);border-radius:var(--r-md);padding:18px 12px;text-align:center}.done-card .dc-icon{font-size:26px;margin-bottom:7px}.done-card .dc-title{font-size:12px;font-weight:800;color:var(--cream);text-transform:uppercase;letter-spacing:.4px}.done-card .dc-desc{font-size:11px;color:hsla(38,58%,96%,.45);margin-top:4px;line-height:1.4}.modal-overlay{position:fixed;inset:0;background:rgba(26,40,38,.5);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{background:#fff;border-radius:var(--r-xl);padding:32px;max-width:460px;width:100%;box-shadow:var(--sh-lg);transform:translateY(20px);transition:transform .3s var(--ease-spring);max-height:90vh;overflow-y:auto}.modal-overlay.open .modal-box{transform:none}.modal-title{font-family:var(--f-display);font-size:22px;font-weight:700;color:var(--ink);margin-bottom:6px}.modal-sub{font-size:13px;color:var(--ink-soft);margin-bottom:22px;line-height:1.5}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn-submit{flex:1;margin-top:0}.btn-cancel{flex:1;display:flex;align-items:center;justify-content:center;background:var(--cream-2);color:var(--ink-soft);border:2px solid var(--cream-3);border-radius:var(--r-md);padding:14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s}.btn-cancel:hover{border-color:var(--ink-mute)}.mece-label-wrap{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.mece-num{flex-shrink:0;width:26px;height:26px;background:var(--ink);color:#fff;border-radius:50%;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}.mece-sub{font-size:11.5px;color:var(--ink-mute);margin-top:3px;line-height:1.5}.style-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:0}.style-tile{border-radius:14px;overflow:hidden;cursor:pointer;border:2px solid var(--cream-3);transition:all .22s;position:relative;background:#fff}.style-tile:hover{transform:translateY(-2px);box-shadow:var(--sh-sm);border-color:var(--teal-l)}.style-tile.selected{border-color:var(--teal);box-shadow:0 0 0 3px rgba(42,110,106,.14)}.st-bg{height:80px;display:flex;align-items:center;justify-content:center;font-size:38px;transition:transform .2s}.style-tile:hover .st-bg{transform:scale(1.06)}.st-foot{background:#fff;padding:8px 10px 10px}.st-name{font-size:11px;font-weight:800;color:var(--ink);line-height:1.2}.st-lbl{font-size:10px;color:var(--ink-mute);font-weight:600;margin-top:2px}.style-tile.selected .st-name{color:var(--teal)}.st-check-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--teal);color:#fff;display:none;align-items:center;justify-content:center;font-size:10px;font-weight:800}.style-tile.selected .st-check-badge{display:flex}.st-best-badge{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--ink);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 10px;border-radius:0 0 8px 8px;white-space:nowrap}.style-reveal-card{display:flex;gap:20px;align-items:flex-start;border-radius:20px;padding:20px 24px;margin-top:12px;animation:fadeSlideUp .2s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.src-icon{font-size:44px;flex-shrink:0;width:56px;text-align:center;padding-top:4px}.src-body{flex:1}.src-top{display:flex;align-items:baseline;gap:10px;margin-bottom:3px}.src-name{font-family:var(--f-display);font-size:18px;font-weight:700;line-height:1}.src-label{color:var(--ink-mute)}.src-ages,.src-label{font-size:11px;font-weight:700}.src-ages{opacity:.7;margin-bottom:9px}.src-desc{font-size:13px;line-height:1.65;margin-bottom:12px}.src-vibes{display:flex;flex-wrap:wrap;gap:5px}.src-vibe{font-size:10px;font-weight:700;padding:3px 10px;border-radius:var(--r-full)}.illus-density-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.density-card{border:2px solid var(--cream-3);border-radius:16px;background:#fff;cursor:pointer;transition:all .2s;padding:14px 16px;position:relative}.density-card:hover{border-color:var(--teal-l);transform:translateY(-2px);box-shadow:var(--sh-sm)}.density-card.selected{border-color:var(--teal);background:rgba(42,110,106,.04);box-shadow:0 0 0 3px rgba(42,110,106,.12)}.density-viz{display:flex;gap:3px;margin-bottom:10px;height:36px;align-items:flex-end}.dv-bar{border-radius:3px 3px 0 0;flex:1;transition:background .2s}.density-name{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:3px}.density-card.selected .density-name,.density-ratio{color:var(--teal)}.density-ratio{font-size:10px;font-weight:700;background:rgba(42,110,106,.1);padding:2px 8px;border-radius:99px;display:inline-block;margin-bottom:6px}.density-desc{font-size:11px;color:var(--ink-mute);line-height:1.45}.density-note{font-size:11px;color:var(--ink-soft);font-style:italic;margin-top:4px}.density-check{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--teal);color:#fff;font-size:10px;font-weight:800;display:none;align-items:center;justify-content:center}.density-card.selected .density-check{display:flex}.density-age-note{font-size:11px;color:var(--ink-mute);background:rgba(42,110,106,.06);border:1px solid rgba(42,110,106,.15);border-radius:10px;padding:8px 12px;margin-top:8px;display:flex;align-items:center;gap:8px}.length-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.len-card{border:2px solid var(--cream-3);border-radius:16px;background:#fff;cursor:pointer;transition:all .2s;padding:14px 12px;position:relative}.len-card:hover{border-color:var(--teal-l);transform:translateY(-2px);box-shadow:var(--sh-sm)}.len-card.selected{border-color:var(--teal);background:rgba(42,110,106,.04);box-shadow:0 0 0 3px rgba(42,110,106,.12)}.lc-price{position:absolute;top:10px;right:10px;font-size:10px;font-weight:800;color:var(--coral)}.lc-top{display:flex;align-items:center;gap:7px;margin-bottom:5px;margin-top:16px}.lc-icon{font-size:18px}.lc-name{font-size:14px;font-weight:800;color:var(--ink)}.len-card.selected .lc-name{color:var(--teal)}.lc-detail{font-size:11px;color:var(--ink-mute);line-height:1.4}.illus-panel{background:rgba(242,184,75,.07);border:1.5px solid rgba(242,184,75,.28);border-radius:var(--r-lg);padding:18px 20px;margin-top:2px}.illus-panel-title{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:14px;display:flex;align-items:center;gap:8px}.illus-breakdown{display:flex;gap:10px;margin-bottom:14px}.illus-stat{flex:1;background:#fff;border-radius:12px;padding:12px 10px;text-align:center;border:1.5px solid rgba(242,184,75,.2)}.illus-stat-num{font-family:var(--f-display);font-size:26px;font-weight:700;color:var(--teal);line-height:1}.illus-stat-label{font-size:10px;font-weight:700;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.illus-page-strip{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.ip-page{width:22px;height:30px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:9px;border:1.5px solid rgba(0,0,0,.1)}.ip-full{background:var(--teal);color:#fff}.ip-spot{background:rgba(42,110,106,.18);color:var(--teal)}.ip-spread{background:var(--gold);color:var(--ink)}.ip-text{background:var(--cream-2);color:var(--ink-mute)}.illus-legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}.il-item{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:var(--ink-soft)}.il-dot{width:12px;height:16px;border-radius:2px;border:1px solid rgba(0,0,0,.1)}.illus-note{font-size:11px;color:var(--ink-soft);line-height:1.55;font-weight:600}@media(max-width:860px){.ob-layout{grid-template-columns:1fr}.ob-sidebar{position:static;height:auto;padding:20px}.steps-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px}.step-entry{flex:0 0 auto}.sidebar-preview,.step-hint{display:none}.ob-main{padding:28px 20px}.archetype-grid,.mode-cards,.opt-grid{grid-template-columns:1fr}.format-grid{grid-template-columns:1fr 1fr}.style-gallery{grid-template-columns:repeat(3,1fr)}.style-reveal-card{flex-direction:column;gap:12px}.length-grid{grid-template-columns:1fr 1fr}.illus-breakdown{flex-wrap:wrap}.style-card-rich{flex-direction:column}.style-card-rich .style-preview{width:100%;height:120px}.best-match-badge{left:0;top:auto;bottom:-1px;border-radius:0 0 10px 10px}.done-cards,.field-row,.plan-grid{grid-template-columns:1fr}.cast-grid{grid-template-columns:1fr 1fr}.env-grid{grid-template-columns:1fr}}body{padding-bottom:52px}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gold\/70:hover{border-color:rgba(242,184,75,.7)}.hover\:bg-coral-light:hover{--tw-bg-opacity:1;background-color:rgb(240 123 95/var(--tw-bg-opacity,1))}.hover\:bg-cream-3\/80:hover{background-color:hsla(38,34%,86%,.8)}.hover\:bg-cream\/10:hover{background-color:hsla(38,58%,96%,.1)}.hover\:bg-cream\/20:hover{background-color:hsla(38,58%,96%,.2)}.hover\:bg-teal-dark:hover{--tw-bg-opacity:1;background-color:rgb(27 74 71/var(--tw-bg-opacity,1))}.hover\:bg-teal-light:hover{--tw-bg-opacity:1;background-color:rgb(61 140 135/var(--tw-bg-opacity,1))}.hover\:bg-teal\/10:hover{background-color:rgba(42,110,106,.1)}.hover\:bg-teal\/90:hover{background-color:rgba(42,110,106,.9)}.hover\:text-cream:hover{--tw-text-opacity:1;color:rgb(251 247 240/var(--tw-text-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:hover\:scale-100:hover:disabled{--tw-scale-x:1;--tw-scale-y:1}.disabled\:hover\:scale-100:hover:disabled,.group:hover .group-hover\:scale-\[1\.02\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-5{padding:1.25rem}.md\:p-7{padding:1.75rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}