/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:host,:root{--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-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--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:calc(1.5 / 1);--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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:1rem;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) 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);--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-body);font-feature-settings:"rlig" 1,"calt" 1}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.-top-3{top:calc(var(--spacing) * -3)}.-top-5{top:calc(var(--spacing) * -5)}.top-0{top:calc(var(--spacing) * 0)}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.-right-5{right:calc(var(--spacing) * -5)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-\[1px\]{height:1px}.h-\[4\.5rem\]{height:4.5rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-screen{max-height:100vh}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-\[60vh\]{min-height:60vh}.min-h-\[70vh\]{min-height:70vh}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-\[1px\]{width:1px}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)}.-translate-x-1\/2,.-translate-x-full{translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0)}.translate-x-0,.translate-x-\[-50\%\]{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.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-start{justify-content:flex-start}.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)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}: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-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * 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-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)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[0\.75rem\]{border-radius:.75rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--color-border)}.border-destructive{border-color:var(--color-destructive)}.border-input{border-color:var(--color-input)}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.bg-background,.bg-background\/95{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/95{background-color:color-mix(in oklab,var(--color-background) 95%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-border{background-color:var(--color-border)}.bg-card{background-color:var(--color-card)}.bg-destructive{background-color:var(--color-destructive)}.bg-muted,.bg-muted\/30{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--color-muted) 30%,transparent)}}.bg-popover{background-color:var(--color-popover)}.bg-primary,.bg-primary\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary\/10{--tw-gradient-from:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.from-primary\/10{--tw-gradient-from:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.from-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-background{--tw-gradient-via:var(--color-background);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-secondary\/20{--tw-gradient-to:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.to-secondary\/20{--tw-gradient-to:color-mix(in oklab,var(--color-secondary) 20%,transparent)}}.to-secondary\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.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-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.font-\[family-name\:var\(--font-heading\)\]{font-family:var(--font-heading)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[var\(--font-heading\)\]{--tw-font-weight:var(--font-heading);font-weight:var(--font-heading)}.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-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--color-card-foreground)}.text-destructive{color:var(--color-destructive)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground,.text-foreground\/50{color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/50{color:color-mix(in oklab,var(--color-foreground) 50%,transparent)}}.text-muted-foreground,.text-muted-foreground\/40{color:var(--color-muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/40{color:color-mix(in oklab,var(--color-muted-foreground) 40%,transparent)}}.text-muted-foreground\/60{color:var(--color-muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--color-muted-foreground) 60%,transparent)}}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground,.text-primary-foreground\/85{color:var(--color-primary-foreground)}@supports (color:color-mix(in lab,red,red)){.text-primary-foreground\/85{color:color-mix(in oklab,var(--color-primary-foreground) 85%,transparent)}}.text-secondary-foreground{color:var(--color-secondary-foreground)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow-\[0_8px_28px_oklch\(15\%_0\.02_270_\/_0\.16\)\]{--tw-shadow:0 8px 28px var(--tw-shadow-color,oklch(15% .02 270/.16))}.shadow-\[0_8px_28px_oklch\(15\%_0\.02_270_\/_0\.16\)\],.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-md,.shadow-sm{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)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.transform-content{transform-box:content-box}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,var(--color-muted) 40%,transparent)}}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-destructive\/90:hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}.hover\:bg-muted\/30:hover{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/30:hover{background-color:color-mix(in oklab,var(--color-muted) 30%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.hover\:bg-secondary:hover,.hover\:bg-secondary\/80:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-primary:hover,.hover\:text-primary\/80:hover{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:text-primary\/80:hover{color:color-mix(in oklab,var(--color-primary) 80%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:var(--color-destructive)}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:color-mix(in oklab,var(--color-destructive) 30%,transparent)}}.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover{background-color:var(--color-destructive)}.group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group).destructive *):hover{color:var(--color-destructive-foreground)}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color:var(--color-red-50)}}.focus\:bg-accent:focus{background-color:var(--color-accent)}.focus\:text-accent-foreground:focus{color:var(--color-accent-foreground)}.focus\:opacity-100:focus{opacity:1}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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-ring:focus{--tw-ring-color:var(--color-ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.group-\[\.destructive\]\:focus\:ring-destructive:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-destructive)}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--color-background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--color-foreground)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--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)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--color-muted-foreground)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@supports ((-webkit-backdrop-filter:var(--tw )) or (backdrop-filter:var(--tw ))){.supports-\[backdrop-filter\]\:bg-background\/75{background-color:var(--color-background)}@supports (color:color-mix(in lab,red,red)){.supports-\[backdrop-filter\]\:bg-background\/75{background-color:color-mix(in oklab,var(--color-background) 75%,transparent)}}}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:calc(var(--spacing) * 0)}.sm\:bottom-0{bottom:calc(var(--spacing) * 0)}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-w-\[420px\]{max-width:420px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:pt-8{padding-top:calc(var(--spacing) * 8)}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:p-14{padding:calc(var(--spacing) * 14)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}:root{--night:oklch(15% .02 270);--magic:oklch(51% .18 306);--wonder:oklch(66% .2 0);--joy:oklch(74% .17 42);--sunshine:oklch(86% .16 87);--adventure:oklch(61% .11 190);--sky:oklch(61% .15 245);--cloud:oklch(97% .012 80);--background:var(--cloud);--foreground:var(--night);--card:oklch(99% .006 80);--card-foreground:var(--night);--popover:var(--cloud);--popover-foreground:var(--night);--primary:var(--magic);--primary-foreground:var(--cloud);--secondary:oklch(92% .06 80);--secondary-foreground:var(--night);--muted:oklch(94% .018 80);--muted-foreground:oklch(45% .04 270);--accent:oklch(88% .1 42);--accent-foreground:var(--night);--border:oklch(88% .03 270);--input:oklch(92% .02 270);--ring:var(--magic);--destructive:oklch(55% .22 27);--destructive-foreground:var(--cloud);--radius:1rem;--shadow-sm:0 2px 8px oklch(15% .02 270/.08);--shadow-md:0 10px 24px oklch(15% .02 270/.12);--shadow-lg:0 24px 52px oklch(15% .02 270/.2);--gradient-brand:linear-gradient(110deg,var(--magic),var(--wonder),var(--joy),var(--sunshine),var(--adventure),var(--sky));--gradient-subtle:linear-gradient(180deg,var(--cloud),oklch(95% .02 80))}.dark{--background:var(--night);--foreground:var(--cloud);--card:oklch(20% .03 280);--card-foreground:var(--cloud);--popover:oklch(20% .03 280);--popover-foreground:var(--cloud);--primary:oklch(66% .2 306);--primary-foreground:var(--cloud);--secondary:oklch(26% .05 280);--secondary-foreground:var(--cloud);--muted:oklch(22% .025 280);--muted-foreground:oklch(82% .035 280);--accent:var(--joy);--accent-foreground:var(--night);--border:oklch(33% .04 280);--input:oklch(28% .03 280);--ring:var(--wonder)}.wonderloom-shell{background:radial-gradient(circle at 78% 7%,var(--magic),transparent 24%),radial-gradient(circle at 8% 82%,var(--sky),transparent 30%),var(--night);min-height:100vh;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.wonderloom-shell{background:radial-gradient(circle at 78% 7%,color-mix(in oklch,var(--magic),transparent 62%),transparent 24%),radial-gradient(circle at 8% 82%,color-mix(in oklch,var(--sky),transparent 78%),transparent 30%),var(--night)}}.wonderloom-shell{color:var(--cloud)}.demo-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 32px);margin:0 auto;padding:16px 0;display:flex}.adventure-options button,.back-button,.brand,.continue-button,.home-footer button,.magic-button,.parent-link,.parent-trust-link,.picked-character,.read-button,.saved-story,.soft-button,.tool-row button,.traits button{font-family:var(--font-body)}.brand{cursor:pointer;background:0 0;border:0;align-items:center;display:inline-flex}.brand-logo{object-fit:contain;width:auto;height:42px}.header-actions{align-items:center;gap:8px;display:flex}.header-shop-link{min-height:42px;color:var(--cloud);align-items:center;gap:5px;padding:9px 7px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.header-shop-link{color:color-mix(in oklch,var(--cloud),transparent 18%)}}.header-shop-link{font-size:14px;font-weight:800;text-decoration:none}.header-shop-link:hover{color:var(--sunshine)}.header-grownups-link{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.header-grownups-link{color:color-mix(in oklch,var(--cloud),transparent 34%)}}.parent-link{border:1px solid var(--magic);align-items:center;gap:7px;min-height:42px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.parent-link{border:1px solid color-mix(in oklch,var(--magic),transparent 15%)}}.parent-link{background:var(--magic);border-radius:999px;padding:0 16px}@supports (color:color-mix(in lab,red,red)){.parent-link{background:color-mix(in oklch,var(--magic),transparent 20%)}}.parent-link{color:var(--cloud);cursor:pointer;font-size:14px;font-weight:700;transition:transform .18s,background .18s}.parent-link:hover{background:var(--magic);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.parent-link:hover{background:color-mix(in oklch,var(--magic),transparent 6%)}}.home-screen{background:radial-gradient(circle at 72% 34%,var(--magic),transparent 26%),radial-gradient(circle at 32% 74%,var(--sky),transparent 32%),var(--night);position:relative}@supports (color:color-mix(in lab,red,red)){.home-screen{background:radial-gradient(circle at 72% 34%,color-mix(in oklch,var(--magic),transparent 62%),transparent 26%),radial-gradient(circle at 32% 74%,color-mix(in oklch,var(--sky),transparent 78%),transparent 32%),var(--night)}}.home-hero{grid-template-columns:1fr;align-items:center;gap:8px;width:min(1180px,100% - 32px);min-height:548px;margin:0 auto;padding:30px 0 42px;display:grid}.hero-copy{z-index:1;position:relative}.eyebrow{color:var(--wonder);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:800;display:inline-flex}.home-hero h1,.meet-copy h1,.parent-card h1,.personality-form h1,.step-heading h1,.story-picker h1,.world-heading h1{color:var(--cloud);font-family:var(--font-heading);letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(44px,7vw,82px);font-weight:700;line-height:.96}.intro{max-width:490px;color:var(--cloud);margin:22px 0 28px}@supports (color:color-mix(in lab,red,red)){.intro{color:color-mix(in oklch,var(--cloud),transparent 22%)}}.intro{font-size:19px;line-height:1.5}.magic-button{background:linear-gradient(100deg,var(--magic),var(--wonder),var(--joy));min-height:58px;box-shadow:0 14px 28px var(--magic);border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 24px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.magic-button{box-shadow:0 14px 28px color-mix(in oklch,var(--magic),transparent 60%)}}.magic-button{color:var(--night);cursor:pointer;font-size:17px;font-weight:800;transition:transform .2s,filter .2s}.magic-button:hover{filter:brightness(1.06);transform:translateY(-2px)scale(1.01)}.scan-helper{max-width:420px;color:var(--cloud);align-items:flex-start;gap:8px;margin:14px 0 0;display:flex}@supports (color:color-mix(in lab,red,red)){.scan-helper{color:color-mix(in oklch,var(--cloud),transparent 34%)}}.scan-helper{font-size:13px;font-weight:700;line-height:1.45}.scan-helper svg{color:var(--sunshine);flex:none;margin-top:1px}.quiet-child-link{min-height:44px;color:var(--cloud);background:0 0;border:0;align-items:center;gap:7px;margin:8px 0 0;padding:0;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.quiet-child-link{color:color-mix(in oklch,var(--cloud),transparent 22%)}}.quiet-child-link{font:800 14px var(--font-body);text-decoration:underline;-webkit-text-decoration-color:var(--cloud);text-decoration-color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.quiet-child-link{-webkit-text-decoration-color:color-mix(in oklch,var(--cloud),transparent 65%);text-decoration-color:color-mix(in oklch,var(--cloud),transparent 65%)}}.quiet-child-link{text-underline-offset:4px;cursor:pointer}.quiet-child-link:hover{color:var(--sunshine);-webkit-text-decoration-color:var(--sunshine);text-decoration-color:var(--sunshine)}.tiny-note{color:var(--cloud);margin:16px 0 0}@supports (color:color-mix(in lab,red,red)){.tiny-note{color:color-mix(in oklch,var(--cloud),transparent 48%)}}.tiny-note{font-size:13px}.hero-dragon-wrap{min-height:330px;position:relative}.hero-dragon{width:min(100%,530px);height:auto;filter:drop-shadow(0 28px 18px var(--night));position:absolute;bottom:-18px;right:-22px}@supports (color:color-mix(in lab,red,red)){.hero-dragon{filter:drop-shadow(0 28px 18px color-mix(in oklch,var(--night),transparent 25%))}}.orb{filter:blur(2px);opacity:.85;border-radius:50%;position:absolute}.orb-one{background:var(--magic);width:260px;height:260px;bottom:36px;right:11%}@supports (color:color-mix(in lab,red,red)){.orb-one{background:color-mix(in oklch,var(--magic),transparent 58%)}}.orb-two{background:var(--sky);width:130px;height:130px;top:18px;right:0}@supports (color:color-mix(in lab,red,red)){.orb-two{background:color-mix(in oklch,var(--sky),transparent 45%)}}.spark{color:var(--sunshine);font-size:28px;animation:twinkle 2.3s ease-in-out infinite;position:absolute}.spark-one{top:18%;right:14%}.spark-two{animation-delay:.7s;top:39%;right:75%}.spark-three{font-size:19px;animation-delay:1.2s;top:65%;right:3%}.hero-caption{z-index:2;border:1px solid var(--cloud);flex-direction:column;display:flex;position:absolute;bottom:15px;right:6%}@supports (color:color-mix(in lab,red,red)){.hero-caption{border:1px solid color-mix(in oklch,var(--cloud),transparent 70%)}}.hero-caption{background:var(--night);border-radius:16px;padding:10px 15px}@supports (color:color-mix(in lab,red,red)){.hero-caption{background:color-mix(in oklch,var(--night),transparent 18%)}}.hero-caption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-caption span{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.hero-caption span{color:color-mix(in oklch,var(--cloud),transparent 42%)}}.hero-caption span{font-size:11px}.hero-caption strong{color:var(--cloud);font-family:var(--font-heading);font-size:18px}.made-this{width:min(1180px,100% - 32px);color:var(--cloud);margin:0 auto;padding:16px 0 22px}@supports (color:color-mix(in lab,red,red)){.made-this{color:color-mix(in oklch,var(--cloud),transparent 58%)}}.made-this{text-align:center;font-size:12px}.made-this span{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.made-this span{color:color-mix(in oklch,var(--cloud),transparent 22%)}}.made-this span{font-weight:800}.demo-screen{background:linear-gradient(160deg,var(--night),var(--night) 62%);min-height:100vh}@supports (color:color-mix(in lab,red,red)){.demo-screen{background:linear-gradient(160deg,color-mix(in oklch,var(--night),var(--magic) 6%),var(--night) 62%)}}.step-heading,.world-heading{align-items:flex-start;gap:18px;width:min(1100px,100% - 32px);margin:20px auto 28px;display:flex}.step-heading h1,.world-heading h1{font-size:clamp(38px,5vw,61px)}.step-heading>div>p:last-child,.world-heading>div>p:last-child{color:var(--cloud);margin:9px 0 0}@supports (color:color-mix(in lab,red,red)){.step-heading>div>p:last-child,.world-heading>div>p:last-child{color:color-mix(in oklch,var(--cloud),transparent 35%)}}.step-heading>div>p:last-child,.world-heading>div>p:last-child{font-size:16px}.back-button{border:1px solid var(--cloud);flex:none;place-items:center;width:44px;height:44px;margin-top:4px;display:grid}@supports (color:color-mix(in lab,red,red)){.back-button{border:1px solid color-mix(in oklch,var(--cloud),transparent 76%)}}.back-button{background:var(--cloud);border-radius:14px}@supports (color:color-mix(in lab,red,red)){.back-button{background:color-mix(in oklch,var(--cloud),transparent 94%)}}.back-button{color:var(--cloud);cursor:pointer}.colour-layout{gap:18px;width:min(1100px,100% - 32px);margin:0 auto 48px;display:grid}.canvas-card{border:1px solid var(--cloud);min-height:360px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.canvas-card{border:1px solid color-mix(in oklch,var(--cloud),transparent 75%)}}.canvas-card{background:linear-gradient(145deg,var(--cloud),var(--cloud));border-radius:28px}@supports (color:color-mix(in lab,red,red)){.canvas-card{background:linear-gradient(145deg,var(--cloud),color-mix(in oklch,var(--cloud),var(--sky) 8%))}}.canvas-card{box-shadow:0 18px 42px var(--night)}@supports (color:color-mix(in lab,red,red)){.canvas-card{box-shadow:0 18px 42px color-mix(in oklch,var(--night),transparent 38%)}}.colouring-dragon{width:min(95%,560px);height:100%;margin:auto;display:block}.canvas-sparkle{color:var(--magic);font-size:34px;position:absolute;top:28px;left:8%}.paint-hit{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:50%;position:absolute}.paint-hit:focus-visible{outline:3px solid var(--magic);outline-offset:4px}.body-hit{width:16%;height:27%;top:31%;left:28%}.wings-hit{width:25%;height:34%;top:21%;right:7%}.belly-hit{width:16%;height:22%;top:46%;left:46%}.horns-hit{width:16%;height:13%;top:17%;left:48%}.tap-label{background:var(--night);border-radius:999px;padding:5px 9px;position:absolute}@supports (color:color-mix(in lab,red,red)){.tap-label{background:color-mix(in oklch,var(--night),transparent 12%)}}.tap-label{color:var(--cloud);pointer-events:none;font-size:11px;font-weight:800}.tap-body{top:30%;left:7%}.tap-wings{top:19%;right:7%}.colour-tools{border:1px solid var(--cloud);flex-direction:column;justify-content:center;gap:17px;display:flex}@supports (color:color-mix(in lab,red,red)){.colour-tools{border:1px solid color-mix(in oklch,var(--cloud),transparent 78%)}}.colour-tools{background:var(--cloud);border-radius:24px;padding:22px}@supports (color:color-mix(in lab,red,red)){.colour-tools{background:color-mix(in oklch,var(--cloud),transparent 92%)}}.tool-heading{color:var(--cloud);font-family:var(--font-heading);align-items:center;gap:9px;font-size:21px;display:flex}.palette{flex-wrap:wrap;gap:13px;display:flex}.swatch{width:48px;height:48px;color:var(--night);cursor:pointer;box-shadow:inset 0 0 0 1px var(--night);border:3px solid #0000;border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.swatch{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--night),transparent 78%)}}.swatch svg{opacity:0}.swatch.active{border-color:var(--cloud);box-shadow:0 0 0 3px var(--magic)}.swatch.active svg{opacity:1}.selected-colour{color:var(--cloud);align-items:center;gap:9px;margin:0;display:flex}@supports (color:color-mix(in lab,red,red)){.selected-colour{color:color-mix(in oklch,var(--cloud),transparent 30%)}}.selected-colour{font-size:14px}.selected-colour span{border-radius:50%;width:14px;height:14px}.tool-row{gap:10px;display:flex}.soft-button,.tool-row button{border:1px solid var(--cloud);justify-content:center;align-items:center;gap:7px;min-height:43px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.soft-button,.tool-row button{border:1px solid color-mix(in oklch,var(--cloud),transparent 75%)}}.soft-button,.tool-row button{background:var(--cloud);border-radius:13px;padding:0 13px}@supports (color:color-mix(in lab,red,red)){.soft-button,.tool-row button{background:color-mix(in oklch,var(--cloud),transparent 92%)}}.soft-button,.tool-row button{color:var(--cloud);cursor:pointer;font-size:14px;font-weight:800}.tool-row button:disabled{opacity:.4;cursor:not-allowed}.life-button{width:100%;margin-top:2px}.transform-screen{background:radial-gradient(circle at 50% 48%,var(--magic),transparent 25%),var(--night)}@supports (color:color-mix(in lab,red,red)){.transform-screen{background:radial-gradient(circle at 50% 48%,color-mix(in oklch,var(--magic),transparent 55%),transparent 25%),var(--night)}}.transform-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px 16px 90px;display:flex}.transform-dragon{width:min(510px,90vw);position:relative}.transform-svg{z-index:2;width:100%;position:relative}.magic-ring{border:2px solid var(--sunshine);position:absolute}@supports (color:color-mix(in lab,red,red)){.magic-ring{border:2px solid color-mix(in oklch,var(--sunshine),transparent 42%)}}.magic-ring{border-radius:50%;animation:pulse-ring 2s ease-out infinite;inset:15%}.ring-b{border-color:var(--wonder);inset:3%}@supports (color:color-mix(in lab,red,red)){.ring-b{border-color:color-mix(in oklch,var(--wonder),transparent 42%)}}.ring-b{animation-delay:.7s}.transform-dragon i{z-index:3;color:var(--sunshine);font-size:30px;font-style:normal;animation:twinkle 1.4s infinite;position:absolute}.transform-dragon i:first-of-type{top:15%;left:3%}.transform-dragon i:nth-of-type(2){animation-delay:.5s;top:24%;right:6%}.transform-dragon i:nth-of-type(3){animation-delay:.9s;bottom:15%;left:13%}.transform-content h1{font-family:var(--font-heading);margin:12px 0;font-size:clamp(38px,6vw,66px);line-height:1}.transform-content>p:last-child{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.transform-content>p:last-child{color:color-mix(in oklch,var(--cloud),transparent 36%)}}.loading-stars{gap:10px;margin:15px 0 6px;display:flex}.loading-stars span{background:var(--sunshine);border-radius:50%;width:9px;height:9px;animation:bounce 1s infinite alternate}.loading-stars span:nth-child(2){animation-delay:.2s}.loading-stars span:nth-child(3){animation-delay:.4s}.personality-layout{align-items:center;gap:24px;width:min(1000px,100% - 32px);margin:40px auto 60px;display:grid}.mini-dragon-card{border:1px solid var(--cloud);flex-direction:column;justify-content:center;align-items:center;min-height:290px;display:flex}@supports (color:color-mix(in lab,red,red)){.mini-dragon-card{border:1px solid color-mix(in oklch,var(--cloud),transparent 78%)}}.mini-dragon-card{background:radial-gradient(circle at 50% 45%,var(--magic),transparent 38%),var(--cloud);border-radius:28px}@supports (color:color-mix(in lab,red,red)){.mini-dragon-card{background:radial-gradient(circle at 50% 45%,color-mix(in oklch,var(--magic),transparent 44%),transparent 38%),color-mix(in oklch,var(--cloud),transparent 94%)}}.mini-dragon{width:min(88%,390px)}.mini-dragon-card p{color:var(--cloud);font-family:var(--font-heading);margin:0;font-size:20px}.personality-form{padding:0 4px}.personality-form h1{font-size:clamp(37px,5vw,56px)}.traits{flex-wrap:wrap;gap:9px;margin:24px 0;display:flex}.traits button{border:1px solid var(--cloud);align-items:center;gap:7px;min-height:45px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.traits button{border:1px solid color-mix(in oklch,var(--cloud),transparent 76%)}}.traits button{background:var(--cloud);border-radius:999px;padding:0 15px}@supports (color:color-mix(in lab,red,red)){.traits button{background:color-mix(in oklch,var(--cloud),transparent 94%)}}.traits button{color:var(--cloud);cursor:pointer;font-size:14px;font-weight:800}.traits button.selected{border-color:var(--wonder);background:var(--magic)}@supports (color:color-mix(in lab,red,red)){.traits button.selected{background:color-mix(in oklch,var(--magic),transparent 18%)}}.personality-form label{color:var(--cloud);margin:0 0 9px;font-weight:800;display:block}.personality-form input{border:2px solid var(--cloud);width:100%;min-height:55px;margin-bottom:14px}@supports (color:color-mix(in lab,red,red)){.personality-form input{border:2px solid color-mix(in oklch,var(--cloud),transparent 70%)}}.personality-form input{background:var(--cloud);border-radius:15px;outline:0;padding:0 16px}@supports (color:color-mix(in lab,red,red)){.personality-form input{background:color-mix(in oklch,var(--cloud),transparent 94%)}}.personality-form input{color:var(--cloud);font-family:var(--font-heading);font-size:20px}.personality-form input:focus{border-color:var(--sunshine)}.reveal-screen{background:radial-gradient(circle at 26% 38%,var(--magic),transparent 27%),var(--night)}@supports (color:color-mix(in lab,red,red)){.reveal-screen{background:radial-gradient(circle at 26% 38%,color-mix(in oklch,var(--magic),transparent 45%),transparent 27%),var(--night)}}.meet-card{border:1px solid var(--cloud);gap:0;width:min(1020px,100% - 32px);margin:50px auto;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.meet-card{border:1px solid color-mix(in oklch,var(--cloud),transparent 78%)}}.meet-card{background:var(--cloud);border-radius:32px}@supports (color:color-mix(in lab,red,red)){.meet-card{background:color-mix(in oklch,var(--cloud),transparent 94%)}}.meet-card{box-shadow:0 24px 48px var(--night)}@supports (color:color-mix(in lab,red,red)){.meet-card{box-shadow:0 24px 48px color-mix(in oklch,var(--night),transparent 24%)}}.meet-art{background:radial-gradient(circle at 53% 47%,var(--joy),transparent 30%),linear-gradient(155deg,var(--magic),var(--sky));place-items:center;min-height:330px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.meet-art{background:radial-gradient(circle at 53% 47%,color-mix(in oklch,var(--joy),transparent 18%),transparent 30%),linear-gradient(155deg,var(--magic),var(--sky))}}.meet-art>span{color:var(--sunshine);font-size:27px;animation:twinkle 2s infinite;position:absolute}.meet-art>span:first-child{top:18%;left:14%}.meet-art>span:nth-child(2){animation-delay:.7s;top:20%;right:17%}.meet-art>span:nth-child(3){animation-delay:1s;bottom:20%;right:8%}.meet-dragon{z-index:1;width:min(95%,490px);position:relative}.meet-copy{padding:30px}.meet-copy h1{font-size:clamp(44px,5vw,60px)}.meet-subtitle{color:var(--cloud);margin:13px 0 21px}@supports (color:color-mix(in lab,red,red)){.meet-subtitle{color:color-mix(in oklch,var(--cloud),transparent 31%)}}.meet-subtitle{font-size:17px}.profile-lines{gap:11px;margin-bottom:25px;display:grid}.profile-lines p{color:var(--cloud);align-items:flex-start;gap:9px;margin:0;display:flex}@supports (color:color-mix(in lab,red,red)){.profile-lines p{color:color-mix(in oklch,var(--cloud),transparent 19%)}}.profile-lines p{line-height:1.4}.profile-lines svg{color:var(--sunshine);flex:none;margin-top:2px}.world-heading{justify-content:space-between;align-items:end}.world-heading h1{margin-top:7px}.soft-button{color:var(--cloud)}.world-grid{gap:16px;width:min(1100px,100% - 32px);margin:0 auto 26px;display:grid}.character-card{border:1px solid var(--joy);display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.character-card{border:1px solid color-mix(in oklch,var(--joy),transparent 45%)}}.character-card{background:linear-gradient(140deg,var(--magic),var(--sky));border-radius:24px}@supports (color:color-mix(in lab,red,red)){.character-card{background:linear-gradient(140deg,color-mix(in oklch,var(--magic),var(--night) 22%),color-mix(in oklch,var(--sky),var(--night) 33%))}}.character-art{background:radial-gradient(circle at 50% 54%,var(--sunshine),transparent 40%);place-items:center;min-height:210px;display:grid}@supports (color:color-mix(in lab,red,red)){.character-art{background:radial-gradient(circle at 50% 54%,color-mix(in oklch,var(--sunshine),transparent 45%),transparent 40%)}}.world-dragon{width:min(80%,350px)}.character-details{padding:22px}.card-label{color:var(--sunshine);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.character-details h2{font-family:var(--font-heading);margin:5px 0 0;font-size:36px}.character-details>p:not(.card-label){color:var(--cloud);margin:2px 0 14px}@supports (color:color-mix(in lab,red,red)){.character-details>p:not(.card-label){color:color-mix(in oklch,var(--cloud),transparent 25%)}}.character-details span{background:var(--cloud);border-radius:999px;align-items:center;gap:5px;padding:7px 10px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.character-details span{background:color-mix(in oklch,var(--cloud),transparent 86%)}}.character-details span{color:var(--cloud);font-size:13px;font-weight:800}.locked-card{border:1px dashed var(--cloud);flex-direction:column;justify-content:center;gap:5px;min-height:150px;display:flex}@supports (color:color-mix(in lab,red,red)){.locked-card{border:1px dashed color-mix(in oklch,var(--cloud),transparent 70%)}}.locked-card{background:var(--cloud);border-radius:22px;padding:20px}@supports (color:color-mix(in lab,red,red)){.locked-card{background:color-mix(in oklch,var(--cloud),transparent 96%)}}.locked-card{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.locked-card{color:color-mix(in oklch,var(--cloud),transparent 35%)}}.locked-card svg{color:var(--wonder)}.locked-card p,.locked-card span,.locked-card strong{margin:0}.locked-card strong{color:var(--cloud);font-family:var(--font-heading);font-size:23px}.locked-card span{font-size:14px}.story-invite{background:linear-gradient(110deg,var(--joy),var(--joy));border-radius:25px;flex-direction:column;align-items:flex-start;gap:20px;width:min(1100px,100% - 32px);margin:0 auto 50px;padding:27px;display:flex}@supports (color:color-mix(in lab,red,red)){.story-invite{background:linear-gradient(110deg,color-mix(in oklch,var(--joy),var(--wonder) 30%),var(--joy))}}.story-invite,.story-invite .eyebrow{color:var(--night)}@supports (color:color-mix(in lab,red,red)){.story-invite .eyebrow{color:color-mix(in oklch,var(--night),transparent 20%)}}.story-invite h2{font-family:var(--font-heading);margin:8px 0 3px;font-size:clamp(30px,4vw,44px);line-height:1}.story-invite p:not(.eyebrow){color:var(--night);margin:0}@supports (color:color-mix(in lab,red,red)){.story-invite p:not(.eyebrow){color:color-mix(in oklch,var(--night),transparent 27%)}}.story-invite .magic-button{background:var(--night);box-shadow:none;color:var(--cloud)}.story-setup{align-items:stretch;gap:30px;width:min(1060px,100% - 32px);margin:35px auto 55px;display:grid}.story-picker h1{font-size:clamp(38px,5vw,58px)}.picker-label{color:var(--cloud);margin:25px 0 9px;font-size:15px;font-weight:800}.picked-character{border:2px solid var(--wonder);background:var(--magic);border-radius:18px;align-items:center;gap:12px;width:100%;min-height:80px;padding:8px 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.picked-character{background:color-mix(in oklch,var(--magic),transparent 16%)}}.picked-character{color:var(--cloud);text-align:left;cursor:pointer}.picked-dragon{width:80px;height:64px}.picked-character span{flex-direction:column;flex:1;display:flex}.picked-character strong{font-family:var(--font-heading);font-size:21px}.picked-character small{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.picked-character small{color:color-mix(in oklch,var(--cloud),transparent 30%)}}.picked-character small{font-size:13px}.adventure-options{gap:9px;margin-bottom:24px;display:grid}.adventure-options button{border:1px solid var(--cloud);align-items:center;gap:10px;min-height:58px;display:flex}@supports (color:color-mix(in lab,red,red)){.adventure-options button{border:1px solid color-mix(in oklch,var(--cloud),transparent 74%)}}.adventure-options button{background:var(--cloud);border-radius:16px;padding:0 14px}@supports (color:color-mix(in lab,red,red)){.adventure-options button{background:color-mix(in oklch,var(--cloud),transparent 94%)}}.adventure-options button{color:var(--cloud);cursor:pointer;text-align:left;font-size:15px;font-weight:800}.adventure-options button.selected{border-color:var(--sunshine);background:var(--sunshine)}@supports (color:color-mix(in lab,red,red)){.adventure-options button.selected{background:color-mix(in oklch,var(--sunshine),transparent 77%)}}.adventure-options span{font-size:24px}.story-preview{border:1px solid var(--cloud);min-height:340px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.story-preview{border:1px solid color-mix(in oklch,var(--cloud),transparent 78%)}}.story-preview{background:linear-gradient(160deg,var(--sky),var(--magic));border-radius:28px}@supports (color:color-mix(in lab,red,red)){.story-preview{background:linear-gradient(160deg,var(--sky),color-mix(in oklch,var(--magic),var(--night) 22%))}}.preview-sky span{color:var(--sunshine);font-size:25px;position:absolute}.preview-sky span:first-child{top:11%;left:14%}.preview-sky span:nth-child(2){top:26%;right:18%}.preview-sky span:nth-child(3){font-size:42px;top:9%;right:30%}.preview-dragon{z-index:2;width:83%;position:absolute;bottom:-4%;left:-9%}.castle,.cover-castle{color:var(--cloud);position:absolute;bottom:14%;right:8%}@supports (color:color-mix(in lab,red,red)){.castle,.cover-castle{color:color-mix(in oklch,var(--cloud),var(--sky) 20%)}}.castle,.cover-castle{filter:drop-shadow(0 5px 0 var(--night));font-size:105px}@supports (color:color-mix(in lab,red,red)){.castle,.cover-castle{filter:drop-shadow(0 5px 0 color-mix(in oklch,var(--night),transparent 55%))}}.story-preview>p{z-index:3;max-width:140px;color:var(--cloud);font-family:var(--font-heading);text-align:right;margin:0;font-size:18px;line-height:1.05;position:absolute;bottom:15px;right:17px}.storybook-screen{background:radial-gradient(circle at 82% 10%,var(--magic),transparent 25%),var(--night)}@supports (color:color-mix(in lab,red,red)){.storybook-screen{background:radial-gradient(circle at 82% 10%,color-mix(in oklch,var(--magic),transparent 42%),transparent 25%),var(--night)}}.storybook{border:1px solid var(--cloud);width:min(1080px,100% - 32px);margin:24px auto 54px;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.storybook{border:1px solid color-mix(in oklch,var(--cloud),transparent 72%)}}.storybook{background:var(--cloud);color:var(--night);box-shadow:0 24px 55px var(--night);border-radius:30px}@supports (color:color-mix(in lab,red,red)){.storybook{box-shadow:0 24px 55px color-mix(in oklch,var(--night),transparent 17%)}}.book-cover{background:linear-gradient(150deg,var(--magic),var(--sky));min-height:370px;color:var(--cloud);flex-direction:column;justify-content:end;padding:30px;display:flex;position:relative;overflow:hidden}.cover-stars{color:var(--sunshine);letter-spacing:20px;font-size:28px;position:absolute;top:32px;left:36px}.cover-dragon{z-index:2;width:78%;position:absolute;top:15px;right:-10%}.cover-castle{z-index:1;color:var(--cloud);bottom:31%;right:6%}@supports (color:color-mix(in lab,red,red)){.cover-castle{color:color-mix(in oklch,var(--cloud),transparent 20%)}}.book-cover>div:last-child{z-index:3;position:relative}.book-cover p{letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:13px;font-weight:800}.book-cover h1{max-width:310px;font-family:var(--font-heading);margin:0;font-size:clamp(38px,5vw,54px);line-height:.95}.book-cover small{color:var(--cloud);margin-top:13px;display:block}@supports (color:color-mix(in lab,red,red)){.book-cover small{color:color-mix(in oklch,var(--cloud),transparent 22%)}}.book-page{padding:30px}.book-page .eyebrow{color:var(--magic)}.book-page h2{font-family:var(--font-heading);margin:9px 0 20px;font-size:35px;line-height:1}.story-text{color:var(--night)}@supports (color:color-mix(in lab,red,red)){.story-text{color:color-mix(in oklch,var(--night),transparent 20%)}}.story-text{font-size:16px;line-height:1.65}.read-row{flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 15px;display:flex}.read-button{background:var(--magic);border:0;border-radius:14px;align-items:center;gap:8px;min-height:46px;padding:0 16px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.read-button{background:color-mix(in oklch,var(--magic),var(--cloud) 20%)}}.read-button{color:var(--cloud);cursor:pointer;font-size:14px;font-weight:800}.read-row span{color:var(--night)}@supports (color:color-mix(in lab,red,red)){.read-row span{color:color-mix(in oklch,var(--night),transparent 45%)}}.read-row span{font-size:13px}.continue-button{border:1px solid var(--night);justify-content:center;align-items:center;gap:5px;width:100%;min-height:50px;display:flex}@supports (color:color-mix(in lab,red,red)){.continue-button{border:1px solid color-mix(in oklch,var(--night),transparent 75%)}}.continue-button{color:var(--night);cursor:pointer;background:0 0;border-radius:14px;font-size:15px;font-weight:800}.empty-story{text-align:center;flex-direction:column;align-items:center;width:min(620px,100% - 32px);margin:50px auto;display:flex}.empty-story>span{font-size:72px}.empty-story h2{color:var(--cloud);font-family:var(--font-heading);margin:12px 0 3px;font-size:38px}.empty-story p{color:var(--cloud);margin:0 0 20px}@supports (color:color-mix(in lab,red,red)){.empty-story p{color:color-mix(in oklch,var(--cloud),transparent 35%)}}.saved-story{border:1px solid var(--joy);align-items:center;gap:16px;width:min(900px,100% - 32px);margin:25px auto;display:flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.saved-story{border:1px solid color-mix(in oklch,var(--joy),transparent 45%)}}.saved-story{background:linear-gradient(120deg,var(--magic),var(--sky));border-radius:22px;padding:22px}@supports (color:color-mix(in lab,red,red)){.saved-story{background:linear-gradient(120deg,color-mix(in oklch,var(--magic),var(--night) 22%),color-mix(in oklch,var(--sky),var(--night) 30%))}}.saved-story{color:var(--cloud);text-align:left;cursor:pointer}.saved-story>div{flex:1}.saved-story h2,.saved-story p,.saved-story span{margin:0}.saved-story p{color:var(--sunshine);letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:800}.saved-story h2{font-family:var(--font-heading);margin:7px 0;font-size:27px}.saved-story span{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.saved-story span{color:color-mix(in oklch,var(--cloud),transparent 33%)}}.saved-story span{font-size:13px}.saved-story-dragon{width:140px;height:105px}.parent-screen{background:radial-gradient(circle at 50% 35%,var(--magic),transparent 30%),var(--night);flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){.parent-screen{background:radial-gradient(circle at 50% 35%,color-mix(in oklch,var(--magic),transparent 50%),transparent 30%),var(--night)}}.parent-card{text-align:center;width:min(580px,100% - 32px);margin:auto;padding:20px 0 55px}.parent-icon{background:var(--magic);border-radius:23px;place-items:center;width:70px;height:70px;margin:0 auto 18px;display:grid}@supports (color:color-mix(in lab,red,red)){.parent-icon{background:color-mix(in oklch,var(--magic),transparent 9%)}}.parent-icon{color:var(--sunshine)}.parent-card h1{font-size:55px}.parent-card>p:not(.eyebrow):not(.parent-note){color:var(--cloud);margin:16px auto}@supports (color:color-mix(in lab,red,red)){.parent-card>p:not(.eyebrow):not(.parent-note){color:color-mix(in oklch,var(--cloud),transparent 28%)}}.parent-card>p:not(.eyebrow):not(.parent-note){font-size:17px;line-height:1.5}.parent-items{text-align:left;gap:10px;margin:25px 0 18px;display:grid}.parent-items span{border:1px solid var(--cloud);align-items:center;gap:9px;display:flex}@supports (color:color-mix(in lab,red,red)){.parent-items span{border:1px solid color-mix(in oklch,var(--cloud),transparent 82%)}}.parent-items span{background:var(--cloud);border-radius:14px;padding:12px 14px}@supports (color:color-mix(in lab,red,red)){.parent-items span{background:color-mix(in oklch,var(--cloud),transparent 95%)}}.parent-items span{color:var(--cloud);font-size:14px;font-weight:800}.parent-items svg{color:var(--sunshine)}.parent-note{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.parent-note{color:color-mix(in oklch,var(--cloud),transparent 55%)}}.parent-note{font-size:13px}.parent-card .soft-button{margin-top:10px}.dragon-float{transform-origin:50%;animation:dragon-float 3.5s ease-in-out infinite}.dragon-wing{transform-origin:280px 225px;animation:wing-flap 1.4s ease-in-out infinite alternate}.dragon-wing-back{animation-delay:.2s}.dragon-blink{animation:blink 4s infinite}@keyframes dragon-float{50%{transform:translateY(-12px)rotate(-1deg)}}@keyframes wing-flap{to{transform:rotate(-7deg)}}@keyframes blink{0%,91%,to{opacity:0}93%,96%{opacity:1}}@keyframes twinkle{50%{opacity:.25;transform:scale(.65)rotate(25deg)}}@keyframes pulse-ring{to{opacity:0;transform:scale(1.25)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@media (min-width:640px){.home-hero{grid-template-columns:1.05fr .95fr;min-height:530px}.colour-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.65fr)}.canvas-card{min-height:470px}.meet-card,.personality-layout,.storybook{grid-template-columns:1fr 1fr}.world-grid{grid-template-columns:1.4fr .7fr .7fr}.character-card{grid-template-columns:1fr 1.05fr}.story-invite{flex-direction:row;justify-content:space-between;align-items:center}.story-setup{grid-template-columns:1fr .88fr}.book-cover{min-height:560px}.book-page{padding:42px}}@media (min-width:900px){.demo-header{padding:24px 0}.home-hero{min-height:570px}.hero-dragon{bottom:-25px;right:-10px}.colour-tools{padding:28px}.meet-copy{padding:42px}}.real-picture-button{border:1px solid var(--cloud);justify-content:center;align-items:center;gap:10px;width:fit-content;min-height:54px;margin:12px 0 0;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.real-picture-button{border:1px solid color-mix(in oklch,var(--cloud),transparent 52%)}}.real-picture-button{background:var(--night);border-radius:16px;padding:0 19px}@supports (color:color-mix(in lab,red,red)){.real-picture-button{background:color-mix(in oklch,var(--night),transparent 45%)}}.real-picture-button{color:var(--cloud);cursor:pointer;font-weight:800}.capture-option:hover,.real-picture-button:hover{transform:translateY(-2px)}.capture-screen{min-height:100vh}.capture-choice-card,.capture-review{width:min(900px,100% - 32px);margin:12px auto 58px}.capture-choice-card{border:1px solid var(--cloud)}@supports (color:color-mix(in lab,red,red)){.capture-choice-card{border:1px solid color-mix(in oklch,var(--cloud),transparent 75%)}}.capture-choice-card{background:var(--night);border-radius:28px;padding:22px}@supports (color:color-mix(in lab,red,red)){.capture-choice-card{background:color-mix(in oklch,var(--night),transparent 20%)}}.capture-choice-card{box-shadow:var(--shadow-lg)}.capture-safety{border:1px solid var(--sunshine);align-items:flex-start;gap:11px;display:flex}@supports (color:color-mix(in lab,red,red)){.capture-safety{border:1px solid color-mix(in oklch,var(--sunshine),transparent 62%)}}.capture-safety{background:var(--sunshine);border-radius:16px;padding:13px 15px}@supports (color:color-mix(in lab,red,red)){.capture-safety{background:color-mix(in oklch,var(--sunshine),transparent 84%)}}.capture-safety{color:var(--cloud);font-size:14px;font-weight:700;line-height:1.4}.capture-safety svg{color:var(--sunshine);flex:none}.capture-options{gap:14px;margin:20px 0;display:grid}.capture-option{border:1px solid var(--cloud);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:176px;display:flex}@supports (color:color-mix(in lab,red,red)){.capture-option{border:1px solid color-mix(in oklch,var(--cloud),transparent 68%)}}.capture-option{background:var(--cloud);border-radius:22px}@supports (color:color-mix(in lab,red,red)){.capture-option{background:color-mix(in oklch,var(--cloud),transparent 92%)}}.capture-option{color:var(--cloud);cursor:pointer;transition:transform .2s,background .2s}.capture-option:first-child svg{color:var(--joy)}.capture-option:last-child svg{color:var(--sunshine)}.capture-option strong{font-family:var(--font-heading);font-size:25px}.capture-option span,.local-only-note{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.capture-option span,.local-only-note{color:color-mix(in oklch,var(--cloud),transparent 30%)}}.capture-option span,.local-only-note{font-size:14px}.local-only-note{text-align:center;margin:0}.capture-error{color:var(--sunshine);text-align:center;margin:16px 0 0;font-weight:800}.capture-review{align-items:center;gap:22px;display:grid}.artwork-card{border:8px solid var(--cloud);box-shadow:0 20px 36px var(--night);border-radius:24px;margin:0;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.artwork-card{box-shadow:0 20px 36px color-mix(in oklch,var(--night),transparent 66%)}}.artwork-card{background:var(--card);transform:rotate(-1.5deg)}.artwork-card img{aspect-ratio:4/3;object-fit:contain;background:var(--cloud);width:100%;display:block}.artwork-card figcaption{background:var(--cloud);color:var(--night);justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:800;display:flex}.review-copy{gap:15px;display:grid}.review-copy .magic-button,.review-copy .soft-button{justify-content:center;width:100%}.transform-artwork{width:min(380px,83vw);margin:0 auto 21px;position:relative}.transform-artwork .artwork-card{animation:artwork-awaken 3s ease-in-out infinite}.transform-artwork i{color:var(--sunshine);font-size:33px;font-style:normal;animation:twinkle 1.8s ease-in-out infinite;position:absolute}.transform-artwork i:first-of-type{top:-14px;left:-7px}.transform-artwork i:nth-of-type(2){animation-delay:.35s;top:27%;right:-14px}.transform-artwork i:nth-of-type(3){animation-delay:.7s;bottom:-13px;left:24%}.transform-artwork .magic-ring{border:3px solid var(--sunshine);position:absolute;inset:-10%}@supports (color:color-mix(in lab,red,red)){.transform-artwork .magic-ring{border:3px solid color-mix(in oklch,var(--sunshine),transparent 35%)}}.transform-artwork .magic-ring{border-radius:50%;animation:pulse-ring 1.7s ease-out infinite}.transform-artwork .ring-b{animation-delay:.8s}.source-label{background:var(--sunshine);border-radius:999px;align-items:center;gap:5px;margin:2px 0 7px;padding:6px 9px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.source-label{background:color-mix(in oklch,var(--sunshine),transparent 73%)}}.source-label{color:var(--night);font-size:12px;font-weight:900}.personality-preview .artwork-card{width:min(360px,80vw)}.world-character-art .artwork-card{max-width:300px}.picked-artwork{border-width:4px;border-radius:14px;flex:0 0 94px;width:94px}.picked-artwork img{height:71px;aspect-ratio:unset}.cover-artwork figcaption,.picked-artwork figcaption,.saved-story-artwork figcaption,.story-artwork figcaption{display:none}.story-artwork{border-width:5px;width:230px;margin:36px auto 0}.cover-artwork{z-index:2;border-width:5px;width:56%;position:absolute;top:13%;right:7%}.saved-story-artwork{border-width:4px;border-radius:15px;flex:0 0 125px;width:125px}.saved-story-artwork img{height:92px;aspect-ratio:unset}.empty-world{border:1px dashed var(--cloud);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:290px;display:flex}@supports (color:color-mix(in lab,red,red)){.empty-world{border:1px dashed color-mix(in oklch,var(--cloud),transparent 56%)}}.empty-world{color:var(--cloud);text-align:center;border-radius:24px;padding:28px}.empty-world>span{font-size:65px}.empty-world h2{font-family:var(--font-heading);margin:10px 0 0;font-size:33px}.empty-world p{max-width:460px;color:var(--cloud);margin:6px 0 18px}@supports (color:color-mix(in lab,red,red)){.empty-world p{color:color-mix(in oklch,var(--cloud),transparent 27%)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes artwork-awaken{50%{filter:saturate(1.1)brightness(1.04);transform:rotate(1.5deg)translateY(-9px)scale(1.015)}}@media (min-width:640px){.capture-options{grid-template-columns:1fr 1fr}.capture-review{grid-template-columns:1.05fr .95fr}.real-picture-button{min-width:314px}.world-character-art .artwork-card{max-width:100%}}.template-picker{border:1px solid var(--cloud);width:min(1180px,100% - 32px);margin:0 auto 18px}@supports (color:color-mix(in lab,red,red)){.template-picker{border:1px solid color-mix(in oklch,var(--cloud),transparent 78%)}}.template-picker{background:var(--night);border-radius:24px;padding:14px}@supports (color:color-mix(in lab,red,red)){.template-picker{background:color-mix(in oklch,var(--night),var(--magic) 18%)}}.template-picker{box-shadow:var(--shadow-lg)}.template-picker-heading{color:var(--sunshine);font-family:var(--font-heading);align-items:center;gap:8px;margin:0 4px 11px;font-size:19px;display:flex}.template-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.template-card{border:2px solid var(--cloud);align-items:center;gap:9px;min-width:0;min-height:82px;display:flex}@supports (color:color-mix(in lab,red,red)){.template-card{border:2px solid color-mix(in oklch,var(--cloud),transparent 79%)}}.template-card{background:var(--cloud);border-radius:16px;padding:10px}@supports (color:color-mix(in lab,red,red)){.template-card{background:color-mix(in oklch,var(--cloud),transparent 93%)}}.template-card{color:var(--cloud);text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.template-card:focus-visible,.template-card:hover{border-color:var(--sunshine);outline:none;transform:translateY(-2px)}.template-card.selected{border-color:var(--sunshine);background:var(--magic)}@supports (color:color-mix(in lab,red,red)){.template-card.selected{background:color-mix(in oklch,var(--magic),var(--night) 40%)}}.template-card.selected{box-shadow:0 0 0 3px var(--sunshine)}@supports (color:color-mix(in lab,red,red)){.template-card.selected{box-shadow:0 0 0 3px color-mix(in oklch,var(--sunshine),transparent 76%)}}.template-card>span:nth-child(2){gap:3px;min-width:0;display:grid}.template-card strong{font-family:var(--font-heading);font-size:16px;line-height:1}.template-card small{color:var(--cloud);overflow:hidden}@supports (color:color-mix(in lab,red,red)){.template-card small{color:color-mix(in oklch,var(--cloud),transparent 28%)}}.template-card small{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1}.template-card>svg{color:var(--sunshine);flex:none;margin-left:auto}.template-icon{background:var(--sunshine);border-radius:13px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab,red,red)){.template-icon{background:color-mix(in oklch,var(--sunshine),transparent 78%)}}.template-icon{color:var(--sunshine)}.template-artwork{aspect-ratio:1;isolation:isolate;width:100%;display:block;position:relative}.colouring-template{z-index:1;max-height:530px;position:relative}.template-colouring-fill,.template-line-art,.template-paint-target{width:100%;height:100%;position:absolute;inset:0}.template-colouring-fill{-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.template-line-art{object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.template-artwork.is-interactive{cursor:pointer}.template-artwork.is-interactive:focus-within .template-colouring-fill,.template-artwork.is-interactive:hover .template-colouring-fill{filter:brightness(1.08)saturate(1.14)}.template-artwork.is-selected .template-line-art{filter:drop-shadow(0 0 7px var(--sunshine))}@supports (color:color-mix(in lab,red,red)){.template-artwork.is-selected .template-line-art{filter:drop-shadow(0 0 7px color-mix(in oklch,var(--sunshine),transparent 10%))}}.template-paint-target{cursor:pointer;outline:none}.template-paint-target:focus-visible{outline:3px solid var(--sunshine);outline-offset:5px}.template-icon img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.selected-region{background:var(--sunshine);border-radius:12px;margin:8px 0 0;padding:9px 10px}@supports (color:color-mix(in lab,red,red)){.selected-region{background:color-mix(in oklch,var(--sunshine),transparent 84%)}}.selected-region{font-size:13px;font-weight:800}.selected-region,.selected-region span{color:var(--night)}@supports (color:color-mix(in lab,red,red)){.selected-region span{color:color-mix(in oklch,var(--night),transparent 42%)}}.template-artwork-alive{animation:template-awaken 3s ease-in-out infinite}@keyframes template-awaken{50%{filter:saturate(1.08);transform:translateY(-7px)rotate(.8deg)scale(1.015)}}@media (max-width:500px){.template-cards{grid-template-columns:1fr}.template-card{min-height:62px}.template-card small{display:none}}@media (min-width:640px){.template-picker{margin-bottom:24px;padding:17px}.template-card{min-height:91px;padding:12px}.template-card strong{font-size:18px}.template-card small{font-size:12px}}.living-character{isolation:isolate;border:1px solid var(--cloud);place-items:center;min-height:270px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.living-character{border:1px solid color-mix(in oklch,var(--cloud),transparent 70%)}}.living-character{background:radial-gradient(circle at 50% 36%,var(--sunshine),transparent 23%),linear-gradient(150deg,var(--magic),var(--night));border-radius:32px 32px 54px;padding:24px}@supports (color:color-mix(in lab,red,red)){.living-character{background:radial-gradient(circle at 50% 36%,color-mix(in oklch,var(--sunshine),transparent 55%),transparent 23%),linear-gradient(150deg,color-mix(in oklch,var(--magic),var(--night) 56%),var(--night))}}.living-character{box-shadow:inset 0 1px 0 var(--cloud),var(--shadow-lg)}@supports (color:color-mix(in lab,red,red)){.living-character{box-shadow:inset 0 1px 0 color-mix(in oklch,var(--cloud),transparent 70%),var(--shadow-lg)}}.living-depth{z-index:-2;background:var(--night);border-radius:50%;width:72%;height:25%;position:absolute;bottom:12%}@supports (color:color-mix(in lab,red,red)){.living-depth{background:color-mix(in oklch,var(--night),transparent 14%)}}.living-depth{filter:blur(14px);transform:rotate(-4deg)}.living-halo{z-index:-1;aspect-ratio:1;border:1px solid var(--sunshine);width:72%;position:absolute}@supports (color:color-mix(in lab,red,red)){.living-halo{border:1px solid color-mix(in oklch,var(--sunshine),transparent 50%)}}.living-halo{box-shadow:0 0 0 18px var(--wonder),0 0 54px var(--sunshine);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.living-halo{box-shadow:0 0 0 18px color-mix(in oklch,var(--wonder),transparent 89%),0 0 54px color-mix(in oklch,var(--sunshine),transparent 48%)}}.living-halo{animation:living-halo 4s ease-in-out infinite}.living-art{z-index:1;width:min(100%,390px);filter:drop-shadow(0 18px 12px var(--night)) saturate(1.15) contrast(1.06);position:relative}@supports (color:color-mix(in lab,red,red)){.living-art{filter:drop-shadow(0 18px 12px color-mix(in oklch,var(--night),transparent 52%)) saturate(1.15) contrast(1.06)}}.living-art{transform:perspective(800px)rotateX(3deg)}.living-character.from-photo{grid-template-rows:1fr auto}.living-source-frame{z-index:1;border:5px solid var(--cloud);background:var(--cloud);width:min(100%,330px);box-shadow:0 17px 32px var(--night);border-radius:22px 22px 35px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.living-source-frame{box-shadow:0 17px 32px color-mix(in oklch,var(--night),transparent 48%)}}.living-source-frame{animation:living-breathe 4s ease-in-out infinite}.living-source-frame:after{content:"";background:linear-gradient(118deg,transparent 25%,var(--cloud) 48%,transparent 66%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.living-source-frame:after{background:linear-gradient(118deg,transparent 25%,color-mix(in oklch,var(--cloud),transparent 54%) 48%,transparent 66%)}}.living-source-frame:after{animation:source-sheen 5s ease-in-out infinite;transform:translate(-120%)}.living-source-frame img{aspect-ratio:4/3;object-fit:cover;filter:saturate(1.13)contrast(1.04);width:100%;display:block}.living-source-frame span{background:var(--cloud);color:var(--night);padding:7px 10px;font-size:11px;font-weight:800;display:block}.living-caption{z-index:2;background:var(--night);border-radius:999px;margin:0;padding:5px 10px;position:absolute;bottom:11px}@supports (color:color-mix(in lab,red,red)){.living-caption{background:color-mix(in oklch,var(--night),transparent 21%)}}.living-caption{color:var(--cloud);text-align:center;font-size:11px;font-weight:800}.living-glint{z-index:3;color:var(--sunshine);text-shadow:0 0 14px var(--sunshine);font-size:26px;position:absolute}@supports (color:color-mix(in lab,red,red)){.living-glint{text-shadow:0 0 14px color-mix(in oklch,var(--sunshine),transparent 22%)}}.living-glint{animation:glint-twinkle 2.8s ease-in-out infinite}.glint-one{top:18%;right:15%}.glint-two{animation-delay:-1.2s;bottom:20%;left:14%}.transform-living-character{width:min(100%,475px);margin:0 auto 12px}.prototype-note{max-width:390px;color:var(--cloud);margin:13px auto 0;display:block}@supports (color:color-mix(in lab,red,red)){.prototype-note{color:color-mix(in oklch,var(--cloud),transparent 30%)}}.prototype-note{font-size:12px}.story-helper{color:var(--cloud);margin:0 0 18px}@supports (color:color-mix(in lab,red,red)){.story-helper{color:color-mix(in oklch,var(--cloud),transparent 23%)}}.story-control{border:0;margin:20px 0;padding:0}.story-control legend{color:var(--cloud);font-family:var(--font-heading);margin-bottom:9px;font-size:18px}.story-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.story-option-grid button{border:2px solid var(--cloud);align-items:center;gap:8px;min-height:58px;display:flex}@supports (color:color-mix(in lab,red,red)){.story-option-grid button{border:2px solid color-mix(in oklch,var(--cloud),transparent 78%)}}.story-option-grid button{background:var(--cloud);border-radius:17px;padding:9px 10px}@supports (color:color-mix(in lab,red,red)){.story-option-grid button{background:color-mix(in oklch,var(--cloud),transparent 94%)}}.story-option-grid button{color:var(--cloud);font:800 13px/1.15 var(--font-body);text-align:left;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.story-option-grid button>span{font-size:22px}.story-option-grid button:focus-visible,.story-option-grid button:hover{border-color:var(--sunshine);outline:none;transform:translateY(-2px)}.story-option-grid button.selected{border-color:var(--sunshine);background:var(--magic)}@supports (color:color-mix(in lab,red,red)){.story-option-grid button.selected{background:color-mix(in oklch,var(--magic),var(--night) 38%)}}.story-option-grid button.selected{box-shadow:0 0 0 3px var(--sunshine)}@supports (color:color-mix(in lab,red,red)){.story-option-grid button.selected{box-shadow:0 0 0 3px color-mix(in oklch,var(--sunshine),transparent 78%)}}.story-idea-label{color:var(--cloud);font-family:var(--font-heading);gap:8px;margin:20px 0 24px;font-size:18px;display:grid}.story-idea-label textarea{border:2px solid var(--cloud);min-height:88px}@supports (color:color-mix(in lab,red,red)){.story-idea-label textarea{border:2px solid color-mix(in oklch,var(--cloud),transparent 72%)}}.story-idea-label textarea{background:var(--cloud);border-radius:17px 17px 30px;padding:12px}@supports (color:color-mix(in lab,red,red)){.story-idea-label textarea{background:color-mix(in oklch,var(--cloud),transparent 92%)}}.story-idea-label textarea{color:var(--cloud);font:16px/1.4 var(--font-body);resize:vertical}.story-idea-label textarea::placeholder{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.story-idea-label textarea::placeholder{color:color-mix(in oklch,var(--cloud),transparent 45%)}}.story-idea-label textarea:focus{border-color:var(--sunshine);outline:3px solid var(--sunshine)}@supports (color:color-mix(in lab,red,red)){.story-idea-label textarea:focus{outline:3px solid color-mix(in oklch,var(--sunshine),transparent 74%)}}.story-idea-label small{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.story-idea-label small{color:color-mix(in oklch,var(--cloud),transparent 35%)}}.story-idea-label small{font:12px/1.3 var(--font-body)}.book-progress{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:12px;font-weight:800;display:flex}.book-progress>div{flex:1;gap:4px;display:flex}.book-progress i{background:var(--magic);border-radius:99px;flex:1;height:6px;display:block}.story-details{flex-wrap:wrap;gap:7px;margin:0 0 19px;display:flex}.story-details span{background:var(--sunshine);border-radius:999px;padding:6px 9px}@supports (color:color-mix(in lab,red,red)){.story-details span{background:color-mix(in oklch,var(--sunshine),transparent 75%)}}.story-details span{color:var(--night);font-size:12px;font-weight:800}.story-chapter{border-bottom:1px solid var(--night);margin:0 0 24px;padding:0 0 19px}@supports (color:color-mix(in lab,red,red)){.story-chapter{border-bottom:1px solid color-mix(in oklch,var(--night),transparent 88%)}}.story-chapter .eyebrow{margin-bottom:7px}.continue-hook{color:var(--muted-foreground);margin:13px 0 0;font-size:14px;font-weight:700}@keyframes living-halo{50%{opacity:.72;transform:scale(1.075)}}@keyframes living-breathe{50%{transform:translateY(-6px)scale(1.012)}}@keyframes source-sheen{45%,to{transform:translate(120%)}}@keyframes glint-twinkle{50%{opacity:.45;transform:scale(1.33)rotate(18deg)}}@media (min-width:760px){.story-option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.story-option-grid button{min-height:70px;font-size:14px}.living-character{min-height:330px}.transform-living-character{width:min(100%,540px)}}@media (prefers-reduced-motion:reduce){.living-glint,.living-halo,.living-source-frame,.living-source-frame:after{animation:none}.dragon-blink,.dragon-float,.dragon-wing,.living-art,.template-artwork-alive{animation:none!important}.story-option-grid button,.template-card{transition:none}}.hero-lifelike-spark{object-fit:cover;width:min(100%,530px);height:auto;filter:drop-shadow(0 28px 18px var(--night));border-radius:38% 48% 36% 42%;position:absolute;bottom:-18px;right:-22px}@supports (color:color-mix(in lab,red,red)){.hero-lifelike-spark{filter:drop-shadow(0 28px 18px color-mix(in oklch,var(--night),transparent 25%))}}.hero-preview-fallback{min-height:330px;position:relative}.hero-preview-fallback>span{max-width:190px;color:var(--cloud);position:absolute;bottom:9px;right:6%}@supports (color:color-mix(in lab,red,red)){.hero-preview-fallback>span{color:color-mix(in oklch,var(--cloud),transparent 34%)}}.hero-preview-fallback>span{text-align:right;font-size:11px;font-weight:800}.lifecycle-artwork{z-index:2;border:5px solid var(--sunshine);width:min(100%,440px);margin:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.lifecycle-artwork{border:5px solid color-mix(in oklch,var(--sunshine),var(--cloud) 54%)}}.lifecycle-artwork{box-shadow:0 30px 60px var(--night);border-radius:36px 50px 32px 46px}@supports (color:color-mix(in lab,red,red)){.lifecycle-artwork{box-shadow:0 30px 60px color-mix(in oklch,var(--night),transparent 45%)}}.lifecycle-artwork{background:var(--card)}.lifecycle-artwork img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.lifecycle-artwork figcaption{background:var(--cloud);color:var(--night);justify-content:center;align-items:center;gap:6px;padding:9px;font-size:12px;font-weight:900;display:flex}.lifecycle-image{border:4px solid var(--sunshine);width:100%;height:auto;display:block}@supports (color:color-mix(in lab,red,red)){.lifecycle-image{border:4px solid color-mix(in oklch,var(--sunshine),var(--cloud) 62%)}}.lifecycle-image{object-fit:cover;box-shadow:0 15px 28px var(--night);border-radius:24px 33px 22px 30px}@supports (color:color-mix(in lab,red,red)){.lifecycle-image{box-shadow:0 15px 28px color-mix(in oklch,var(--night),transparent 57%)}}.consent-screen{flex-direction:column;display:flex}.parent-consent-card{text-align:center;width:min(650px,100% - 32px);margin:auto;padding:35px 0 60px}.parent-consent-card h1{margin:8px 0 14px;font-size:clamp(39px,7vw,62px)}.parent-consent-card>p{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.parent-consent-card>p{color:color-mix(in oklch,var(--cloud),transparent 25%)}}.parent-consent-card>p{line-height:1.6}.consent-check{border:1px solid var(--cloud);align-items:flex-start;gap:12px;margin:26px 0 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.consent-check{border:1px solid color-mix(in oklch,var(--cloud),transparent 72%)}}.consent-check{background:var(--cloud);border-radius:18px;padding:16px}@supports (color:color-mix(in lab,red,red)){.consent-check{background:color-mix(in oklch,var(--cloud),transparent 92%)}}.consent-check{color:var(--cloud);text-align:left;font-size:15px;font-weight:800;line-height:1.45}.consent-check input{width:21px;height:21px;accent-color:var(--sunshine);margin-top:2px}.privacy-copy{font-size:13px}.consent-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px;display:flex}.delete-button{border:1px solid var(--wonder);margin-top:18px}@supports (color:color-mix(in lab,red,red)){.delete-button{border:1px solid color-mix(in oklch,var(--wonder),transparent 45%)}}.delete-button{color:var(--cloud);cursor:pointer;background:0 0;border-radius:13px;padding:10px 14px;font-weight:800}.template-cards{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.tool-row{flex-wrap:wrap}@media (min-width:900px){.hero-lifelike-spark{bottom:-25px;right:-10px}}.home-section{border-top:1px solid var(--cloud);width:min(1180px,100% - 32px);margin:0 auto;padding:clamp(32px,6vw,72px) 0}@supports (color:color-mix(in lab,red,red)){.home-section{border-top:1px solid color-mix(in oklch,var(--cloud),transparent 82%)}}.section-intro{max-width:700px}.home-section h2{font-family:var(--font-display);letter-spacing:-.045em;margin:8px 0 13px;font-size:clamp(36px,6vw,64px);line-height:.95}.section-intro>p:not(.eyebrow){max-width:620px;color:var(--cloud);margin:0}@supports (color:color-mix(in lab,red,red)){.section-intro>p:not(.eyebrow){color:color-mix(in oklch,var(--cloud),transparent 24%)}}.section-intro>p:not(.eyebrow){font-size:clamp(16px,2vw,19px);line-height:1.58}.book-early-access{border:1px solid var(--sunshine);justify-content:center;align-items:center;gap:9px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.book-early-access{border:1px solid color-mix(in oklch,var(--sunshine),transparent 25%)}}.book-early-access{background:var(--sunshine);color:var(--night);font:900 14px var(--font-body);box-shadow:0 13px 30px var(--sunshine);border-radius:999px 16px;padding:13px 18px;text-decoration:none}@supports (color:color-mix(in lab,red,red)){.book-early-access{box-shadow:0 13px 30px color-mix(in oklch,var(--sunshine),transparent 78%)}}.book-early-access{transition:transform .2s,box-shadow .2s}.book-early-access:hover{box-shadow:0 17px 34px var(--sunshine);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.book-early-access:hover{box-shadow:0 17px 34px color-mix(in oklch,var(--sunshine),transparent 68%)}}.book-journey{gap:12px;margin-top:34px;display:grid}.journey-step{border:1px solid var(--cloud);min-height:180px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.journey-step{border:1px solid color-mix(in oklch,var(--cloud),transparent 80%)}}.journey-step{color:var(--cloud);padding:25px 25px 24px 82px}.journey-step:after{border:1px solid var(--cloud);width:120px;height:120px;position:absolute;top:-38px;right:-24px}@supports (color:color-mix(in lab,red,red)){.journey-step:after{border:1px solid color-mix(in oklch,var(--cloud),transparent 76%)}}.journey-step:after{content:"";border-radius:50%}.journey-paper{background:var(--magic);border-radius:30px 54px 30px 44px}@supports (color:color-mix(in lab,red,red)){.journey-paper{background:color-mix(in oklch,var(--magic),var(--night) 50%)}}.journey-capture{background:var(--sky);border-radius:46px 28px 50px}@supports (color:color-mix(in lab,red,red)){.journey-capture{background:color-mix(in oklch,var(--sky),var(--night) 54%)}}.journey-world{background:var(--wonder);border-radius:28px 50px 34px 55px}@supports (color:color-mix(in lab,red,red)){.journey-world{background:color-mix(in oklch,var(--wonder),var(--night) 55%)}}.journey-step>svg{color:var(--sunshine);position:absolute;top:30px;left:27px}.journey-number{color:var(--cloud);position:absolute;top:18px;right:24px}@supports (color:color-mix(in lab,red,red)){.journey-number{color:color-mix(in oklch,var(--cloud),transparent 40%)}}.journey-number{letter-spacing:.1em;font-size:12px;font-weight:900}.journey-step h3{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 8px;font-size:24px;position:relative}.journey-step p{max-width:420px;color:var(--cloud);margin:0;position:relative}@supports (color:color-mix(in lab,red,red)){.journey-step p{color:color-mix(in oklch,var(--cloud),transparent 22%)}}.journey-step p{font-size:14px;font-weight:650;line-height:1.5}.loomies-journey-heading{max-width:700px;margin-top:30px}.loomies-journey-heading h3{color:var(--cloud);font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(29px,7.8vw,46px);line-height:.98}.loomies-journey-heading+.book-journey{margin-top:22px}.loomies-payoff{border-left:3px solid var(--sunshine);max-width:600px;color:var(--cloud);margin:22px 0 0;padding-left:14px}@supports (color:color-mix(in lab,red,red)){.loomies-payoff{color:color-mix(in oklch,var(--cloud),transparent 16%)}}.loomies-payoff{font-size:clamp(15px,3.9vw,18px);font-weight:800;line-height:1.45}.starter-set{border-top-color:var(--sunshine);flex-direction:column;align-items:flex-start;gap:24px;display:flex}@supports (color:color-mix(in lab,red,red)){.starter-set{border-top-color:color-mix(in oklch,var(--sunshine),transparent 70%)}}.starter-set-copy{max-width:680px}.starter-set-copy>p:not(.eyebrow){color:var(--cloud);margin:0}@supports (color:color-mix(in lab,red,red)){.starter-set-copy>p:not(.eyebrow){color:color-mix(in oklch,var(--cloud),transparent 18%)}}.starter-set-copy>p:not(.eyebrow){font-size:clamp(16px,2vw,19px);font-weight:750}.starter-set-art{width:min(305px,100%);height:auto;filter:drop-shadow(0 20px 28px var(--night))}@supports (color:color-mix(in lab,red,red)){.starter-set-art{filter:drop-shadow(0 20px 28px color-mix(in oklch,var(--night),transparent 34%))}}.parent-trust{align-items:start;gap:18px;padding-bottom:clamp(36px,7vw,76px);display:grid}.parent-trust>svg{color:var(--sunshine)}.parent-trust>div{max-width:700px}.parent-trust>div>p:not(.eyebrow){color:var(--cloud);margin:0}@supports (color:color-mix(in lab,red,red)){.parent-trust>div>p:not(.eyebrow){color:color-mix(in oklch,var(--cloud),transparent 22%)}}.parent-trust>div>p:not(.eyebrow){font-size:16px;line-height:1.55}.parent-trust-link{min-height:42px;color:var(--sunshine);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 2px;font-size:14px;font-weight:900;display:inline-flex}.parent-trust-link:hover{color:var(--joy)}.home-footer{border-top:1px solid var(--cloud);flex-wrap:wrap;align-items:center;gap:16px;width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0;display:flex}@supports (color:color-mix(in lab,red,red)){.home-footer{border-top:1px solid color-mix(in oklch,var(--cloud),transparent 82%)}}.home-footer{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.home-footer{color:color-mix(in oklch,var(--cloud),transparent 38%)}}.home-footer{font-size:13px;font-weight:800}.home-footer span{color:var(--cloud);margin-right:auto}.home-footer a,.home-footer button{color:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.home-footer a:hover,.home-footer button:hover{color:var(--sunshine)}.parent-books-note{border:1px solid var(--sunshine);align-items:flex-start;gap:11px;margin:24px 0 0;display:flex}@supports (color:color-mix(in lab,red,red)){.parent-books-note{border:1px solid color-mix(in oklch,var(--sunshine),transparent 70%)}}.parent-books-note{background:var(--sunshine);border-radius:18px 28px 18px 24px;padding:15px}@supports (color:color-mix(in lab,red,red)){.parent-books-note{background:color-mix(in oklch,var(--sunshine),transparent 88%)}}.parent-books-note{color:var(--cloud);text-align:left}.parent-books-note>svg{color:var(--sunshine);flex:none}.parent-books-note span,.parent-books-note strong{display:block}.parent-books-note strong{margin-bottom:4px;font-size:14px}.parent-books-note span{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.parent-books-note span{color:color-mix(in oklch,var(--cloud),transparent 25%)}}.parent-books-note span{font-size:13px;line-height:1.45}.parent-books-link{min-height:38px;color:var(--sunshine);align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.parent-books-link:hover{color:var(--joy)}.wonderloom-shell :is(button,a,input,textarea):focus-visible{outline:3px solid var(--sunshine);outline-offset:3px}@media (min-width:720px){.book-journey{grid-template-columns:1.1fr .9fr 1.05fr;align-items:start}.journey-capture{margin-top:28px}.journey-world{margin-top:10px}.starter-set{flex-direction:row;justify-content:space-between;align-items:end}.starter-set-art{margin-right:6%}.parent-trust{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:24px}}@media (max-width:620px){.demo-header{padding:12px 0}.brand-logo{height:36px}.header-actions{gap:2px}.header-shop-link{min-height:40px;padding:8px 5px;font-size:12px}.header-grownups-link{display:none}.parent-link{min-height:40px;padding:0 11px;font-size:12px}.home-hero{min-height:0;padding-top:24px}.hero-dragon-wrap{min-height:255px}.hero-lifelike-spark{bottom:-10px;right:-9px}.hero-caption{bottom:8px;right:3%}.home-section{padding:34px 0}.home-footer{gap:12px}}@media (prefers-reduced-motion:reduce){.book-early-access{transition:none}}.magic-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.56;transform:none}.transform-actions{gap:12px;margin-top:18px;display:grid}.transform-actions .magic-button,.transform-actions .soft-button,.transform-actions .text-button{justify-content:center;width:100%}.capture-option:disabled{cursor:wait;opacity:.72;transform:none}.capture-preparing{color:var(--cloud);text-align:center;margin:16px 0 0;font-weight:800}.capture-safety-link{text-align:center;margin:10px 0 0}.capture-safety-link a{color:var(--sunshine);text-underline-offset:4px;font-size:14px;font-weight:900;text-decoration:underline}.capture-safety-link a:hover{color:var(--joy)}.physical-card-route{max-width:930px;color:var(--cloud);flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}@supports (color:color-mix(in lab,red,red)){.physical-card-route{color:color-mix(in oklch,var(--cloud),transparent 28%)}}.physical-card-route{font-size:13px;font-weight:900}.physical-card-route a,.physical-card-route button{border:1px solid var(--cloud);min-height:38px}@supports (color:color-mix(in lab,red,red)){.physical-card-route a,.physical-card-route button{border:1px solid color-mix(in oklch,var(--cloud),transparent 73%)}}.physical-card-route a,.physical-card-route button{background:var(--cloud);border-radius:999px;padding:8px 12px}@supports (color:color-mix(in lab,red,red)){.physical-card-route a,.physical-card-route button{background:color-mix(in oklch,var(--cloud),transparent 93%)}}.physical-card-route a,.physical-card-route button{color:var(--cloud);font:inherit;cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.physical-card-route a:hover,.physical-card-route button:hover{border-color:var(--sunshine);background:var(--sunshine);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.physical-card-route a:hover,.physical-card-route button:hover{background:color-mix(in oklch,var(--sunshine),transparent 82%)}}.physical-card-route span{color:var(--sunshine);font-size:17px}@media (max-width:620px){.header-how-it-works-link{display:none}.home-hero{gap:0;min-height:0;padding-top:20px}.home-hero h1{max-width:10ch;font-size:clamp(42px,12vw,56px)}.intro{margin:16px 0 20px;font-size:17px}.magic-button{min-height:56px;padding:0 17px;font-size:15px}.scan-helper{margin-top:11px}.quiet-child-link{margin-top:5px;font-size:13px}.hero-dragon-wrap{min-height:235px}.hero-lifelike-spark{bottom:-10px;right:-14px}.physical-card-route{gap:6px;margin-top:18px}.physical-card-route a,.physical-card-route button{min-height:34px;padding:7px 10px;font-size:12px}.physical-card-route span{font-size:14px}}.loomie-journey-note{border:1px solid var(--cloud);flex-wrap:wrap;align-items:center;gap:8px;max-width:760px;display:flex}@supports (color:color-mix(in lab,red,red)){.loomie-journey-note{border:1px solid color-mix(in oklch,var(--cloud),transparent 78%)}}.loomie-journey-note{background:var(--secondary);border-radius:1rem 1.4rem 1.4rem;padding:14px 16px}@supports (color:color-mix(in lab,red,red)){.loomie-journey-note{background:color-mix(in oklch,var(--secondary),transparent 10%)}}.loomie-journey-note{color:var(--cloud);box-shadow:0 14px 32px var(--night)}@supports (color:color-mix(in lab,red,red)){.loomie-journey-note{box-shadow:0 14px 32px color-mix(in oklch,var(--night),transparent 52%)}}.loomie-journey-note svg{color:var(--sunshine);flex:none}.loomie-journey-note p{margin:0;font-size:14px;line-height:1.45}.loomie-journey-note span,.loomie-journey-note strong,.loomie-journey-safety{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.loomie-journey-note span,.loomie-journey-safety{color:color-mix(in oklch,var(--cloud),transparent 24%)}}.loomie-journey-safety{font-weight:800;margin-left:auto!important}.loomie-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 12px;display:grid}.loomie-card-link{min-width:0;text-decoration:none;transition:transform .24s;display:block}.loomie-card-shell{gap:10px;min-width:0;display:grid}.loomie-card-art-wrap{border:1px solid var(--cloud);justify-content:center;align-items:center;min-height:154px;display:flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.loomie-card-art-wrap{border:1px solid color-mix(in oklch,var(--cloud),transparent 80%)}}.loomie-card-art-wrap{background:radial-gradient(circle at 50% 5%,var(--wonder),transparent 52%),var(--secondary);border-radius:1.1rem 1.55rem;padding:7px}@supports (color:color-mix(in lab,red,red)){.loomie-card-art-wrap{background:radial-gradient(circle at 50% 5%,color-mix(in oklch,var(--wonder),transparent 72%),transparent 52%),color-mix(in oklch,var(--secondary),transparent 8%)}}.loomie-card-art-wrap{box-shadow:0 16px 30px var(--night)}@supports (color:color-mix(in lab,red,red)){.loomie-card-art-wrap{box-shadow:0 16px 30px color-mix(in oklch,var(--night),transparent 50%)}}.loomie-card-art{object-fit:contain;width:100%;max-width:13rem;height:auto;filter:drop-shadow(0 10px 12px var(--night));display:block}@supports (color:color-mix(in lab,red,red)){.loomie-card-art{filter:drop-shadow(0 10px 12px color-mix(in oklch,var(--night),transparent 54%))}}.loomie-card-caption{color:var(--cloud);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:3px 7px;padding:0 4px;display:grid}.loomie-card-caption span{color:var(--sunshine);letter-spacing:.08em;font-size:11px;font-weight:900}.loomie-card-caption h2{min-width:0;font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:19px;line-height:1.05;overflow:hidden}.loomie-card-caption em{color:var(--cloud);grid-column:1/-1}@supports (color:color-mix(in lab,red,red)){.loomie-card-caption em{color:color-mix(in oklch,var(--cloud),transparent 28%)}}.loomie-card-caption em{font-size:12px;font-style:normal;font-weight:750}.loomie-card-link:where(:hover,:focus-visible){transform:translateY(-5px)rotate(-.7deg)}.loomie-card-link:nth-child(2n):where(:hover,:focus-visible){transform:translateY(-5px)rotate(.7deg)}.loomie-card-link:where(:hover,:focus-visible) .loomie-card-art-wrap{border-color:var(--sunshine)}@supports (color:color-mix(in lab,red,red)){.loomie-card-link:where(:hover,:focus-visible) .loomie-card-art-wrap{border-color:color-mix(in oklch,var(--sunshine),var(--border) 35%)}}.loomie-card-link:where(:hover,:focus-visible) .loomie-card-art-wrap{box-shadow:0 22px 42px var(--night)}@supports (color:color-mix(in lab,red,red)){.loomie-card-link:where(:hover,:focus-visible) .loomie-card-art-wrap{box-shadow:0 22px 42px color-mix(in oklch,var(--night),transparent 30%)}}@media (min-width:640px){.loomie-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.loomie-card-art-wrap{min-height:190px;padding:10px}}@media (min-width:1024px){.loomie-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 16px}.loomie-card-art-wrap{min-height:184px;padding:8px}}@media (max-width:520px){.loomie-journey-note{align-items:flex-start}.loomie-journey-safety{width:100%;margin-left:29px!important}}@media (prefers-reduced-motion:reduce){.loomie-card-link{transition:none}.loomie-card-link:nth-child(2n):where(:hover,:focus-visible),.loomie-card-link:where(:hover,:focus-visible){transform:none}}.original-reference{text-align:left;gap:7px;width:min(276px,76vw);margin:18px auto 22px;display:grid}.original-reference .artwork-card{box-shadow:0 16px 30px var(--night)}@supports (color:color-mix(in lab,red,red)){.original-reference .artwork-card{box-shadow:0 16px 30px color-mix(in oklch,var(--night),transparent 56%)}}.original-reference>span,.saved-original>span{color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.original-reference>span,.saved-original>span{color:color-mix(in oklch,var(--cloud),transparent 24%)}}.original-reference>span,.saved-original>span{font-size:12px;font-weight:800}.saved-living-character{width:min(100%,450px);margin:20px}.saved-original{gap:7px;width:min(210px,72vw);margin:20px 0 24px;display:grid}.saved-original .artwork-card{border-width:3px;border-radius:18px 18px 27px}.meet-copy .eyebrow{align-items:center;gap:6px;display:inline-flex}.meet-copy .text-button{margin-top:14px}.success-parent-route{max-width:340px;color:var(--cloud);align-items:flex-start;gap:6px;margin:18px 0 0;display:flex}@supports (color:color-mix(in lab,red,red)){.success-parent-route{color:color-mix(in oklch,var(--cloud),transparent 28%)}}.success-parent-route{font-size:12px;font-weight:750;line-height:1.5}.success-parent-route>svg{color:var(--sunshine);flex:none;margin-top:2px}.success-parent-route a{color:var(--sunshine);text-underline-offset:3px;font-weight:900;text-decoration:underline}.success-parent-route a:hover{color:var(--joy)}@media (min-width:640px){.saved-original{width:min(180px,100%)}}.public-site-shell{--background:var(--night);--foreground:var(--cloud);--card:oklch(20% .03 280);--card-foreground:var(--cloud);--popover:oklch(18% .028 280);--popover-foreground:var(--cloud);--primary:oklch(66% .2 306);--primary-foreground:var(--night);--secondary:oklch(26% .05 280);--secondary-foreground:var(--cloud);--muted:oklch(23% .03 280);--muted-foreground:oklch(82% .035 280);--accent:oklch(78% .16 48);--accent-foreground:var(--night);--border:oklch(39% .05 280);--input:oklch(28% .04 280);--ring:var(--sunshine);background:radial-gradient(circle at 88% 3%,var(--magic),transparent 25%),radial-gradient(circle at 4% 32%,var(--sky),transparent 26%),var(--night)}@supports (color:color-mix(in lab,red,red)){.public-site-shell{background:radial-gradient(circle at 88% 3%,color-mix(in oklch,var(--magic),transparent 72%),transparent 25%),radial-gradient(circle at 4% 32%,color-mix(in oklch,var(--sky),transparent 83%),transparent 26%),var(--night)}}.public-site-shell :is(a,button,input,textarea,select):focus-visible{outline:3px solid var(--sunshine);outline-offset:3px}.skip-link{z-index:100;background:var(--sunshine);color:var(--night);border-radius:.75rem;padding:.75rem 1rem;font-weight:800;text-decoration:none;transition:transform .18s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus-visible{outline:3px solid var(--cloud);outline-offset:3px;transform:translateY(0)}.site-header{background:var(--night)}@supports (color:color-mix(in lab,red,red)){.site-header{background:color-mix(in oklch,var(--night),transparent 4%)}}.site-header nav a{letter-spacing:.01em}.site-footer{background:var(--night)}@supports (color:color-mix(in lab,red,red)){.site-footer{background:color-mix(in oklch,var(--night),black 12%)}}.about-page,.loomies-page,.shop-page{position:relative}.about-page:before,.loomies-page:before,.shop-page:before{z-index:0;border:1px solid var(--wonder);width:220px;height:220px;position:absolute}@supports (color:color-mix(in lab,red,red)){.about-page:before,.loomies-page:before,.shop-page:before{border:1px solid color-mix(in oklch,var(--wonder),transparent 74%)}}.about-page:before,.loomies-page:before,.shop-page:before{content:"";filter:blur(.2px);pointer-events:none;border-radius:50%}.loomies-page:before{top:82px;right:4%}.shop-page:before{top:76px;right:5%}.about-page:before{top:40px;right:-80px}.about-page>*,.loomies-page>*,.shop-page>*{z-index:1;position:relative}.public-site-shell .shop-page>section:first-child{border-color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-page>section:first-child{border-color:color-mix(in oklch,var(--cloud),transparent 83%)}}.public-site-shell .shop-page>section:first-child{box-shadow:var(--shadow-lg)}.public-site-shell .shop-hero{background:radial-gradient(circle at 3% 0,var(--wonder),transparent 31%),var(--card)}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-hero{background:radial-gradient(circle at 3% 0,color-mix(in oklch,var(--wonder),transparent 86%),transparent 31%),var(--card)}}@media (min-width:1024px){.public-site-shell .shop-hero{background:radial-gradient(circle at 3% 0,var(--wonder),transparent 31%),linear-gradient(90deg,var(--night),var(--night) 56%,var(--card))}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-hero{background:radial-gradient(circle at 3% 0,color-mix(in oklch,var(--wonder),transparent 86%),transparent 31%),linear-gradient(90deg,var(--night),color-mix(in oklch,var(--night),var(--card) 35%) 56%,var(--card))}}.public-site-shell .shop-hero-copy>h1,.public-site-shell .shop-hero-copy>p:not(:first-child){color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-hero-copy>p:not(:first-child){color:color-mix(in oklch,var(--cloud),transparent 16%)}}}.public-site-shell .shop-page aside{background:radial-gradient(circle at 70% 14%,var(--sunshine),transparent 30%),linear-gradient(135deg,var(--magic),var(--wonder))}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-page aside{background:radial-gradient(circle at 70% 14%,color-mix(in oklch,var(--sunshine),transparent 42%),transparent 30%),linear-gradient(135deg,var(--magic),var(--wonder))}}.public-site-shell .shop-hero-loop{box-shadow:inset 0 1px 0 var(--cloud)}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-hero-loop{box-shadow:inset 0 1px 0 color-mix(in oklch,var(--cloud),transparent 66%)}}.public-site-shell .shop-hero-starter-pack{width:min(13.5rem,48%);height:auto;filter:drop-shadow(0 18px 20px var(--night));position:absolute;bottom:-3.8rem;right:-1.8rem}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-hero-starter-pack{filter:drop-shadow(0 18px 20px color-mix(in oklch,var(--night),transparent 50%))}}.public-site-shell .shop-hero-starter-pack{pointer-events:none}.public-site-shell .shop-hero-loop>div,.public-site-shell .shop-hero-loop>p{max-width:58%}@media (max-width:480px){.public-site-shell .shop-hero-starter-pack{width:10.5rem;bottom:-3.2rem;right:-1.1rem}}.public-site-shell .shop-product-card{border-color:var(--cloud);position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-product-card{border-color:color-mix(in oklch,var(--cloud),transparent 84%)}}.public-site-shell .shop-product-card{box-shadow:0 18px 38px var(--night)}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-product-card{box-shadow:0 18px 38px color-mix(in oklch,var(--night),transparent 58%)}}.public-site-shell .shop-product-card:after{border:1px solid var(--sunshine);width:150px;height:150px;position:absolute;top:-58px;right:-50px}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-product-card:after{border:1px solid color-mix(in oklch,var(--sunshine),transparent 72%)}}.public-site-shell .shop-product-card:after{content:"";pointer-events:none;border-radius:50%}.public-site-shell .shop-product-mark{z-index:1;box-shadow:0 10px 24px var(--night);position:relative}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-product-mark{box-shadow:0 10px 24px color-mix(in oklch,var(--night),transparent 72%)}}.public-site-shell .shop-starter-pack-art-wrap{background:var(--secondary);border-radius:1.25rem 1.25rem 2.25rem;justify-content:center;margin:-.5rem -.5rem 1.5rem;padding:1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-starter-pack-art-wrap{background:color-mix(in oklch,var(--secondary),transparent 12%)}}.public-site-shell .shop-starter-pack-art{width:min(13rem,100%);height:auto;filter:drop-shadow(0 16px 22px var(--night))}@supports (color:color-mix(in lab,red,red)){.public-site-shell .shop-starter-pack-art{filter:drop-shadow(0 16px 22px color-mix(in oklch,var(--night),transparent 44%))}}.public-site-shell .about-page>div{border-color:var(--cloud)}@supports (color:color-mix(in lab,red,red)){.public-site-shell .about-page>div{border-color:color-mix(in oklch,var(--cloud),transparent 84%)}}.public-site-shell .about-page>div{background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.public-site-shell .about-page>div{background:color-mix(in oklch,var(--secondary),transparent 12%)}}@media (max-width:639px){.about-page:before,.loomies-page:before,.shop-page:before{width:150px;height:150px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}