:root,:root.dark,.dark,[data-theme=dark]{--ng-background:259.02 35.04% 22.94%;--ng-surface:259.15 32.87% 28.04%;--ng-surface-elevated:260 32.48% 30.78%;--ng-surface-muted:258.46 30.95% 32.94%;--ng-foreground:231.43 100.0% 98.63%;--ng-muted:232.8 100.0% 95.1%;--ng-subtle:230.77 90.7% 91.57%;--ng-border:259 26.55% 44.31%;--ng-border-strong:256.07 59.57% 81.57%;--ng-primary:163.9 84.54% 61.96%;--ng-primary-pressed:164.38 70.71% 53.14%;--ng-primary-text:163.33 75.0% 9.41%;--ng-create:320.6 100.0% 86.86%;--ng-create-soft:282.3 49.59% 24.12%;--ng-discover:199.49 100.0% 77.06%;--ng-discover-soft:215.86 65.41% 26.08%;--ng-library:156.73 82.12% 64.9%;--ng-library-soft:175.64 64.71% 16.67%;--ng-marketplace:41.97 100.0% 66.08%;--ng-marketplace-soft:15.74 51.26% 23.33%;--ng-account:260.34 100.0% 88.43%;--ng-account-soft:253.08 48.15% 31.76%;--ng-secondary:320 100.0% 77.06%;--ng-secondary-text:313.55 50.82% 11.96%;--ng-accent:42.33 100.0% 68.04%;--ng-accent-text:35.12 67.21% 11.96%;--ng-accent-soft:260.29 43.59% 30.59%;--ng-danger:345.71 100.0% 87.65%;--ng-danger-text:339 52.63% 14.9%;--ng-danger-soft:324.91 45.3% 22.94%;--ng-success:154 75.95% 69.02%;--ng-success-text:152.9 50.82% 11.96%;--ng-success-soft:175.64 64.71% 16.67%;--ng-warning:42.28 100.0% 70.78%;--ng-warning-text:35.12 67.21% 11.96%;--ng-warning-soft:260.29 43.59% 30.59%;--ng-info:199.49 100.0% 77.06%;--ng-info-text:206.34 57.75% 13.92%;--ng-info-soft:215.86 65.41% 26.08%;--ng-target:156.73 82.12% 64.9%;--ng-moderate:41.97 100.0% 66.08%;--ng-focus:163.9 84.54% 61.96%;--ng-garden-sparkle-gold:42.28 100.0% 70.78%;--ng-garden-sparkle-mint:163.9 84.54% 61.96%;--ng-garden-sparkle-sky:199.18 100.0% 71.18%;--ng-garden-sparkle-petal:320 100.0% 77.06%;--ng-high-contrast-background:221.05 42.22% 8.82%;--ng-high-contrast-foreground:0 0.0% 100.0%;--ng-high-contrast-muted:215.29 51.52% 93.53%;--ng-high-contrast-border:215.09 28.96% 64.12%;--ng-high-contrast-primary:162.92 75.69% 64.51%;--ng-high-contrast-primary-text:165 42.86% 10.98%;--ng-high-contrast-focus:162.92 75.69% 64.51%}:root.light,:root[data-theme=light],.light,[data-theme=light]{--ng-background:228 100.0% 98.04%;--ng-surface:0 0.0% 100.0%;--ng-surface-elevated:225 100.0% 99.22%;--ng-surface-muted:227.14 70.0% 96.08%;--ng-foreground:229.29 35.0% 15.69%;--ng-muted:227.06 26.42% 37.84%;--ng-subtle:227.31 23.21% 43.92%;--ng-border:226.36 55.0% 92.16%;--ng-border-strong:233.48 20.91% 56.86%;--ng-primary:164.84 70.37% 26.47%;--ng-primary-pressed:164.62 70.91% 21.57%;--ng-primary-text:0 0.0% 100.0%;--ng-create:320 60% 43.14%;--ng-create-soft:324.55 84.62% 94.9%;--ng-discover:207.31 82.11% 37.25%;--ng-discover-soft:206.67 87.1% 93.92%;--ng-library:165.49 68.42% 26.08%;--ng-library-soft:153.6 55.56% 91.18%;--ng-marketplace:33.51 100.0% 30.2%;--ng-marketplace-soft:40 100.0% 90.0%;--ng-account:261.43 50.0% 49.41%;--ng-account-soft:262.86 84.0% 95.1%;--ng-secondary:320.49 57.75% 41.76%;--ng-secondary-text:0 0.0% 100.0%;--ng-accent:32.84 100.0% 29.02%;--ng-accent-text:0 0.0% 100.0%;--ng-accent-soft:40 100.0% 90.0%;--ng-danger:346.09 62.16% 43.53%;--ng-danger-text:0 0.0% 100.0%;--ng-danger-soft:344.35 100.0% 95.49%;--ng-success:152.61 65.71% 27.45%;--ng-success-text:0 0.0% 100.0%;--ng-success-soft:153.6 55.56% 91.18%;--ng-warning:37.83 100.0% 27.06%;--ng-warning-text:0 0.0% 100.0%;--ng-warning-soft:40 100.0% 90.0%;--ng-info:206.33 76.8% 35.49%;--ng-info-text:0 0.0% 100.0%;--ng-info-soft:206.67 87.1% 93.92%;--ng-target:165.49 68.42% 26.08%;--ng-moderate:33.02 100.0% 33.14%;--ng-focus:169.64 80.88% 26.67%;--ng-garden-sparkle-gold:38.94 88.89% 54.12%;--ng-garden-sparkle-mint:162.21 76.72% 37.06%;--ng-garden-sparkle-sky:202.03 74.06% 53.14%;--ng-garden-sparkle-petal:321.29 65.26% 62.75%;--ng-high-contrast-background:0 0.0% 100.0%;--ng-high-contrast-foreground:217.78 45.76% 11.57%;--ng-high-contrast-muted:218.33 30.51% 23.14%;--ng-high-contrast-border:31.36 22.0% 39.22%;--ng-high-contrast-primary:163.76 63.91% 26.08%;--ng-high-contrast-primary-text:0 0.0% 100.0%;--ng-high-contrast-focus:169.64 80.88% 26.67%}:root{--ng-radius-sm:.5rem;--ng-radius-md:.75rem;--ng-radius-lg:1rem;--ng-radius-xl:1rem;--ng-radius-badge:.5rem;--ng-radius-interactive:.75rem;--ng-radius-block:1rem;--ng-radius-card:.75rem;--ng-radius-pill:624.938rem;--ng-space-xxs:.25rem;--ng-space-xs:.5rem;--ng-space-sm:.75rem;--ng-space-md:1rem;--ng-space-lg:1.5rem;--ng-space-xl:2rem;--ng-space-xxl:3rem;--ng-type-h1-size:2rem;--ng-type-h1-leading:2.375rem;--ng-type-h1-weight:800;--ng-type-h2-size:1.375rem;--ng-type-h2-leading:1.75rem;--ng-type-h2-weight:700;--ng-type-h3-size:1.125rem;--ng-type-h3-leading:1.5rem;--ng-type-h3-weight:700;--ng-type-body-size:1rem;--ng-type-body-leading:1.5rem;--ng-type-body-weight:400;--ng-type-bodyStrong-size:1rem;--ng-type-bodyStrong-leading:1.5rem;--ng-type-bodyStrong-weight:600;--ng-type-label-size:.875rem;--ng-type-label-leading:1.25rem;--ng-type-label-weight:600;--ng-type-caption-size:.75rem;--ng-type-caption-leading:1.125rem;--ng-type-caption-weight:500;--ng-motion-fast:.2s;--ng-motion-normal:.26s;--ng-motion-slow:.34s;--ng-easing:cubic-bezier(.22,1,.36,1);--ng-easing-bounce:cubic-bezier(.34,1.56,.64,1)}
:root,html[data-zstory-theme=playful]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--z-canvas:hsl(var(--background,42 64% 97%));--z-canvas-soft:hsl(var(--popover,42 64% 99%));--z-surface:hsl(var(--card,0 0% 100%));--z-primary:hsl(var(--primary,164 64% 26%));--z-primary-strong:hsl(var(--primary,164 64% 26%));--z-coral:hsl(var(--ng-create));--z-sun:hsl(var(--ng-marketplace));--z-sky:hsl(var(--ng-discover));--z-lilac:hsl(var(--ng-account));--z-surface-sun:color-mix(in srgb, var(--z-surface) 74%, var(--z-sun));--z-surface-mint:color-mix(in srgb, var(--z-surface) 76%, var(--z-primary));--z-surface-sky:color-mix(in srgb, var(--z-surface) 74%, var(--z-sky));--z-surface-peach:color-mix(in srgb, var(--z-surface) 76%, var(--z-coral));--z-surface-lilac:color-mix(in srgb, var(--z-surface) 76%, var(--z-lilac));--z-ink:hsl(var(--foreground,226 35% 15%));--z-ink-soft:hsl(var(--muted-foreground,218 22% 37%));--z-ink-faint:hsl(var(--muted-foreground,218 22% 37%));--z-line:hsl(var(--border,42 37% 85%));--z-focus:hsl(var(--ring,164 64% 31%));--z-danger:hsl(var(--destructive,348 59% 44%));--z-success:hsl(var(--primary,164 64% 26%));--z-radius-xs:var(--ng-radius-sm);--z-radius-sm:var(--ng-radius-interactive);--z-radius-md:var(--ng-radius-md);--z-radius-lg:var(--ng-radius-lg);--z-radius-xl:var(--ng-radius-xl);--z-shadow-soft:none;--z-shadow-lift:none;--z-font-display:var(--font-sans,system-ui, sans-serif);--z-font-body:var(--font-sans,system-ui, sans-serif);--z-font-reading:"Literata", "Source Serif 4", Georgia, serif;--z-duration-fast:var(--ng-motion-fast);--z-duration-normal:var(--ng-motion-normal);--z-duration-story:var(--ng-motion-slow);--z-ease-pop:var(--ng-easing);--z-ease-soft:var(--ng-easing)}html[data-zstory-theme=playful] body,body[data-zstory-surface]{background:var(--z-canvas);color:var(--z-ink);font-family:var(--z-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}html[data-zstory-theme=playful] h1,html[data-zstory-theme=playful] h2,html[data-zstory-theme=playful] h3,html[data-zstory-theme=playful] [data-story-heading]{color:var(--z-ink);font-family:var(--z-font-display);font-variation-settings:"wght" 680;letter-spacing:-.025em;text-wrap:balance}html[data-zstory-theme=playful] :is(.bg-primary,.bg-accent,.bg-secondary,.bg-destructive,.bg-success,.bg-info,.bg-warning) :is(h1,h2,h3,[data-story-heading]){color:inherit}html[data-zstory-theme=playful] :is(h1,h2,h3,[data-story-heading]).on-artwork{color:var(--story-night-text)}html[data-zstory-theme=playful] :where(button,[role=button],a):focus-visible{outline:.125rem solid var(--z-focus);outline-offset:.125rem}html[data-zstory-theme=playful] :where(input,select,textarea):focus,html[data-zstory-theme=playful] :where(input,select,textarea):focus-visible{outline-offset:0!important;outline:none!important}html[data-zstory-theme=playful] :where(button,[role=button]):not([data-unstyled],[class*=rounded-]){border-radius:var(--z-radius-sm)}html[data-zstory-theme=playful] :where(button,[role=button]):not([data-unstyled]){transition:background-color var(--z-duration-fast) ease, color var(--z-duration-fast) ease, opacity var(--z-duration-fast) ease;touch-action:manipulation}html[data-zstory-theme=playful] :where(a):not([data-unstyled],[class*=rounded-]){border-radius:var(--z-radius-sm)}html[data-zstory-theme=playful] :where(button,[role=button]):not([disabled],[aria-disabled=true],[data-unstyled],[class*=translate-]):hover,html[data-zstory-theme=playful] :where(button,[role=button]):not([disabled],[aria-disabled=true],[data-unstyled],[class*=translate-]):active{transform:none}html[data-zstory-theme=playful] :where(input,textarea,select,[contenteditable=true]):not([data-unstyled]){border-radius:var(--z-radius-sm);background:var(--z-surface);color:var(--z-ink)}html[data-zstory-theme=playful] :where([data-card],[data-surface-card],.z-card){border-radius:var(--z-radius-lg);background:var(--z-surface);box-shadow:none;border:0}html[data-zstory-theme=playful] :where([data-card],[data-surface-card],.z-card)[data-interactive=true]{transition:background-color var(--z-duration-normal) ease, color var(--z-duration-normal) ease}html[data-zstory-theme=playful] :where([data-card],[data-surface-card],.z-card)[data-interactive=true]:hover{box-shadow:none;background:color-mix(in srgb, var(--z-surface) 88%, var(--z-surface-mint));transform:none}.z-kid-page{max-inline-size:90rem;margin-inline:auto;padding:clamp(1rem,3vw,2.25rem)}.z-kid-section{margin-block:clamp(2rem,5vw,5rem)}.z-choice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:clamp(.875rem,2vw,1.5rem);display:grid}.z-choice-card{min-block-size:10.5rem;padding:1.1rem;position:relative;overflow:hidden}.z-choice-card:after{content:"";background:var(--z-surface-sun);opacity:.62;pointer-events:none;border-radius:54% 46% 62% 38%;block-size:4.5rem;inline-size:4.5rem;position:absolute;inset-block-end:-1.25rem;inset-inline-end:-1rem}.z-help-bubble{background:var(--z-surface-sky);color:var(--z-ink);border-radius:1.4rem 1.4rem 1.4rem .45rem;padding:.85rem 1rem}.z-reading-measure{max-inline-size:68ch;font-family:var(--z-font-reading);font-size:clamp(1.05rem,1rem + .35vw,1.32rem);line-height:1.82}body[data-zstory-surface=create],body[data-zstory-surface=studio]{--z-route-accent:var(--z-coral)}body[data-zstory-surface=discover],body[data-zstory-surface=marketplace]{--z-route-accent:var(--z-sky)}body[data-zstory-surface=reader]{--z-route-accent:var(--z-lilac);background:var(--z-canvas-soft)}body[data-zstory-surface=community],body[data-zstory-surface=leaderboard]{--z-route-accent:var(--z-sun)}body[data-zstory-surface=admin]{--z-route-accent:var(--z-primary);background:var(--z-canvas-soft)}@keyframes z-story-arrive{0%{opacity:0;transform:translateY(1.125rem)scale(.985)}to{opacity:1;transform:none}}@keyframes z-sticker-pop{0%{opacity:0;transform:scale(.72)rotate(-4deg)}72%{opacity:1;transform:scale(1.045)rotate(.7deg)}to{transform:none}}@keyframes z-ink-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes z-gentle-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-.375rem)rotate(1deg)}}@keyframes z-progress-sprout{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes z-media-develop{0%{filter:saturate(.45)blur(.3125rem);opacity:.5;transform:scale(1.025)}to{filter:none;opacity:1;transform:none}}.z-reveal{opacity:0;transform:translateY(1.125rem)scale(.985)}.z-reveal[data-visible=true]{animation:z-story-arrive var(--z-duration-story) var(--z-ease-soft) both;animation-delay:var(--z-delay,0s)}.z-sticker-pop{animation:z-sticker-pop .44s var(--z-ease-pop) both}.z-gentle-float{animation:4.8s ease-in-out infinite z-gentle-float}.z-ink-path{stroke-dasharray:1;stroke-dashoffset:1px}.z-ink-path[data-visible=true]{animation:z-ink-draw .8s var(--z-ease-soft) forwards}.z-media-develop[data-loaded=true]{animation:z-media-develop .48s var(--z-ease-soft) both}html.dark,html[data-theme=dark],html.dark[data-zstory-theme=playful],html[data-theme=dark][data-zstory-theme=playful]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--z-shadow-soft:none}@media (max-width:48rem){.z-kid-page{padding:1rem}.z-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}@media (pointer:coarse){html[data-zstory-theme=playful] :where(button,[role=button]):not([data-unstyled],[data-canvas-hit],.zs-hit,[class*=size-],[class^=h-],[class*=\ h-]){min-block-size:2.75rem}html[data-zstory-theme=playful] :where(button,[role=button]):is([class*=size-],[class^=h-],[class*=\ h-]):not([data-unstyled],[data-canvas-hit],.zs-hit,[class*=absolute],[class*=fixed],[class*=sticky]){position:relative}html[data-zstory-theme=playful] :where(button,[role=button]):is([class*=size-],[class^=h-],[class*=\ h-]):not([data-unstyled],[data-canvas-hit],.zs-hit):after{content:"";position:absolute;inset-block:min(0rem,50% - 1.375rem);inset-inline:min(0rem,50% - 1.375rem)}}@media (max-width:25rem){.z-choice-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.z-reveal{opacity:1;transform:none}}.z-illustration-studio{background:var(--z-canvas-soft);border-radius:var(--z-radius-xl);min-block-size:min(78vh,62rem);box-shadow:none;grid-template:"top top top""tools canvas inspector"minmax(32rem,1fr)"scenes scenes scenes"/5.5rem minmax(0,1fr) 19rem;gap:.75rem;padding:.75rem;display:grid}.z-studio-topbar{grid-area:top;align-items:center;gap:.75rem;padding:.35rem .5rem;display:flex}.z-studio-topbar>strong{font-family:var(--z-font-display);font-size:1.18rem}.z-studio-history{gap:.35rem;margin-inline-start:auto;display:flex}.z-studio-actions{gap:.5rem;display:flex}.z-studio-generate{box-shadow:none;padding-inline:1rem;background:var(--z-primary)!important;color:hsl(var(--primary-foreground,0 0% 100%))!important}.z-studio-tools{background:var(--z-surface-sky);border-radius:var(--z-radius-lg);flex-direction:column;grid-area:tools;gap:.4rem;padding:.45rem;display:flex}.z-studio-tools button{background:0 0;place-items:center;gap:.1rem;padding:.4rem .2rem;display:grid}.z-studio-tools button span{font-size:1.25rem}.z-studio-tools button small{font-size:.67rem}.z-studio-tools button[data-active=true]{background:var(--z-surface);color:var(--z-ink);box-shadow:none}.z-studio-canvas{background:repeating-conic-gradient(color-mix(in srgb,var(--z-surface) 92%,var(--z-ink)) 0 25%,var(--z-surface) 0 50%) 50%/1.25rem 1.25rem;border-radius:var(--z-radius-lg);min-inline-size:0;box-shadow:none;grid-area:canvas;place-items:center;display:grid;position:relative;overflow:auto}.z-studio-inspector{background:var(--z-surface);border-radius:var(--z-radius-lg);grid-area:inspector;min-inline-size:0;overflow:hidden}.z-studio-inspector>nav{background:var(--z-surface-lilac);grid-template-columns:repeat(2,1fr);gap:.25rem;padding:.45rem;display:grid}.z-studio-inspector>nav button{background:0 0;min-block-size:2.2rem;font-size:.78rem}.z-studio-inspector>nav button[data-active=true]{background:var(--z-surface);color:var(--z-ink)}.z-studio-panel{max-block-size:calc(78vh - 9rem);padding:.7rem;overflow:auto}.z-glyph-grid{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.z-glyph-grid button{aspect-ratio:1;background:var(--z-canvas-soft);font-size:1.45rem}.z-style-list,.z-font-list{gap:.45rem;display:grid}.z-style-list button,.z-font-list button{text-align:start;background:var(--z-canvas-soft);align-items:center;gap:.65rem;padding:.55rem;display:flex}.z-style-swatch{background:linear-gradient(135deg,var(--z-surface-sun),var(--z-surface-peach));border-radius:.7rem;flex:none;block-size:2.4rem;inline-size:2.4rem}.z-font-list small{color:var(--z-ink-faint);font-family:var(--z-font-body);margin-inline-start:auto;display:block}.z-studio-scenes{background:var(--z-surface-mint);border-radius:var(--z-radius-lg);grid-area:scenes;align-items:center;gap:.75rem;min-block-size:4.8rem;padding:.5rem .7rem;display:flex}@media (max-width:68rem){.z-illustration-studio{grid-template:"top top""tools canvas"minmax(28rem,1fr)"inspector inspector""scenes scenes"/5rem minmax(0,1fr)}.z-studio-inspector{max-block-size:18rem}.z-studio-panel{max-block-size:13rem}}@media (max-width:44rem){.z-illustration-studio{grid-template:"top""canvas"minmax(25rem,1fr)"tools""inspector""scenes"/1fr}.z-studio-topbar>strong{display:none}.z-studio-tools{flex-direction:row;overflow-x:auto}.z-studio-tools button{min-inline-size:3.75rem}.z-studio-inspector{max-block-size:17rem}.z-studio-actions button:first-child{display:none}}.z-studio-search{margin-block-end:.65rem;display:block}.z-studio-search input{min-block-size:2.5rem;inline-size:100%;padding-inline:.75rem}.z-provider-secret-dialog{background:var(--z-surface);min-inline-size:min(90vw,28rem);color:var(--z-ink);border-radius:var(--z-radius-lg);border:0;gap:1rem;padding:1.5rem;display:grid}.z-provider-secret-dialog label{gap:.4rem;display:grid}.z-provider-secret-dialog input{padding:.75rem}.z-provider-secret-dialog>div{justify-content:flex-end;gap:.6rem;display:flex}dialog::backdrop{background:color-mix(in srgb,hsl(var(--background,42 64% 97%)) 62%,transparent);-webkit-backdrop-filter:blur(.1875rem);backdrop-filter:blur(.1875rem)}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}