@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-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-border-style:solid;--tw-leading:initial;--tw-font-weight: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-duration:initial;--tw-content:"";--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-medium:500;--leading-snug:1.375;--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:.75rem;--radius-4xl:2rem;--blur-xs:4px;--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-primary:var(--primary)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-2{right:calc(var(--spacing) * 2)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.field-sizing-content{field-sizing:content}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.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-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-full{width:100%;height:100%}.h-1{height:var(--spacing)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.min-h-16{min-height:calc(var(--spacing) * 16)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-\(--bits-tooltip-content-transform-origin\){transform-origin:var(--bits-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%-2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.auto-rows-min{grid-auto-rows:min-content}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[--spacing\(var\(--gap\)\)\]{gap:calc(var(--spacing) * var(--gap))}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-clip-padding{background-clip:padding-box}.fill-foreground{fill:var(--foreground)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[3px\]{padding:3px}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-background{color:var(--background)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/60{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.accent-foreground{accent-color:var(--foreground)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs)[data-horizontal] *){height:calc(var(--spacing) * 8)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *){padding:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *){padding-inline:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(:where(.group\/toggle-group)[data-spacing="0"] *){border-radius:0}.group-data-\[spacing\=0\]\/toggle-group\:px-2:is(:where(.group\/toggle-group)[data-spacing="0"] *){padding-inline:calc(var(--spacing) * 2)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.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(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:0}.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:0}.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}@media(hover:hover){.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:z-10:focus,.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1:has([data-icon=inline-end]){padding-right:var(--spacing)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-1:has([data-icon=inline-start]){padding-left:var(--spacing)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:0}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:0}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.aria-pressed\:bg-muted[aria-pressed=true]{background-color:var(--muted)}.data-active\:bg-background[data-active]{background-color:var(--background)}.data-active\:text-foreground[data-active]{color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-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)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]:after{content:var(--tw-content);opacity:1}.data-vertical\:flex-col[data-vertical]{flex-direction:column}.data-vertical\:items-stretch[data-vertical]{align-items:stretch}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[side\=bottom\]\:-translate-x-1\/2[data-side=bottom]{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:-translate-y-\[calc\(-50\%\+1px\)\][data-side=bottom]{--tw-translate-y: calc((-50% + 1px)*-1) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-y-\[calc\(50\%-3px\)\][data-side=left]{--tw-translate-y: calc((50% - 3px)*-1) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-\[calc\(50\%\+2px\)\][data-side=right]{--tw-translate-x: calc(50% + 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-y-1\/2[data-side=right]{--tw-translate-y: 50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:translate-x-1\/2[data-side=top]{--tw-translate-x: 50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:translate-y-\[calc\(-50\%\+2px\)\][data-side=top]{--tw-translate-y: calc(-50% + 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[size\=sm\]\:gap-3[data-size=sm]{gap:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md),10px)}.data-\[size\=sm\]\:py-3[data-size=sm]{padding-block:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:0}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:calc(var(--radius) - 4px)}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(:where(.group\/toggle-group)[data-horizontal] *)[data-spacing="0"]:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg:is(:where(.group\/toggle-group)[data-vertical] *)[data-spacing="0"]:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg:is(:where(.group\/toggle-group)[data-horizontal] *)[data-spacing="0"]:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg:is(:where(.group\/toggle-group)[data-vertical] *)[data-spacing="0"]:last-child{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[state\=on\]\:bg-muted[data-state=on]{background-color:var(--muted)}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group)[data-horizontal] *)[data-spacing="0"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group)[data-vertical] *)[data-spacing="0"][data-variant=outline]{border-top-style:var(--tw-border-style);border-top-width:0}.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group)[data-horizontal] *)[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group)[data-vertical] *)[data-spacing="0"][data-variant=outline]:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-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,)}}@media(min-width:40rem){.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}}@media(min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(prefers-color-scheme:dark){.dark\:border-input{border-color:var(--input)}.dark\:bg-destructive\/20{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/20{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.dark\:bg-input\/30{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30{background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.dark\:text-muted-foreground{color:var(--muted-foreground)}@media(hover:hover){.dark\:hover\:bg-destructive\/30:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-destructive\/30:hover{background-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.dark\:hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.dark\:hover\:text-foreground:hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:disabled\:bg-input\/80:disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:disabled\:bg-input\/80:disabled{background-color:color-mix(in oklab,var(--input) 80%,transparent)}}.dark\:aria-invalid\:border-destructive\/50[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive) 50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-active\:border-input[data-active]{border-color:var(--input)}.dark\:data-active\:bg-input\/30[data-active]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-active\:bg-input\/30[data-active]{background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.dark\:data-active\:text-foreground[data-active]{color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing) * 3)}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media(hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}}:root{color-scheme:light;--radius:.5rem;--background:#fff9ec;--foreground:#243047;--card:#fff;--card-foreground:#243047;--popover:#fff;--popover-foreground:#243047;--primary:#4f46e5;--primary-foreground:#fff;--secondary:#ff6fae;--secondary-foreground:#243047;--muted:#f4fbff;--muted-foreground:#526078;--accent:#ffd85a;--accent-foreground:#243047;--destructive:#dc2626;--border:#4f5b7b29;--input:#4f5b7b2e;--ring:#4f46e5;--story-illustration:#eef6ff;--story-illustration-foreground:#243047;--story-reader:#fffdf7;--story-reader-foreground:#243047;--story-reward:#fff6df;--story-reward-foreground:#5d4715;--story-splash:#fff9ec;--story-splash-foreground:#243047;--story-ink:#243047;--story-blue:#4f46e5;--story-green:#18a66a;--story-yellow:#ffd85a;--story-pink:#ff6fae;--story-orange:#ff9f3d;--story-sky:#62c7ff;--theme-primary:#4f46e5;--theme-secondary:#ff6fae;--theme-surface:#fff9ec;--theme-tint:#f4fbff;--theme-highlight:#ffd85a}body{background:#fff9ec;margin:0}html,body{height:100%;min-height:100%;overflow:hidden;position:static!important}button{font:inherit}.story-app{overscroll-behavior-y:contain;touch-action:auto;-webkit-overflow-scrolling:touch;height:100dvh;min-height:100vh;overflow:hidden auto}.onboarding-app{background:radial-gradient(circle at 18% 8%,var(--theme-secondary),transparent 240px),linear-gradient(180deg,var(--theme-surface),var(--theme-tint));place-items:center;padding:18px;display:grid}@supports (color:color-mix(in lab,red,red)){.onboarding-app{background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--theme-secondary) 28%,transparent),transparent 240px),linear-gradient(180deg,var(--theme-surface),var(--theme-tint))}}.mode-action{min-height:40px;color:inherit;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.mode-action:disabled{opacity:.7}.story-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card)}@supports (color:color-mix(in lab,red,red)){.story-panel{background:color-mix(in srgb,var(--card) 94%,var(--theme-tint))}}.story-panel{color:var(--card-foreground);box-shadow:0 10px #2430470f,0 20px 46px #1d2b4f14}.story-panel-header{justify-content:space-between;align-items:center;gap:10px;padding:0 0 12px;display:flex}.story-panel-header span{color:var(--primary);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.story-panel-header [data-slot=card-title]{color:var(--foreground);font-size:1rem;font-weight:900}.story-button{border-radius:var(--radius-lg);min-height:42px;font-weight:900}.story-button-primary{background:var(--primary);color:var(--primary-foreground)}.story-button-secondary{background:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.story-button-secondary{background:color-mix(in srgb,var(--secondary) 20%,var(--card))}}.story-button-secondary{color:var(--foreground)}.story-button-adventure{background:var(--story-orange);color:var(--foreground)}.story-button-quiet,.panel-action{color:var(--primary);background:0 0}.story-button-danger{background:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.story-button-danger{background:color-mix(in srgb,var(--destructive) 14%,var(--card))}}.story-button-danger{color:var(--destructive)}.button-label,.panel-action{background:var(--story-blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:.9rem;font-weight:900;display:inline-flex}.mode-card .button-label{color:#fff;text-transform:none;margin:0;font-size:.9rem}.panel-action{min-height:34px;color:var(--story-blue);background:0 0;border:0}.tab-bar{z-index:20;right:12px;bottom:max(10px,env(safe-area-inset-bottom));background:#fffffff5;border:1px solid #4f5b7b29;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-width:760px;margin:0 auto;padding:8px;display:grid;position:fixed;left:12px;box-shadow:0 12px 34px #1d2b4f29}.tab-bar button{color:#61708a;background:0 0;border:0;border-radius:8px;place-items:center;min-width:0;min-height:48px;padding:6px 4px;font-size:.76rem;font-weight:900;display:grid}.tab-bar button span{overflow-wrap:anywhere;max-width:100%;line-height:1.05}.tab-bar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tab-bar button.active{color:var(--story-blue);background:#eef0ff;box-shadow:inset 0 0 0 2px #4f46e51f}.app-shell{min-height:100vh;padding:max(18px,env(safe-area-inset-top)) 18px max(112px,calc(env(safe-area-inset-bottom) + 96px));background:radial-gradient(circle at 12% 0%,var(--theme-secondary),transparent 260px),radial-gradient(circle at 90% 12%,var(--theme-highlight),transparent 240px),linear-gradient(180deg,var(--theme-surface) 0%,#fff9ec 42%,var(--theme-tint) 100%)}@supports (color:color-mix(in lab,red,red)){.app-shell{background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--theme-secondary) 22%,transparent),transparent 260px),radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--theme-highlight) 34%,transparent),transparent 240px),linear-gradient(180deg,var(--theme-surface) 0%,#fff9ec 42%,var(--theme-tint) 100%)}}.onboarding-shell{width:min(100%,560px)}.onboarding-panel{background:#fffffff5;border:1px solid #4f5b7b24;border-radius:8px;padding:22px;box-shadow:0 10px #2430470f,0 20px 46px #1d2b4f14}.onboarding-form{gap:12px;margin-top:18px;display:grid}.onboarding-form label{color:#39445c;gap:6px;font-size:.86rem;font-weight:900;display:grid}.onboarding-form input{min-height:46px;color:var(--story-ink);font:inherit;background:#fff;border:2px solid #2430471a;border-radius:8px;padding:0 12px}.onboarding-choice{color:#39445c;background:#eef0ff;border-radius:8px;gap:4px;padding:12px;display:grid}.onboarding-choice span{color:#61708a;font-size:.92rem}.onboarding-form .story-button{min-height:48px}.hero{grid-template-columns:minmax(0,1fr);gap:18px;max-width:1180px;margin:0 auto 20px;display:grid}.theme-welcome{background:#ffffffdb;border:1px solid #4f5b7b24;border-radius:8px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:14px;max-width:520px;padding:12px;display:grid;box-shadow:0 12px 34px #1d2b4f1f}.theme-welcome img{object-fit:cover;object-position:center 64%;border-radius:8px;width:104px;height:132px;box-shadow:0 8px 20px #1d2b4f24}.theme-welcome div{gap:5px;min-width:0;display:grid}.theme-welcome span{color:var(--theme-primary);text-transform:uppercase;font-size:.78rem;font-weight:900}.theme-welcome strong{color:var(--story-ink);font-size:1.18rem;line-height:1.1}.theme-welcome p{color:#526078;margin:0;line-height:1.35}.app-header{margin-bottom:14px}.kicker,.mode-card span,.panel-heading span{color:var(--story-blue);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1{color:var(--story-ink);letter-spacing:0;margin:0;font-size:clamp(2.65rem,8vw,5.2rem);line-height:.95}.hero-copy{color:#4f5d77;max-width:720px;margin:14px 0 0;font-size:1.14rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.hero-actions span{color:#39445c;background:#fff;border:2px solid #24304714;border-radius:8px;padding:9px 11px;font-size:.9rem;font-weight:800;box-shadow:0 8px #2430470f}.parent-panel,.mode-card,.panel,.preview-panel,.reader-panel{background:#fffffff5;border:1px solid #4f5b7b24;border-radius:8px;box-shadow:0 10px #2430470f,0 20px 46px #1d2b4f14}.parent-panel{align-items:center;gap:12px;padding:14px;display:flex}.parent-panel strong,.parent-panel span{display:block}.parent-panel span{color:#526074;font-size:.92rem}.status-dot{background:var(--story-green);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 6px #18a66a24}.story-modes,.dashboard-grid,.home-summary,.screen-intro,.preview-panel,.reader-panel{gap:14px;max-width:1180px;margin:0 auto;display:grid}.screen-intro{padding:14px 0 2px}.screen-intro h2{color:var(--story-ink);letter-spacing:0;margin:4px 0;font-size:1.35rem}.screen-intro p{color:#536177;margin:0;line-height:1.45}.story-modes{grid-template-columns:1fr;margin-bottom:14px}.mode-card{border-width:2px;min-height:220px;padding:20px;position:relative;overflow:hidden}.mode-card:after{content:"";opacity:.7;border-radius:50%;width:128px;height:128px;position:absolute;bottom:-30px;right:-26px}.mode-card-book{border-color:#4f46e538}.mode-card-book:after{background:#dce8ff}.mode-card-adventure{border-color:#ff9f3d52}.mode-card-adventure:after{background:#ffe3b6}.mode-icon{background:var(--story-yellow);color:#25314a;border-radius:8px;place-items:center;width:56px;height:56px;margin-bottom:14px;font-size:1.3rem;font-weight:900;display:grid;box-shadow:0 6px #2430471a}.mode-card h2{color:#141b2c;letter-spacing:0;margin:0;font-size:1.65rem}.mode-card p{color:#536177;min-height:72px;margin:12px 0 16px;line-height:1.5}.dashboard-grid{grid-template-columns:1fr}.home-summary{grid-template-columns:1fr;margin-top:14px}.story-creator{gap:12px;max-width:1180px;margin:0 auto 14px;display:grid}.story-creator label{color:#39445c;gap:6px;font-size:.86rem;font-weight:900;display:grid}.story-creator textarea{resize:vertical;width:100%;min-height:104px;color:var(--story-ink);font:inherit;background:#fff;border:2px solid #2430471a;border-radius:8px;padding:12px;line-height:1.45}.creator-summary{grid-template-columns:1fr;gap:8px;display:grid}.creator-summary span{color:#39445c;background:#eef0ff;border-radius:8px;padding:9px 10px;font-size:.9rem;font-weight:800}.story-recipe{background:linear-gradient(135deg,#fff,#f6f9ff);border:2px solid #5475ff29;border-radius:8px;gap:12px;padding:12px;display:grid}.recipe-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.recipe-heading span{color:#39445c;font-size:.88rem;font-weight:900}.recipe-heading strong{color:#fff;background:#243047;border-radius:8px;padding:7px 10px;font-size:.82rem}.length-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.length-cards button,.option-pills button,.advanced-toggle{color:#243047;font:inherit;background:#fff;border:2px solid #2430471a;border-radius:8px;font-weight:900}.length-cards button{text-align:left;justify-items:start;gap:4px;min-height:92px;padding:10px;display:grid}.length-cards button span,.option-pills button span,.advanced-toggle span{color:#243047;background:#ffe36d;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.86rem;font-weight:950;display:inline-grid}.length-cards button small{color:#64708a;font-size:.78rem;font-weight:800}.length-cards button.active,.option-pills button.active{background:#eef3ff;border-color:#5475ff;box-shadow:0 8px 18px #5475ff29}.advanced-toggle{background:#fff5d5;justify-content:center;align-items:center;gap:8px;min-height:46px;display:inline-flex}.advanced-recipe{gap:12px;padding-top:2px;display:grid}.advanced-recipe select{min-height:46px;color:var(--story-ink);font:inherit;background:#fff;border:2px solid #2430471a;border-radius:8px;padding:0 10px;font-weight:850}.option-set{gap:8px;display:grid}.option-set>span{color:#39445c;font-size:.86rem;font-weight:900}.option-pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.option-pills button{justify-content:flex-start;align-items:center;gap:8px;min-height:48px;padding:8px;display:inline-flex}.creator-actions{gap:10px;display:grid}.creator-actions .story-button{min-height:48px}.creator-actions .story-button:disabled{opacity:.65}.preview-panel{margin:0 auto 14px;padding:16px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reader-panel{display:grid}.reader-fullscreen{z-index:35;min-height:100dvh;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--theme-tint),var(--theme-surface)),#fff;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;position:fixed;inset:0;overflow:hidden auto}@supports (color:color-mix(in lab,red,red)){.reader-fullscreen{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-tint) 80%,#fff),var(--theme-surface)),#fff}}.reader-fullscreen{overscroll-behavior:contain;touch-action:pan-y}.reader-topbar{pointer-events:none;grid-template-columns:44px 44px 1fr;align-items:center;gap:10px;min-height:44px;display:grid}.reader-close-button{width:40px;height:40px;color:var(--story-blue);pointer-events:auto;background:#ffffffe6;border:0;border-radius:50%;place-items:center;padding:0;font-size:.72rem;font-weight:950;display:grid;box-shadow:0 8px 22px #1d2b4f29}.reader-narration-button{width:40px;height:40px;color:var(--story-blue);pointer-events:auto;background:#ffffffe6;border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 8px 22px #1d2b4f29}.reader-narration-button.active{background:var(--story-blue);color:#fff}.reader-topbar span{color:#536177;background:#ffffffd1;border-radius:999px;grid-column:3;justify-self:end;padding:8px 10px;font-size:.82rem;font-weight:900;box-shadow:0 8px 22px #1d2b4f1f}.story-page h3{color:var(--story-ink);letter-spacing:0;margin:6px 0 8px}.story-page p{color:#536177;margin:0;line-height:1.5}.story-page{gap:14px;display:grid}.reader-book-page{transform-origin:50%;background:linear-gradient(90deg,#24304714,#0000 10% 90%,#24304714),#fffdf7;border:1px solid #4f5b7b29;border-radius:8px;grid-template-rows:minmax(220px,42dvh) minmax(0,1fr);min-height:0;padding:clamp(14px,3vw,26px);position:relative;overflow:auto;box-shadow:0 16px #2430470f,0 26px 70px #1d2b4f33}.reader-book-page:before,.reader-book-page:after{content:"";pointer-events:none;position:absolute;inset:0}.reader-book-page:before{opacity:0;transform:translate(-18%)}.reader-book-page:after{opacity:0}.reader-fullscreen[data-page-turn=forward] .reader-book-page{animation:.34s both reader-page-forward}.reader-fullscreen[data-page-turn=back] .reader-book-page{animation:.34s both reader-page-back}.reader-fullscreen[data-page-turn] .reader-book-page:before,.reader-fullscreen[data-page-turn] .reader-book-page:after{animation:.34s both reader-accent-sweep}.reader-fullscreen[data-transition=rainbow-sweep] .reader-book-page:before{background:linear-gradient(115deg,#0000,#ff6fae94 24%,#fde047a3 38%,#38bdf894 54%,#0000 72%)}.reader-fullscreen[data-transition=sparkle-wand] .reader-book-page:before{background:radial-gradient(circle at 22% 28%,#fde047f2 0 6px,#0000 7px),radial-gradient(circle at 62% 18%,#ff6faed9 0 5px,#0000 6px),radial-gradient(circle at 74% 68%,#62c7ffe6 0 7px,#0000 8px),radial-gradient(circle at 34% 78%,#fffffff2 0 5px,#0000 6px)}.reader-fullscreen[data-transition=football-spin] .reader-book-page:before{background:radial-gradient(circle at 50% 50%,#fff 0 16px,transparent 17px),conic-gradient(from 20deg,#111827 0 12%,#fff 12% 24%,#111827 24% 36%,#fff 36% 48%,#111827 48% 60%,#fff 60% 72%,#111827 72% 84%,#fff 84%);border-radius:50%;width:88px;height:88px;inset:42% auto auto -100px;box-shadow:0 12px 24px #1d2b4f38}.reader-fullscreen[data-transition=football-spin][data-page-turn] .reader-book-page:before{animation:.34s both reader-football-spin}.story-illustration{background:radial-gradient(circle at 30% 22%,#ffffffb3,#0000 44px),linear-gradient(135deg,#82d8ff,#ffe3b6);border-radius:8px;place-items:center;gap:8px;min-height:180px;display:grid}.story-illustration-button{cursor:zoom-in;border:0;width:100%;min-height:0;padding:16px;position:relative;overflow:hidden}.story-illustration-button img{object-fit:cover;border-radius:8px;width:100%;height:100%;max-height:34dvh;box-shadow:0 10px #24304714}.story-illustration-button .story-illustration-placeholder-image{object-position:center 64%;min-height:220px}.story-illustration .story-illustration-placeholder-page{width:52px;height:52px;font-size:1.35rem;position:absolute;top:28px;right:28px;box-shadow:0 7px 18px #1d2b4f33}.story-illustration .story-illustration-placeholder-title{background:#ffffffeb;border-radius:8px;max-width:none;padding:10px 12px;font-size:1rem;position:absolute;bottom:28px;left:28px;right:28px;box-shadow:0 7px 18px #1d2b4f2e}.story-illustration span{width:72px;height:72px;color:var(--story-blue);background:#fff;border-radius:50%;place-items:center;font-size:2rem;font-weight:900;display:grid;box-shadow:0 8px #24304714}.story-illustration strong,.story-illustration small{color:#243047;text-align:center;max-width:80%;padding:0 8px;display:block;position:relative}.story-illustration strong{font-size:.92rem}.story-illustration small{color:#536177;font-weight:800}.reader-text{align-content:start;gap:8px;min-height:0;display:grid}.reader-text h3{color:var(--story-ink);margin:0;font-size:1.35rem}.reader-text p{color:#39445c;-webkit-overflow-scrolling:touch;font-size:1.08rem;line-height:1.65;overflow:auto}.choice-list{gap:8px;margin-top:12px;display:grid}.choice-list .story-button,.reader-controls .story-button,.save-story button{min-height:44px}.choice-message{color:#5d4715;background:#fff6df;border-radius:8px;margin-top:10px;padding:10px;font-weight:900}.reader-controls{grid-template-columns:minmax(82px,auto) 1fr minmax(82px,auto);align-items:center;gap:10px;display:grid}.reader-controls span{color:#5d4715;text-align:center;font-size:.9rem;font-weight:800}.reader-controls .story-button:disabled{opacity:.45}.story-quiz-panel{color:#243047;background:linear-gradient(135deg,#fff,#eef3ff);border:2px solid #4f46e524;border-radius:8px;gap:12px;padding:14px;display:grid;box-shadow:0 10px 24px #1d2b4f1a}.story-quiz-panel h3,.story-quiz-panel p{margin:0}.story-quiz-panel h3{color:var(--story-ink);letter-spacing:0;font-size:1.08rem}.story-quiz-panel p{color:#536177;line-height:1.45}.story-quiz-answer-list{gap:8px;display:grid}.story-quiz-answer-list button{color:#243047;min-height:48px;font:inherit;text-align:left;background:#fff;border:2px solid #2430471a;border-radius:8px;padding:10px 12px;font-weight:900}.story-quiz-answer-list button.selected{border-color:var(--story-blue);background:#eef0ff;box-shadow:inset 0 0 0 2px #4f46e51f}.story-quiz-actions{flex-wrap:wrap;gap:8px;display:flex}.story-quiz-actions .story-button{min-width:min(100%,160px)}.story-quiz-actions .story-button:disabled{opacity:.5}.story-quiz-result-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.story-quiz-result-list li{color:#536177;background:#fff;border-radius:8px;gap:3px;padding:10px;display:grid}.story-quiz-result-list li.correct{background:#e8f7f0}.story-quiz-result-list strong{color:var(--story-ink)}.save-story{background:#fff6df;border-radius:8px;justify-items:center;gap:8px;padding:12px;display:grid}.save-story button{background:var(--story-orange);color:#243047;min-width:min(100%,240px)}.reader-close-dialog{z-index:45;background:#24304757;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reader-close-dialog>div{width:min(100%,340px);color:var(--story-ink);background:#fff;border-radius:8px;gap:12px;padding:18px;display:grid;box-shadow:0 24px 70px #1d2b4f47}.reader-close-dialog h3,.reader-close-dialog p{margin:0}.reader-close-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reader-close-actions .story-button{min-height:44px}@keyframes reader-page-forward{0%{transform:perspective(900px)rotateY(0)}50%{transform:perspective(900px)rotateY(-5deg)translate(-8px)}to{transform:perspective(900px)rotateY(0)}}@keyframes reader-page-back{0%{transform:perspective(900px)rotateY(0)}50%{transform:perspective(900px)rotateY(5deg)translate(8px)}to{transform:perspective(900px)rotateY(0)}}@keyframes reader-accent-sweep{0%{opacity:0;transform:translate(-42%)}35%{opacity:.95}to{opacity:0;transform:translate(42%)}}@keyframes reader-football-spin{0%{opacity:0;transform:translate(0)rotate(0)}35%{opacity:1}to{opacity:0;transform:translate(calc(100vw + 160px))rotate(720deg)}}@media(min-width:760px){.reader-book-page{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(280px,.9fr) minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.reader-fullscreen[data-page-turn] .reader-book-page,.reader-fullscreen[data-page-turn] .reader-book-page:before,.reader-fullscreen[data-page-turn] .reader-book-page:after{animation-duration:1ms}}.save-story span{color:#5d4715;text-align:center;font-size:.92rem;font-weight:900}.library-list{gap:10px;display:grid}.library-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.library-filters .story-button,.library-actions .story-button{min-height:44px;font-size:.84rem}.library-filters .story-button.selected{background:var(--primary);color:var(--primary-foreground)}.library-list article{background:#f3f6ff;border-radius:8px;gap:10px;padding:10px;display:grid}.library-book-button{width:100%;min-height:72px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;padding:0;display:grid}.library-cover{color:#243047;background:linear-gradient(135deg,#82d8ff,#ffe3b6);border-radius:8px;place-items:center;width:58px;height:58px;font-size:1.35rem;font-weight:900;display:grid;box-shadow:0 6px #24304714}.library-list article.archived{background:#f6f1e8}.library-list strong,.library-list span{display:block}.library-list small,.library-list span{color:#61708a;margin-top:3px;font-size:.88rem}.library-list strong{color:var(--story-ink);font-size:1rem}.library-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.library-actions .danger-action{background:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.library-actions .danger-action{background:color-mix(in srgb,var(--destructive) 14%,var(--card))}}.library-actions .danger-action{color:var(--destructive)}.picture-detail{z-index:40;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));background:#fff9ec;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid;position:fixed;inset:0}.picture-detail-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.picture-detail-header h2{color:var(--story-ink);margin:4px 0 0;font-size:1.2rem}.picture-detail-header .story-button,.picture-zoom-controls .story-button{min-height:44px}.picture-detail-stage{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;overflow:auto;box-shadow:inset 0 0 0 1px #4f5b7b24}.picture-detail-art{width:min(86vw,760px);min-height:62dvh;color:var(--story-ink);transform-origin:50%;background:radial-gradient(circle at 26% 20%,#ffffffc7,#0000 84px),linear-gradient(135deg,#82d8ff,#ffe3b6);border-radius:8px;place-items:center;gap:14px;margin:32px auto;padding:24px;display:grid;position:relative}.picture-detail-art img{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:70dvh;box-shadow:0 10px #24304714}.picture-detail-art .picture-detail-placeholder-image{object-fit:cover;object-position:center 64%;width:min(100%,420px);max-height:68dvh}.picture-detail-art .picture-detail-placeholder-page{width:64px;height:64px;position:absolute;top:42px;right:max(42px,50% - 192px);box-shadow:0 8px 20px #1d2b4f33}.picture-detail-art .picture-detail-placeholder-title{background:#ffffffeb;border-radius:8px;padding:12px 14px;position:absolute;bottom:42px;left:max(42px,50% - 192px);right:max(42px,50% - 192px);box-shadow:0 8px 20px #1d2b4f2e}.picture-detail-art span{width:86px;height:86px;color:var(--story-blue);background:#fff;border-radius:50%;place-items:center;font-size:2.2rem;font-weight:900;display:grid}.picture-detail-art strong{color:#243047;text-align:center;max-width:560px;line-height:1.45}.picture-zoom-controls{grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);align-items:center;gap:10px;display:grid}.picture-zoom-controls .story-button:disabled{opacity:.45}.picture-zoom-controls span{color:var(--story-ink);font-weight:900}.preview-panel h2{color:#141b2c;letter-spacing:0;margin:4px 0 8px;font-size:1.3rem}.preview-panel p{color:#536177;margin:6px 0 0;line-height:1.45}.preview-label{color:var(--story-blue);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.panel{padding:16px}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel-heading span{margin:0}.character-list,.group-list,.passport-grid,.chest-row,.reward-strip,.profile-form{gap:10px;display:grid}.panel-note{color:#61708a;margin:-4px 0 12px;font-size:.92rem;line-height:1.45}.action-callout{color:#243047;background:#f3f6ff;border-radius:8px;gap:4px;margin:-2px 0 12px;padding:12px;display:grid;box-shadow:inset 0 0 0 2px #4f46e51a}.action-callout strong,.action-callout span,.action-callout small{display:block}.action-callout strong{color:var(--story-blue);font-size:.94rem}.action-callout span,.action-callout small{color:#56657b;line-height:1.35}.cast-manager{gap:10px;margin-bottom:12px;display:grid}.cast-editor{color:#243047;background:#fff8db;border-radius:8px;gap:8px;padding:12px;display:grid}.cast-editor>strong,.cast-editor>span{display:block}.cast-editor>strong{color:#243047}.cast-editor>span{color:#61708a;font-size:.9rem;font-weight:800}.cast-member-list{gap:8px;display:grid}.cast-member-list button{color:#243047;text-align:left;background:#fff;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px;font-weight:900;display:flex}.cast-member-list button.selected{background:#e8f7f0;box-shadow:inset 0 0 0 2px #18a66a57}.cast-member-list small{color:#61708a;font-size:.78rem;font-weight:900}.character-chip-row{align-items:center;gap:12px;width:100%;display:flex}.character-chip{min-width:0;color:inherit;text-align:left;background:#f3f6ff;border:1px solid #4f46e51a;border-radius:8px;flex:1;align-items:center;gap:12px;padding:10px;display:flex}.character-chip.selected{background:#e8f7f0;border-color:#18a66a80;box-shadow:inset 0 0 0 2px #18a66a2e}.character-chip>div{min-width:0}.character-chip-image{object-fit:cover;background:#fff;border-radius:8px;flex:0 0 46px;width:46px;height:46px;display:block;box-shadow:inset 0 0 0 1px #2430471f}.character-chip-edit,.character-chip-delete{width:44px;min-height:44px;color:var(--story-blue);background:#fff;border:1px solid #4f46e529;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 8px 18px #24304714}.character-chip-delete{color:#9f2532;border-color:#9f253229}.character-chip-delete.confirming{color:#fff;background:#9f2532;border-color:#9f2532;box-shadow:0 0 0 3px #9f253224}.profile-form{background:#eef0ff;border-radius:8px;grid-template-columns:1fr 92px;align-items:end;margin-bottom:12px;padding:12px}.profile-form label{color:#39445c;gap:5px;font-size:.82rem;font-weight:900;display:grid}.profile-form input{width:100%;min-height:42px;color:var(--story-ink);font:inherit;background:#fff;border:2px solid #2430471a;border-radius:8px;padding:0 10px}.profile-form .story-button{grid-column:1/-1;min-height:44px}.profile-setting-panel{background:#fff8db;border-radius:8px;gap:10px;padding:12px;display:grid}.toggle-row{color:#243047;justify-content:space-between;align-items:center;gap:12px;min-height:54px;display:flex}.toggle-row span{gap:3px;min-width:0;display:grid}.toggle-row strong{font-size:.92rem;line-height:1.2}.toggle-row small{color:#61708a;font-size:.8rem;font-weight:800;line-height:1.25}.toggle-row input{width:24px;height:24px;accent-color:var(--story-blue);flex:none}.profile-switch-panel{align-content:start;gap:12px;display:grid}.profile-switch-panel .panel-heading{margin-bottom:0}.profile-switch-panel .panel-action{justify-self:start}.profile-switcher{background:var(--theme-tint);border-radius:8px;gap:12px;padding:12px;display:grid}@supports (color:color-mix(in lab,red,red)){.profile-switcher{background:color-mix(in srgb,var(--theme-tint) 76%,#fff)}}.profile-switcher{box-shadow:inset 0 0 0 1px #4f5b7b1f}.profile-switcher h2{color:var(--story-ink);letter-spacing:0;margin:0;font-size:1.05rem}.profile-tile-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;display:grid}.profile-tile-grid button{min-width:0;min-height:150px;color:var(--story-ink);font:inherit;text-align:center;background:#fff;border:2px solid #4f5b7b1f;border-radius:8px;justify-items:center;gap:5px;padding:12px;font-weight:900;display:grid}.profile-tile-grid button.selected,.profile-tile-grid button[aria-pressed=true]{border-color:var(--story-green);background:#e8f7f0;box-shadow:inset 0 0 0 2px #18a66a2e}.profile-tile-grid button:disabled{cursor:not-allowed;opacity:.55}.profile-tile-grid strong,.profile-tile-grid small{overflow-wrap:anywhere;max-width:100%;display:block}.profile-tile-grid small{color:#61708a;font-size:.78rem;line-height:1.25}.avatar-badge{aspect-ratio:1;background:var(--story-yellow);color:#26314f;white-space:nowrap;border-radius:50%;place-items:center;width:52px;font-size:1rem;font-weight:900;line-height:1;display:grid;overflow:hidden;box-shadow:0 6px #24304714}.add-child-form{grid-template-columns:1fr;gap:8px;padding-top:2px;display:grid}.add-child-form label{color:#39445c;gap:5px;font-size:.82rem;font-weight:900;display:grid}.add-child-form input,.add-child-form select{width:100%;min-height:42px;color:var(--story-ink);font:inherit;background:#fff;border:2px solid #2430471a;border-radius:8px;padding:0 10px}.add-child-form button{background:var(--story-blue);color:#fff;border:0;border-radius:8px;min-height:42px;font-weight:900}.avatar-picker{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px;display:grid}.avatar-picker button{min-width:0;min-height:44px;color:var(--story-ink);background:#fff;border:2px solid #4f5b7b1f;border-radius:8px;place-items:center;padding:8px;font-size:1.12rem;line-height:1;display:grid}.avatar-picker button.selected,.avatar-picker button[aria-pressed=true]{border-color:var(--story-blue);background:#eef0ff;box-shadow:inset 0 0 0 2px #4f46e524}.theme-panel{gap:10px;display:grid}.theme-legend{flex-wrap:wrap;gap:8px;display:flex}.theme-legend span{background:var(--theme-tint);border-radius:999px;align-items:center;min-height:32px;padding:0 12px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.theme-legend span{background:color-mix(in srgb,var(--theme-tint) 72%,#fff)}}.theme-legend span{color:#39445c;font-size:.78rem;font-weight:900}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.theme-grid .theme-tile{min-width:0;min-height:246px;color:var(--story-ink);text-align:left;background:#fff;border:2px solid #4f5b7b1f;border-radius:8px;grid-template-rows:132px auto minmax(38px,auto);gap:8px;padding:0;display:grid;overflow:hidden;box-shadow:0 10px 22px #1d2b4f14}.theme-grid .theme-tile.selected{border-color:var(--theme-primary);background:var(--theme-tint)}@supports (color:color-mix(in lab,red,red)){.theme-grid .theme-tile.selected{background:color-mix(in srgb,var(--theme-tint) 72%,#fff)}}.theme-grid .theme-tile.selected{box-shadow:inset 0 0 0 2px var(--theme-primary),0 12px 26px #1d2b4f1f}@supports (color:color-mix(in lab,red,red)){.theme-grid .theme-tile.selected{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--theme-primary) 18%,transparent),0 12px 26px #1d2b4f1f}}.theme-grid .theme-tile.locked{cursor:not-allowed;opacity:.72;filter:grayscale(.18)}.theme-grid .theme-tile img{object-fit:cover;object-position:center;border-radius:6px 6px 0 0;order:-1;width:100%;height:132px}.theme-grid .theme-tile>span{gap:4px;min-width:0;display:grid}.theme-grid .theme-tile>strong{color:var(--story-ink);flex-wrap:wrap;align-items:center;gap:6px;padding:0 12px;font-size:.92rem;line-height:1.12;display:flex}.theme-grid .theme-tile>small{color:#61708a;padding:0 12px;font-size:.78rem;font-weight:800;line-height:1.25}.theme-badge{min-height:20px;color:var(--theme-primary);background:#eef0ff;border-radius:999px;align-items:center;padding:0 7px;font-size:.68rem;font-weight:900;display:inline-flex}.theme-badge.limited{color:#8a5a00;background:#fff8db}.theme-grid .theme-tile>.theme-lock{color:#526078;align-items:center;gap:6px;padding:0 12px 12px;display:flex}.theme-lock svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}@media(max-width:460px){.theme-grid{grid-template-columns:minmax(0,1fr)}}.character-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.character-actions .story-button{min-height:44px}.character-creator-controls .character-actions{z-index:4;padding:.65rem clamp(.75rem,4vw,1.25rem) max(.75rem,calc(env(safe-area-inset-bottom) + .45rem));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border-top:1px solid #2430471f;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #24304724}.character-creator-controls .character-actions .character-action{width:100%}.character-action{min-width:0;min-height:40px;font:inherit;text-align:center;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:0 .6rem;font-size:.78rem;font-weight:950;line-height:1.1;display:inline-flex;box-shadow:0 8px 18px #2430471f}.character-action svg{flex:none}.character-action--primary{background:var(--story-blue);color:#fff}.character-action--secondary{color:#146b49;background:#e8f7f0;border-color:#18a66a5c}.character-action--quiet{color:#39445c;background:#fff;border-color:#24304733}.avatar{background:var(--story-yellow);color:#26314f;border-radius:999px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.character-chip strong,.character-chip span{display:block}.character-chip span{color:#61708a;font-size:.9rem}.group-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.group-list button{color:#163f30;background:#e8f7f0;border:0;border-radius:8px;min-height:70px;font-weight:800}.group-list button.selected{background:#fff6df;box-shadow:inset 0 0 0 2px #ff9f3d73}.passport-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.passport-grid button{color:#5d4715;text-align:left;background:#fff6df;border:0;border-radius:8px;padding:10px;font-size:.92rem;font-weight:700}.passport-grid button.selected{background:#e8f7f0;box-shadow:inset 0 0 0 2px #18a66a57}.chest-row{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-strip{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:12px}.reward-strip span{color:#173f30;text-align:center;background:#e8f7f0;border-radius:8px;padding:9px;font-size:.86rem;font-weight:800}.chest{background:#eef0ff;border-radius:8px;min-height:92px;padding:12px}.chest span{background:var(--story-blue);border-radius:6px;width:34px;height:28px;margin-bottom:10px;display:block}.chest strong{color:#26314f;font-size:.92rem}@media(min-width:720px){.app-shell{padding:max(34px,env(safe-area-inset-top)) 28px max(112px,calc(env(safe-area-inset-bottom) + 96px))}.hero{grid-template-columns:minmax(0,1fr) 340px;align-items:end}.story-modes,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-panel{grid-column:1/-1}.home-summary,.creator-summary,.creator-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-switcher{padding:14px}.profile-tile-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.add-child-form{grid-template-columns:minmax(0,1.2fr) 96px minmax(112px,.8fr) auto;align-items:end}.story-page{grid-template-columns:.9fr 1.1fr;align-items:center}.passport-panel,.rewards-panel{grid-column:span 1}}@media(min-width:1040px){.dashboard-grid{grid-template-columns:1.2fr .8fr 1fr}.theme-panel{grid-column:span 2}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rewards-panel{grid-column:span 3}.chest-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.magic-panel{grid-column:1/-1}.magic-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.magic-tile{color:#243047;text-align:left;border:0;border-radius:8px;min-height:132px;padding:14px;position:relative;overflow:hidden}.magic-tile span{background:#fff;border-radius:50%;width:42px;height:42px;margin-bottom:10px;display:block;box-shadow:inset 0 0 0 8px #24304714}.magic-tile strong,.magic-tile small{display:block;position:relative}.magic-tile strong{font-size:1rem}.magic-tile small{color:#243047bf;margin-top:5px;font-size:.86rem;line-height:1.35}.magic-rainbow{background:linear-gradient(135deg,#ffeb7a,#ff91c1 45%,#82d8ff)}.magic-sparkle{background:linear-gradient(135deg,#ede7ff,#fff1a6)}.magic-sport{background:linear-gradient(135deg,#dbfbe9,#dce8ff)}.magic-rainbow:after,.magic-sparkle:after,.magic-sport:after{content:"";background:#ffffff70;border-radius:50%;width:96px;height:96px;position:absolute;inset:auto -30px -36px auto}@media(prefers-reduced-motion:no-preference){.mode-card:hover .mode-icon{transform:translateY(-2px)rotate(-2deg)}.mode-icon,.magic-tile{transition:transform .16s,box-shadow .16s}.magic-tile:hover{transform:translateY(-2px);box-shadow:0 8px #24304714}}.magic-tile.selected{box-shadow:inset 0 0 0 3px #18a66a57}.avatar-preview{aspect-ratio:4/5;background:#f7fbff;border-radius:8px;width:min(220px,58vw);margin:0 auto;position:relative;overflow:hidden}.avatar-preview--small{width:48px;height:60px}.sprite-avatar{aspect-ratio:4/5;background:#f7fbff;border:2px solid #24304714;border-radius:8px;width:min(260px,62vw);margin:0 auto;position:relative;overflow:hidden}.sprite-avatar.avatar-preview--small{width:48px;height:60px}.sprite-avatar.avatar-preview--face{aspect-ratio:1;width:min(150px,36vw)}.sprite-avatar__layer{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sprite-avatar__fallback{background:#d9e7ff;border-radius:999px;position:absolute;inset:18%}.avatar-layer{pointer-events:none;display:block;position:absolute}.avatar-body{background:var(--skin);border-radius:42% 42% 36% 36%;width:30%;height:42%;top:24%;left:35%}.avatar-face{background:var(--skin);border-radius:48% 48% 44% 44%;width:36%;height:32%;top:13%;left:32%}.avatar-hair{background:var(--hair);border-radius:60% 60% 35% 35%;width:46%;height:24%;top:8%;left:27%}.avatar-hair--short-neat{border-radius:62% 62% 34% 34%;height:22%;top:9%}.avatar-hair--short-curly{border-radius:50% 50% 42% 42%;height:25%;top:9%}.avatar-hair--short-curly:before,.avatar-hair--short-curly:after{background:var(--hair);content:"";border-radius:999px;width:24%;height:38%;position:absolute;top:12%}.avatar-hair--short-curly:before{left:8%}.avatar-hair--short-curly:after{right:8%}.avatar-eyes{background:var(--eyes);width:7%;height:5%;box-shadow:220% 0 0 var(--eyes);border-radius:50%;top:28%;left:39%}.avatar-mouth{border-bottom:2px solid #7b3f35;border-radius:0 0 999px 999px;width:12%;height:5%;top:38%;left:45%}.avatar-top{background:var(--top);border-radius:8px 8px 6px 6px;width:42%;height:24%;top:56%;left:29%}.avatar-bottom{background:var(--bottom);border-radius:5px;width:32%;height:12%;top:76%;left:34%}.avatar-shoes{background:var(--shoes);width:16%;height:6%;box-shadow:150% 0 0 var(--shoes);border-radius:999px;top:88%;left:30%}.avatar-glasses{width:13%;height:9%;box-shadow:110% 0 0 -2px #f7fbff,120% 0 0 0 #7d4bd2;border:2px solid #7d4bd2;border-radius:999px;top:26%;left:35%}.avatar-backpack{background:#f2c94c;border-radius:8px;width:24%;height:24%;top:54%;left:22%}.avatar-backpack:after{color:#fff;content:"*";font-size:.72em;font-weight:900;line-height:1;position:absolute;top:22%;left:33%}.avatar-dino-detail{background:#fff;border-radius:50%;width:6%;height:6%;top:58%;left:47%;box-shadow:0 10px #fff}.character-builder{gap:14px;width:100%;display:grid}.character-builder-launcher{background:#f7fbff;border:2px solid #24304714;border-radius:8px;grid-template-columns:1fr auto;align-items:center;padding:12px}.character-builder-launcher div{gap:4px;min-width:0;display:grid}.character-builder-launcher strong{color:var(--story-ink);font-size:.95rem}.character-builder-launcher span{color:#243047ad;overflow-wrap:anywhere;font-size:.82rem;font-weight:800}.character-builder-launcher button,.character-creator-header button{background:var(--story-blue);color:#fff;min-height:42px;font:inherit;border:0;border-radius:8px;padding:0 14px;font-size:.84rem;font-weight:900}.character-creator-modal{z-index:90;min-width:0;color:var(--story-ink);background:#f5f9ff;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.character-creator-header{padding:max(.75rem,env(safe-area-inset-top)) clamp(1rem,4vw,2rem) .75rem;background:#fff;border-bottom:1px solid #2430471a;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.character-creator-header div{gap:.2rem;display:grid}.character-creator-header strong{font-size:1.1rem}.character-creator-header span{color:#243047ad;font-size:.82rem;font-weight:750}.character-creator-header .character-creator-close{width:44px;min-width:44px;min-height:44px;color:var(--story-ink);background:#fff;border:1px solid #24304724;border-radius:8px;place-items:center;padding:0;display:inline-grid}.character-creator-form{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.character-creator-scroll{overscroll-behavior:contain;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(1rem,3vw,2rem);min-height:0;padding:clamp(1rem,4vw,2rem);display:grid;overflow:auto}.character-creator-preview,.character-creator-fields{align-content:start;gap:.9rem;min-width:0;display:grid}.generated-character-preview{aspect-ratio:1;background:#fff;border:1px solid #2430471a;border-radius:8px;place-items:center;width:min(100%,460px);min-height:0;margin:0 auto;display:grid}@supports (color:color-mix(in lab,red,red)){.generated-character-preview{background:color-mix(in srgb,#fff 92%,var(--theme-tint))}}.generated-character-preview{overflow:hidden}.generated-character-preview img{object-fit:contain;width:100%;height:100%;display:block}.character-generation-allowance{color:#243047a8;text-align:center;margin:0;font-size:.78rem;font-weight:800}.generated-character-empty{color:#39445c;text-align:center;justify-items:center;gap:.45rem;padding:1.25rem;display:grid}.generated-character-empty strong{font-size:1rem}.generated-character-empty span{color:#243047ad;max-width:18rem;font-size:.84rem;font-weight:750}.generated-character-empty--loading svg{animation:1.1s linear infinite story-spin}.generated-character-empty--error{color:#9f2532}.generated-character-empty--unavailable{color:#5a4a12}.character-creator-message{border-radius:8px;margin:0;padding:.65rem .75rem;font-size:.84rem;font-weight:900}.character-creator-message--error{color:#9f2532;background:#fff0f0}.character-field{color:#39445c;gap:.4rem;min-width:0;font-size:.84rem;font-weight:900;display:grid}.character-field-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.character-inspiration-button{border:1px solid var(--story-blue);flex:none;justify-content:center;align-items:center;gap:.4rem;min-height:36px;padding:0 .7rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.character-inspiration-button{border:1px solid color-mix(in srgb,var(--story-blue) 28%,transparent)}}.character-inspiration-button{background:var(--story-blue);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.character-inspiration-button{background:color-mix(in srgb,var(--story-blue) 9%,#fff)}}.character-inspiration-button{color:var(--story-blue);font:inherit;cursor:pointer;font-size:.78rem;font-weight:900}.character-field input,.character-field textarea,.character-field select{width:100%;min-width:0;color:var(--story-ink);font:inherit;box-sizing:border-box;background:#fff;border:1px solid #24304733;border-radius:8px;font-weight:700}.character-field input,.character-field select{min-height:48px;padding:0 .8rem}.character-field textarea{resize:vertical;min-height:112px;padding:.75rem .8rem;line-height:1.45}.character-field input:focus-visible,.character-field textarea:focus-visible,.character-field select:focus-visible,.character-creator-close:focus-visible,.character-inspiration-button:focus-visible,.character-detail-options summary:focus-visible{outline:3px solid var(--story-blue)}@supports (color:color-mix(in lab,red,red)){.character-field input:focus-visible,.character-field textarea:focus-visible,.character-field select:focus-visible,.character-creator-close:focus-visible,.character-inspiration-button:focus-visible,.character-detail-options summary:focus-visible{outline:3px solid color-mix(in srgb,var(--story-blue) 34%,transparent)}}.character-field input:focus-visible,.character-field textarea:focus-visible,.character-field select:focus-visible,.character-creator-close:focus-visible,.character-inspiration-button:focus-visible,.character-detail-options summary:focus-visible{outline-offset:2px}.character-field>small{color:#2430478f;pointer-events:none;justify-self:end;margin-top:-1.7rem;margin-right:.7rem;font-size:.74rem;font-weight:800}.character-detail-options{border-top:1px solid #2430471f;padding-top:.85rem}.character-detail-options summary{min-height:44px;color:var(--story-blue);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.5rem;font-size:.92rem;font-weight:950;list-style:none;display:grid}.character-detail-options summary::-webkit-details-marker{display:none}.character-detail-options summary small{color:#24304794;font-size:.74rem}.character-detail-chevron{transition:transform .18s}.character-detail-options[open] .character-detail-chevron{transform:rotate(180deg)}.character-detail-options>p{color:#243047a8;margin:0 0 .8rem;font-size:.8rem;font-weight:700}.character-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.character-select-field select{appearance:auto}.character-creator-actions{z-index:2;padding:.75rem clamp(1rem,4vw,2rem) max(.75rem,env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #2430471f;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid;box-shadow:0 -10px 26px #24304714}.character-creator-actions .character-action{min-height:48px;font-size:.88rem}.character-creator-actions .character-action--generate{grid-column:1/-1}.character-creator-actions .character-action:disabled{cursor:wait;opacity:.68}.builder-preview,.builder-controls{gap:12px;min-width:0;display:grid}.builder-controls label{color:#39445c;gap:6px;font-size:.82rem;font-weight:900;display:grid}.builder-controls input{width:100%;min-height:44px;color:var(--story-ink);font:inherit;background:#fff;border:2px solid #2430471f;border-radius:8px;padding:0 12px}.builder-tabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:8px;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.builder-tabs button,.part-tile,.swatch-row button{min-width:0;color:var(--story-ink);background:#fff;border:2px solid #4f5b7b1f;border-radius:8px}.builder-tabs button{overflow-wrap:anywhere;scroll-snap-align:start;flex:none;place-items:center;width:54px;min-width:54px;min-height:50px;padding:8px;font-size:.82rem;font-weight:900;display:grid}.builder-tabs button svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.builder-tab-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.builder-tabs button.active{color:var(--story-blue);background:#eef0ff;border-color:#4f46e573;box-shadow:inset 0 0 0 2px #4f46e51f}.builder-section-stack{gap:12px;display:grid}.builder-part-section{gap:8px;min-width:0;display:grid}.builder-part-section h3{color:#39445c;margin:0;font-size:.82rem;font-weight:900}.part-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.part-tile{text-align:center;grid-template-rows:44px minmax(32px,auto);place-items:center;gap:6px;min-height:94px;padding:10px;font-size:.8rem;font-weight:900;line-height:1.15;display:grid}.part-tile.selected{background:#e8f7f0;border-color:#18a66a7a;box-shadow:inset 0 0 0 2px #18a66a29}.creator-tabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:.5rem;max-width:100%;padding-bottom:.25rem;display:flex;overflow-x:auto}.creator-tabs button,.creator-part-tile{color:var(--story-ink);font:inherit;background:#fff;border:2px solid #2430471f;border-radius:8px;font-weight:800}.creator-tabs button{scroll-snap-align:start;flex:none;place-items:center;width:54px;min-width:54px;min-height:50px;padding:8px;display:grid}.creator-tabs button svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.creator-tabs button.active,.creator-part-tile.selected{background:#e8f7f0;border-color:#18a66a85}.creator-part-tray{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.75rem;display:grid}.creator-part-tile{text-align:center;grid-template-rows:86px auto;gap:.5rem;min-height:132px;padding:.65rem;display:grid}.creator-part-tile img{object-fit:contain;width:100%;height:86px}.creator-part-tile__fallback{background:#eef6ff;border-radius:8px;width:100%;height:86px}.part-thumb{background:#eef6ff;border-radius:8px;width:44px;height:44px;display:block;position:relative;box-shadow:inset 0 0 0 2px #24304714}.part-thumb--body,.part-thumb--skin,.part-thumb--face{background:var(--part-colour,#f3c7a5)}.part-thumb--eyes{background:radial-gradient(circle at 34%,#6b4425 0 4px,#0000 5px),radial-gradient(circle at 66%,#6b4425 0 4px,#0000 5px),#f7fbff}.part-thumb--brows{background:linear-gradient(160deg,#0000 28%,#5f3a22 30% 36%,#0000 38%),linear-gradient(20deg,#0000 60%,#5f3a22 62% 68%,#0000 70%),#f7fbff}.part-thumb--nose,.part-thumb--mouth{background:radial-gradient(circle at 50% 54%,#b97058 0 4px,#0000 5px),#fff6ef}.part-thumb--hair-back,.part-thumb--hair-front,.part-thumb--facial-hair{background:radial-gradient(circle at 50% 40%,var(--part-colour,#6b3f24) 0 19px,transparent 20px),#f7fbff}.part-thumb--part-hair-short-curly{background:radial-gradient(circle at 35% 42%,#6b3f24 0 9px,#0000 10px),radial-gradient(circle at 50% 34%,#6b3f24 0 11px,#0000 12px),radial-gradient(circle at 66% 42%,#6b3f24 0 9px,#0000 10px),#f7fbff}.part-thumb--part-hair-short-neat{background:linear-gradient(145deg,#0000 0 36%,#6b3f24 37% 54%,#0000 55%),radial-gradient(circle at 50% 42%,#6b3f24 0 18px,#0000 19px),#f7fbff}.part-thumb--clothing-top{background:linear-gradient(#0000 0 28%,#8b5cf6 29% 78%,#0000 79%),#f7fbff}.part-thumb--part-top-red-hoodie{background:radial-gradient(circle at 50% 30%,#b94040 0 10px,#0000 11px),linear-gradient(#0000 0 31%,#d94949 32% 79%,#0000 80%),#f7fbff}.part-thumb--part-top-dinosaur-hoodie{background:linear-gradient(135deg,#0000 0 28%,#f7d057 29% 36%,#0000 37%),radial-gradient(circle at 50% 30%,#3f9b63 0 10px,#0000 11px),linear-gradient(#0000 0 31%,#4fb06d 32% 79%,#0000 80%),#f7fbff}.part-thumb--part-top-purple-wizard-hoodie{background:radial-gradient(circle at 50% 30%,#6d4edb 0 10px,#0000 11px),linear-gradient(#0000 0 31%,#7d4bd2 32% 79%,#0000 80%),radial-gradient(circle at 68% 44%,#ffd85a 0 4px,#0000 5px),#f7fbff}.part-thumb--clothing-bottom{background:linear-gradient(#0000 0 44%,#24304f 45% 80%,#0000 81%),#f7fbff}.part-thumb--part-bottom-denim-shorts{background:linear-gradient(90deg,#0000 0 46%,#f7fbff 47% 53%,#0000 54%),linear-gradient(#0000 0 45%,#3c70a4 46% 76%,#0000 77%),#f7fbff}.part-thumb--part-bottom-navy-joggers{background:linear-gradient(90deg,#0000 0 46%,#f7fbff 47% 53%,#0000 54%),linear-gradient(#0000 0 38%,#24304f 39% 84%,#0000 85%),#f7fbff}.part-thumb--shoes{background:radial-gradient(at 35% 70%,#f7f7f2 0 9px,#0000 10px),radial-gradient(at 65% 70%,#f7f7f2 0 9px,#0000 10px),#eef6ff}.part-thumb--part-shoes-white-trainers{background:radial-gradient(at 35% 70%,#f7f7f2 0 9px,#0000 10px),radial-gradient(at 65% 70%,#f7f7f2 0 9px,#0000 10px),linear-gradient(90deg,#0000 0 42%,#4e85c5 43% 47%,#0000 48%),#eef6ff}.part-thumb--part-shoes-red-boots{background:radial-gradient(at 35% 70%,#b94040 0 10px,#0000 11px),radial-gradient(at 65% 70%,#b94040 0 10px,#0000 11px),linear-gradient(#0000 0 52%,#7a2630 53% 68%,#0000 69%),#fff2f2}.part-thumb--accessory{background:radial-gradient(circle at 34% 45%,#0000 0 7px,#7d4bd2 8px 10px,#0000 11px),radial-gradient(circle at 66% 45%,#0000 0 7px,#7d4bd2 8px 10px,#0000 11px),#f7fbff}.part-thumb--part-accessory-purple-glasses{background:radial-gradient(circle at 34% 45%,#0000 0 7px,#7d4bd2 8px 10px,#0000 11px),radial-gradient(circle at 66% 45%,#0000 0 7px,#7d4bd2 8px 10px,#0000 11px),linear-gradient(90deg,#0000 0 47%,#7d4bd2 48% 52%,#0000 53%),#f7fbff}.part-thumb--part-accessory-star-backpack{background:radial-gradient(circle at 50% 45%,#ffd85a 0 5px,#0000 6px),linear-gradient(#0000 0 26%,#3f7db8 27% 78%,#0000 79%),#eef6ff}.part-thumb--personality{background:radial-gradient(circle at 50% 38%,#ffd85a 0 10px,#0000 11px),linear-gradient(#0000 0 56%,#ff6fae 57% 74%,#0000 75%),#fff9ec}.part-thumb--role{background:linear-gradient(135deg,#0000 0 30%,#18a66a 31% 47%,#0000 48%),radial-gradient(circle at 58% 42%,#ffd85a 0 8px,#0000 9px),#eef6ff}.swatch-row{grid-template-columns:repeat(3,minmax(0,48px));gap:8px;display:grid}.swatch-row button{background:var(--swatch);width:48px;height:48px;padding:0}.swatch-row button.selected{border-color:#4f46e594;box-shadow:inset 0 0 0 3px #ffffffb8,0 0 0 2px #4f46e52e}.builder-summary{flex-wrap:wrap;justify-content:center;gap:6px;min-width:0;display:flex}.builder-summary span{color:#39445c;overflow-wrap:anywhere;background:#eef0ff;border-radius:8px;max-width:100%;padding:5px 8px;font-size:.76rem;font-weight:900;line-height:1.2}.style-pilot-strip{background:#fff;border:1px solid #2430471a;border-radius:8px;gap:.55rem;padding:.75rem;display:grid}.style-pilot-strip>span{color:#243047b8;text-align:center;text-transform:uppercase;font-size:.76rem;font-weight:950}.style-pilot-strip>div{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:.5rem;max-height:18rem;display:grid;overflow-y:auto}.style-pilot-strip button{color:#39445c;min-width:0;font:inherit;background:#fff;border:2px solid #2430471f;border-radius:8px;gap:.35rem;padding:.35rem;font-weight:950;display:grid}.style-pilot-strip button[aria-pressed=true]{background:#e8f7f0;border-color:#18a66a85;box-shadow:inset 0 0 0 2px #18a66a29}.style-pilot-strip img{aspect-ratio:3/4;object-fit:contain;background-color:#f7fbff;background-image:linear-gradient(45deg,#4f5b7b14 25%,#0000 25%),linear-gradient(-45deg,#4f5b7b14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#4f5b7b14 75%),linear-gradient(-45deg,#0000 75%,#4f5b7b14 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:8px;width:100%;display:block}.style-pilot-strip small{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;line-height:1.1;overflow:hidden}@keyframes story-spin{to{transform:rotate(360deg)}}@media(min-width:760px){.character-builder:not(.character-builder-launcher){grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:start}.builder-tabs,.part-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-tabs{scroll-snap-type:none;padding-bottom:0;display:grid;overflow-x:visible}.builder-tabs button{grid-template-columns:auto 1fr;justify-content:start;gap:8px;width:auto;min-width:0;padding:8px 10px}.builder-tabs button svg{width:20px;height:20px}.builder-tab-label{clip:auto;white-space:normal;border:0;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.creator-tabs{scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:0;display:grid;overflow-x:visible}.creator-tabs button{grid-template-columns:auto 1fr;justify-content:start;gap:8px;width:auto;min-width:0;padding:8px 10px}.creator-tabs button svg{width:20px;height:20px}}@media(max-width:760px){.character-builder-launcher{grid-template-columns:1fr}.character-creator-header span{display:none}.character-creator-scroll{grid-template-columns:1fr;gap:1rem;padding:1rem}.generated-character-preview{width:min(100%,240px)}.character-select-grid{grid-template-columns:1fr}.character-creator-actions{padding-left:1rem;padding-right:1rem}.character-creator-actions .character-action{min-height:50px}}.toast-viewport{top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:80;pointer-events:none;gap:.75rem;width:min(22rem,100vw - 2rem);display:grid;position:fixed}.toast{color:#1c2744;pointer-events:auto;background:#fffffff5;border:1px solid #1c274424;border-radius:.75rem;grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;padding:.85rem;animation:.18s ease-out toast-slide-in;display:grid;box-shadow:0 18px 45px #1c27442e}.toast-success{border-left:.35rem solid #1f9d68}.toast-info{border-left:.35rem solid var(--story-blue)}.toast-warning{border-left:.35rem solid #d9822b}.toast-danger{border-left:.35rem solid #d64545}.toast-icon{background:#ffd54f3d;border-radius:999px;place-items:center;width:2rem;height:2rem;font-weight:800;display:grid}.toast-content{gap:.25rem;display:grid}.toast-content strong{font-size:.95rem}.toast-content span{color:#1c2744b8;font-size:.85rem;line-height:1.35}.toast-content button,.toast-close{color:var(--story-blue);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.toast-content button:focus-visible,.toast-close:focus-visible{outline:3px solid var(--story-blue)}@supports (color:color-mix(in lab,red,red)){.toast-content button:focus-visible,.toast-close:focus-visible{outline:3px solid color-mix(in srgb,var(--story-blue) 36%,transparent)}}.toast-content button:focus-visible,.toast-close:focus-visible{outline-offset:3px}.toast-close{color:#1c27448c;border-radius:999px;place-items:center;width:2rem;height:2rem;display:grid}@keyframes toast-slide-in{0%{opacity:0;transform:translate(1.25rem)}to{opacity:1;transform:translate(0)}}@media(max-width:640px){.toast-viewport{width:auto;left:1rem;right:1rem}.toast-viewport--reader{top:calc(max(1rem,env(safe-area-inset-top)) + 3.75rem)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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}