body[data-theme-family="extended"] {
  --ink:var(--palette-ink); --paper:var(--palette-paper); --cream:var(--palette-paper);
  --acid:var(--palette-soft); --orange:var(--palette-accent); --blue:var(--palette-secondary);
  --wall:var(--palette-paper); --line:color-mix(in srgb,var(--palette-ink) 15%,transparent);
}
body[data-theme-family="extended"] .home-story {
  --ink:var(--palette-ink); --paper:var(--palette-paper); --muted:#565c6c;
  --orange:var(--palette-highlight); --lime:var(--palette-soft);
  --rule:color-mix(in srgb,var(--palette-ink) 15%,transparent);
}
body[data-theme-family="extended"] .landing-invitation {background:var(--palette-paper)}
body[data-theme-family="extended"] .invitation-copy {color:var(--palette-ink)}
body[data-theme-family="extended"] .invitation-copy h1 em,
body[data-theme-family="extended"] .invitation-callout {color:var(--palette-highlight)}
body[data-theme-family="extended"] .invitation-lead,
body[data-theme-family="extended"] .invitation-stat span {color:#565c6c}
body[data-theme-family="extended"] .invitation-stat {background:var(--palette-cool);border-color:var(--line)}
body[data-theme-family="extended"] .invitation-stat:nth-child(2) {background:var(--palette-soft)}
body[data-theme-family="extended"] .invitation-learn-more {color:var(--palette-secondary);border-color:var(--palette-secondary)}
body[data-theme-family="extended"] .invitation-learn-more:hover {background:var(--palette-cool)}
body[data-theme-family="extended"] .invitation-button,
body[data-theme-family="extended"] .primary-button,
body[data-theme-family="extended"] .home-story .button {background:var(--palette-button);color:var(--palette-onbutton)}
body[data-theme-family="extended"] .invitation-button span,
body[data-theme-family="extended"] .primary-button span,
body[data-theme-family="extended"] .home-story .button span {color:inherit}
body[data-theme-family="extended"] .invitation-button:hover,
body[data-theme-family="extended"] .primary-button:hover,
body[data-theme-family="extended"] .home-story .button:hover {filter:brightness(.94)}
body[data-theme-family="extended"] .home-story .dark-section {background:var(--palette-section);color:var(--palette-onsection)}
body[data-theme-family="extended"] .home-story .dark-section .eyebrow,
body[data-theme-family="extended"] .home-story .dark-section em {color:var(--palette-spark)}
body[data-theme-family="extended"] .home-story .dark-section p {color:var(--palette-onsection)}
body[data-theme-family="extended"] .home-story .participation-grid li {background:#fff;border-color:transparent;color:var(--palette-ink)}
body[data-theme-family="extended"] .home-story .step-copy {border-top:6px solid var(--palette-accent)}
body[data-theme-family="extended"] .home-story .participation-grid li:nth-child(2) .step-copy {border-color:var(--palette-secondary)}
body[data-theme-family="extended"] .home-story .participation-grid li:nth-child(3) .step-copy {border-color:var(--palette-third)}
body[data-theme-family="extended"] .home-story .step-copy p {color:#565c6c}
body[data-theme-family="extended"] .home-story .step-copy .number,
body[data-theme-family="extended"] .home-story .community .eyebrow {color:var(--palette-secondary)}
body[data-theme-family="extended"] .home-story .steps-button {background:var(--palette-paper);color:var(--palette-ink)}
body[data-theme-family="extended"] .home-story .cause-section {background:var(--palette-soft)}
body[data-theme-family="extended"] .home-story .cause-section .eyebrow {color:var(--palette-ink)}
body[data-theme-family="extended"] .home-story .partner-placeholder {background:var(--palette-paper);color:var(--palette-ink);border-color:var(--rule)}
body[data-theme-family="extended"] .home-story .resource-image,
body[data-theme-family="extended"] .home-story .resource-status {background:var(--palette-cool);color:var(--palette-secondary)}
body[data-theme-family="extended"] .home-story .finale {background:var(--palette-final);color:var(--palette-onfinal)}
body[data-theme-family="extended"] .home-story .finale h2 em,
body[data-theme-family="extended"] .home-story .finale p {color:var(--palette-onfinal)}
body[data-theme-family="extended"] .home-story .finale .button {background:var(--palette-paper);color:var(--palette-ink)}
body[data-theme-family="extended"] .topbar {background:var(--palette-paper)}
body[data-theme-family="extended"] .brand-mark i:nth-child(3) {background:var(--palette-secondary)}
body[data-theme-family="extended"] .live-dot {background:var(--palette-secondary);box-shadow:0 0 0 4px var(--palette-cool)}
body[data-theme-family="extended"] .gallery-wall {background-color:var(--wall)}

/* A small, keyboard-accessible preview control, independent of the saved theme. */
.theme-switcher {
  position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));
  z-index:90;display:flex;align-items:center;gap:5px;padding:0 7px 0 10px;
  height:36px;max-width:155px;border:1px solid #17241d26;border-radius:20px;
  background:#fffffff2;color:#25312a;box-shadow:0 2px 12px #00000012;
  font:500 12px/1.2 system-ui,sans-serif;
}
.theme-switcher svg {flex:none}
.theme-switcher select {width:112px;min-width:0;height:100%;margin:0;padding:0 2px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.theme-switcher:focus-within {outline:2px solid currentColor;outline-offset:3px}
.theme-switcher select:focus {outline:none}
@media(pointer:coarse) {.theme-switcher{height:44px}}
@media print {.theme-switcher{display:none}}

/* Start the story on a light surface, then give the artwork cluster the colour. */
.home-story {--story-band:var(--ink);--story-onband:var(--paper);--story-spark:var(--lime)}
body[data-theme-family="extended"] .home-story {--story-band:var(--palette-section);--story-onband:var(--palette-onsection);--story-spark:var(--palette-spark)}
body[data-theme] .home-story .create-section {background:#fff;color:var(--ink);border-top:1px solid var(--rule)}
body[data-theme] .home-story .create-section .lead {max-width:650px}
body[data-theme] .home-story .create-section .eyebrow,
body[data-theme] .home-story .step-copy .number {color:var(--ink)}
body[data-theme] .home-story .participation-grid li {background:var(--paper);border:1px solid var(--rule);color:var(--ink)}
body[data-theme] .home-story .create-section p {color:var(--muted)}
body[data-theme] .home-story .create-section .eyebrow {color:var(--ink)}
body[data-theme] .home-story .steps-button {background:var(--ink);color:#fff}
body[data-theme] .home-story .steps-button span {color:inherit}
body[data-theme] .home-story .steps-button:hover {background:var(--ink);filter:brightness(1.2)}
.home-story .community-band {background:var(--story-band);color:var(--story-onband)}
body[data-theme] .home-story .community .eyebrow,
body[data-theme] .home-story .community em {color:var(--story-spark)}
body[data-theme] .home-story .community .prose p {color:var(--story-onband)}
.home-story .community .text-link:hover {color:var(--story-spark)}
.home-story .community-art-card {color:var(--ink)}
body[data-theme] .home-story .cause-section {margin-top:88px;background:#fff;border:1px solid var(--rule)}
@media(max-width:800px){body[data-theme] .home-story .cause-section{margin-top:60px}}
@media(max-width:560px){body[data-theme] .home-story .cause-section{margin-top:48px}}

/* Primary Play: saturated play colours against calm cream and white. */
body[data-theme="theme-1"] {
  --play-accent:#0068c9;--play-ink:#242424;--play-blue:#0068c9;
  --play-yellow:#ffdb00;--play-red:#e5233d;--play-orange:#ff7a20;--play-green:#237445;--play-teal:#087f8c;--play-cream:#fcf9e9;
  --ink:var(--play-ink);--paper:var(--play-cream);--cream:var(--play-cream);
  --orange:var(--play-red);--blue:var(--play-blue);--acid:var(--play-yellow);
  --wall:var(--play-cream);--line:#24242426;
}
body[data-theme="theme-1"] .home-story {
  --ink:var(--play-ink);--paper:var(--play-cream);--muted:#595959;
  --orange:var(--play-accent);--lime:var(--play-yellow);--rule:#24242426;
  --story-band:var(--play-cream);--story-onband:var(--play-ink);--story-spark:var(--play-accent);
}
body[data-theme="theme-1"] .landing-invitation {background:linear-gradient(135deg, var(--play-cream) 0%, var(--play-cream) 22%, #fcf9e9 38%, #fffefc 60%, var(--play-cream) 78%, var(--play-cream) 100%)}
body[data-theme="theme-1"] .invitation-copy,
body[data-theme="theme-1"] .invitation-copy h1,
body[data-theme="theme-1"] :is(.invitation-copy h1 em,.canvas-wordmark em) {color:var(--play-ink)}
body[data-theme="theme-1"] .invitation-lead,
body[data-theme="theme-1"] .invitation-stat span {color:#595959}
body[data-theme="theme-1"] .invitation-stat {background:#fff;border:1px solid #f3f3f3;border-radius:18px;border-bottom:5px solid var(--play-blue)}
body[data-theme="theme-1"] .invitation-stat:nth-child(2) {border-bottom-color:var(--play-red)}
body[data-theme="theme-1"] .invitation-stat strong {color:var(--play-ink)}
body[data-theme="theme-1"] .invitation-button,
body[data-theme="theme-1"] .primary-button,
body[data-theme="theme-1"] .home-story .button {background:var(--play-yellow);color:var(--play-ink);border:0;border-radius:18px;box-shadow:none}
body[data-theme="theme-1"] .invitation-button span,
body[data-theme="theme-1"] .primary-button span,
body[data-theme="theme-1"] .home-story .button span {color:inherit}
body[data-theme="theme-1"] .invitation-button:hover,
body[data-theme="theme-1"] .primary-button:hover,
body[data-theme="theme-1"] .home-story .button:hover {background:#ffe64c;filter:none}
body[data-theme="theme-1"] .invitation-learn-more {color:var(--play-accent);border:1px solid #a2a2a233;border-radius:18px;text-decoration:none}
body[data-theme="theme-1"] .invitation-learn-more:hover {background:#fff}
body[data-theme="theme-1"] .home-story .create-section {background:#f6f2de;border:0;color:var(--play-ink)}
body[data-theme="theme-1"] .home-story .create-section .eyebrow,
body[data-theme="theme-1"] .home-story .create-section .lead {color:#595959}
body[data-theme="theme-1"] .home-story #create-title em {color:var(--play-red)}
body[data-theme="theme-1"] .home-story .participation-grid li {background:#fff;border:0;border-radius:20px;color:var(--play-ink)}
body[data-theme="theme-1"] .home-story .step-copy {border-top:7px solid var(--play-yellow)}
body[data-theme="theme-1"] .home-story .participation-grid li:nth-child(2) .step-copy {border-color:var(--play-red)}
body[data-theme="theme-1"] .home-story .participation-grid li:nth-child(3) .step-copy {border-color:var(--play-accent)}
body[data-theme="theme-1"] .home-story .step-copy p {color:#595959}
body[data-theme="theme-1"] .home-story .step-copy .number {display:inline-grid;place-items:center;width:36px;height:36px;background:var(--play-yellow);border-radius:50%;color:var(--play-ink);font-size:15px}
body[data-theme="theme-1"] .home-story .participation-grid li:nth-child(2) .number {background:var(--play-red);color:#fff}
body[data-theme="theme-1"] .home-story .participation-grid li:nth-child(3) .number {background:var(--play-accent);color:#fff}
body[data-theme="theme-1"] .home-story .participation-grid li:nth-child(4) .number {background:#237445;color:#fff}
body[data-theme="theme-1"] .home-story .participation-grid li:nth-child(5) .number {background:var(--play-orange);color:#fff}
body[data-theme="theme-1"] .home-story .participation-grid li:nth-child(4) .step-copy {border-color:#237445}
body[data-theme="theme-1"] .home-story .participation-grid li:nth-child(5) .step-copy {border-color:var(--play-orange)}
body[data-theme="theme-1"] .home-story .community-band {background:var(--play-cream)}
body[data-theme="theme-1"] .home-story .community-art-cluster::before {content:"";position:absolute;inset:3% 0;background:var(--play-yellow);border-radius:48% 52% 44% 56%;transform:rotate(-8deg);z-index:-1}
body[data-theme="theme-1"] .home-story .community-art-card {color:var(--play-ink);box-shadow:0 8px 24px #24242418}
body[data-theme="theme-1"] .home-story .cause-section {background:var(--play-yellow);border:0;border-radius:24px;margin-top:24px}
body[data-theme="theme-1"] .home-story .cause-section p,
body[data-theme="theme-1"] .home-story .cause-section .eyebrow,
body[data-theme="theme-1"] .home-story .cause-section em {color:var(--play-ink)}
body[data-theme="theme-1"] .home-story .partner-placeholder {background:#fff;border-color:#24242440;color:var(--play-accent)}
body[data-theme="theme-1"] .home-story .resource-image {background:var(--play-red);border-radius:24px}
body[data-theme="theme-1"] .home-story .resource-status {background:#fff;color:var(--play-accent);border-radius:12px}
body[data-theme="theme-1"] .home-story .finale {background:#f6f2de;color:var(--play-ink)}
body[data-theme="theme-1"] .home-story .finale h2 em {color:var(--play-orange)}
body[data-theme="theme-1"] .home-story .finale p {color:var(--play-ink)}
body[data-theme="theme-1"] .topbar {background:#fff}
body[data-theme="theme-1"] .brand-mark i:nth-child(3),
body[data-theme="theme-1"] .live-dot {background:var(--play-blue)}
body[data-theme="theme-1"] .gallery-wall {background-color:var(--play-cream)}
body[data-theme="theme-1"] .home-story .section-image[src$="section-image-placeholder.svg"] {filter:grayscale(1) brightness(1.06)}
body[data-theme="theme-1"] .invitation-art-callout {color:var(--play-red)}

body[data-theme="theme-1"] :is(.invitation-copy h1 em,.canvas-wordmark em) {color:var(--play-orange)}
body[data-theme="theme-1"] .home-story #community-title em {color:var(--play-blue)}
body[data-theme="theme-1"] .home-story #cause-title em {color:var(--play-green)}
body[data-theme="theme-1"] .home-story #resources-title em {color:var(--play-teal)}
@media(forced-colors:active){body[data-theme="theme-1"] :is(.invitation-copy h1 em,.canvas-wordmark em){color:CanvasText}}

/* Override the app's ID-scoped dark hover so label and surface stay paired. */
body[data-theme="theme-1"] #app :is(.primary-button,.hero-button):hover:not(:disabled) {background:#ffe64c;color:var(--play-ink)}
body[data-theme="theme-1"] .home-story :is(.steps-button,.finale .button) {background:#fff;color:var(--play-ink)}
body[data-theme="theme-1"] .home-story :is(.steps-button,.finale .button):hover {background:#f3f0e8;color:var(--play-ink);filter:none}
body[data-theme="theme-1"].canvas-page .topbar {background:var(--play-cream)}
body[data-theme="theme-1"].canvas-page .topbar-actions .gallery-button {border-radius:18px;border-color:#a2a2a233}

/* Theme 2: Creative Playground — bright paper, playful blocks of colour. */
body[data-theme="theme-2"]{--palette-ink:#292337;--palette-paper:#fffcff;--palette-accent:#7145e8;--palette-highlight:#7145e8;--palette-section:#72efdf;--palette-onsection:#292337;--palette-spark:#5130a5;--palette-secondary:#6740ce;--palette-soft:#fff0aa;--palette-cool:#eee7ff;--palette-final:#ffdf3f;--palette-onfinal:#292337;--palette-button:#7145e8;--palette-onbutton:#fff;--palette-third:#ed3ba4}
body[data-theme="theme-2"] .landing-invitation{background:radial-gradient(ellipse at 0% 100%,#c5fff1 0,transparent 42%),radial-gradient(ellipse at 100% 0%,#f9d8ff 0,transparent 46%),#f7f2ff}
body[data-theme="theme-2"] .invitation-blank-canvas,body[data-theme="theme-2"] .canvas-page-frame{background:#e7ddff;border-color:#e7ddff;box-shadow:inset 0 0 0 1px #d1bef5,0 16px 40px #7145e819,3px 4px 0 #cbb6f3}
body[data-theme="theme-2"] .invitation-giving{color:#6740ce}
body[data-theme="theme-2"] .invitation-stat{background:#fff;border:0;border-bottom:5px solid #42d8c4;border-radius:18px}
body[data-theme="theme-2"] .invitation-stat:nth-child(2){background:#fff;border-bottom-color:#ff69b4}
body[data-theme="theme-2"] :is(.invitation-button,.invitation-learn-more,.home-story .button,.primary-button,.gallery-button){border-radius:16px}
body[data-theme="theme-2"] .invitation-learn-more{background:#ffffff70;border-color:#7145e833}
body[data-theme="theme-2"] #app :is(.primary-button,.hero-button):hover:not(:disabled){background:#5830be;color:#fff;filter:none}
body[data-theme="theme-2"] .home-story .create-section{background:#fff;border:0}
body[data-theme="theme-2"] .home-story #create-title em{color:#bc1878}
body[data-theme="theme-2"] .home-story .participation-grid li{--card-colour:#dfd2ff;background:var(--card-colour);border:0;border-radius:22px;box-shadow:0 8px 24px #5130a510}
body[data-theme="theme-2"] .home-story .participation-grid li:nth-child(2){--card-colour:#ffb6df}
body[data-theme="theme-2"] .home-story .participation-grid li:nth-child(3){--card-colour:#ffdf3f}
body[data-theme="theme-2"] .home-story .participation-grid li:nth-child(4){--card-colour:#72efdf}
body[data-theme="theme-2"] .home-story .participation-grid li:nth-child(5){--card-colour:#ffba76}
body[data-theme="theme-2"] .home-story .participation-grid .step-copy{border:0;background:var(--card-colour)}
body[data-theme="theme-2"] .home-story .participation-grid .step-copy :is(h3,p){color:#292337}
body[data-theme="theme-2"] .home-story .step-copy .number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#6740ce;font-size:15px}
body[data-theme="theme-2"] .home-story .steps-button{background:#7145e8;color:#fff}
body[data-theme="theme-2"] .home-story .steps-button:hover{background:#5830be;filter:none}
body[data-theme="theme-2"] .home-story .learning-band{background:#eee5ff}
body[data-theme="theme-2"] .home-story .learning-section em{color:#6740ce}
body[data-theme="theme-2"] .home-story .community-band{background:#72efdf}
body[data-theme="theme-2"] .home-story .community :is(em,.eyebrow){color:#292337}
body[data-theme="theme-2"] .home-story .community-art-cluster::before{content:"";position:absolute;inset:6%;border-radius:44% 56% 62% 38%;background:#fff0aa;transform:rotate(-10deg);z-index:-1}
body[data-theme="theme-2"] .home-story .cause-section{background:#fff0f8;border:0;border-radius:24px}
body[data-theme="theme-2"] .home-story .cause-section em{color:#bc1878}
body[data-theme="theme-2"] .home-story .art-evidence em{color:#6740ce}
body[data-theme="theme-2"] .home-story .resources-section em{color:#ac4b00}
body[data-theme="theme-2"] .home-story .resource-status{background:#ffdf3f;color:#292337;border-radius:12px}
body[data-theme="theme-2"] .home-story .signup-section{background:#7145e8;border-radius:24px;color:#fff}
body[data-theme="theme-2"] .home-story .signup-section :is(p,.eyebrow,.signup-consent){color:#fff}
body[data-theme="theme-2"] .home-story .signup-section em{color:#ffdf3f}
body[data-theme="theme-2"] .home-story .signup-section .button{background:#ffdf3f;color:#292337}
body[data-theme="theme-2"] .home-story .signup-consent input{accent-color:#292337}
body[data-theme="theme-2"] .home-story .finale{background:#ffdf3f}
body[data-theme="theme-2"] .home-story .finale h2 em{color:#6740ce}
body[data-theme="theme-2"] .home-story .finale .button{background:#7145e8;color:#fff}
body[data-theme="theme-2"] .home-story .finale .button:hover{background:#5830be;filter:none}
body[data-theme="theme-2"] :is(.topbar,.studio-page){background:#f7f2ff}
body[data-theme="theme-2"] .canvas-wordmark em{color:#7145e8}
body[data-theme="theme-2"] .home-story a:focus-visible{outline-color:currentColor}

/* Theme 3: Bubblegum Party — bright paper, playful blocks of colour. */
body[data-theme="theme-3"]{--palette-ink:#292337;--palette-paper:#fffcff;--palette-accent:#c31b79;--palette-highlight:#c31b79;--palette-section:#62ead8;--palette-onsection:#292337;--palette-spark:#8d1556;--palette-secondary:#a71868;--palette-soft:#fff0aa;--palette-cool:#eee7ff;--palette-final:#ffe34a;--palette-onfinal:#292337;--palette-button:#c31b79;--palette-onbutton:#fff;--palette-third:#ed3ba4}
body[data-theme="theme-3"] .landing-invitation{background:radial-gradient(ellipse at 0% 100%,#fff1b0 0,transparent 42%),radial-gradient(ellipse at 100% 0%,#ffcde8 0,transparent 46%),#fff3f9}
body[data-theme="theme-3"] .invitation-blank-canvas,body[data-theme="theme-3"] .canvas-page-frame{background:#ffd3e9;border-color:#ffd3e9;box-shadow:inset 0 0 0 1px #efa8ce,0 16px 40px #c31b7919,3px 4px 0 #ee9ac8}
body[data-theme="theme-3"] .invitation-giving{color:#a71868}
body[data-theme="theme-3"] .invitation-stat{background:#fff;border:0;border-bottom:5px solid #42d8c4;border-radius:18px}
body[data-theme="theme-3"] .invitation-stat:nth-child(2){background:#fff;border-bottom-color:#ff69b4}
body[data-theme="theme-3"] :is(.invitation-button,.invitation-learn-more,.home-story .button,.primary-button,.gallery-button){border-radius:16px}
body[data-theme="theme-3"] .invitation-learn-more{background:#ffffff70;border-color:#c31b7933}
body[data-theme="theme-3"] #app :is(.primary-button,.hero-button):hover:not(:disabled){background:#99115d;color:#fff;filter:none}
body[data-theme="theme-3"] .home-story .create-section{background:#fff;border:0}
body[data-theme="theme-3"] .home-story #create-title em{color:#08796f}
body[data-theme="theme-3"] .home-story .participation-grid li{--card-colour:#ffc1e2;background:var(--card-colour);border:0;border-radius:22px;box-shadow:0 8px 24px #8d155610}
body[data-theme="theme-3"] .home-story .participation-grid li:nth-child(2){--card-colour:#cbbaf7}
body[data-theme="theme-3"] .home-story .participation-grid li:nth-child(3){--card-colour:#ffe34a}
body[data-theme="theme-3"] .home-story .participation-grid li:nth-child(4){--card-colour:#62ead8}
body[data-theme="theme-3"] .home-story .participation-grid li:nth-child(5){--card-colour:#ffba76}
body[data-theme="theme-3"] .home-story .participation-grid .step-copy{border:0;background:var(--card-colour)}
body[data-theme="theme-3"] .home-story .participation-grid .step-copy :is(h3,p){color:#292337}
body[data-theme="theme-3"] .home-story .step-copy .number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#a71868;font-size:15px}
body[data-theme="theme-3"] .home-story .steps-button{background:#c31b79;color:#fff}
body[data-theme="theme-3"] .home-story .steps-button:hover{background:#99115d;filter:none}
body[data-theme="theme-3"] .home-story .learning-band{background:#fff0ad}
body[data-theme="theme-3"] .home-story .learning-section em{color:#a71868}
body[data-theme="theme-3"] .home-story .community-band{background:#62ead8}
body[data-theme="theme-3"] .home-story .community :is(em,.eyebrow){color:#292337}
body[data-theme="theme-3"] .home-story .community-art-cluster::before{content:"";position:absolute;inset:6%;border-radius:44% 56% 62% 38%;background:#fff0aa;transform:rotate(-10deg);z-index:-1}
body[data-theme="theme-3"] .home-story .cause-section{background:#f0eaff;border:0;border-radius:24px}
body[data-theme="theme-3"] .home-story .cause-section em{color:#08796f}
body[data-theme="theme-3"] .home-story .art-evidence em{color:#a71868}
body[data-theme="theme-3"] .home-story .resources-section em{color:#ac4b00}
body[data-theme="theme-3"] .home-story .resource-status{background:#ffe34a;color:#292337;border-radius:12px}
body[data-theme="theme-3"] .home-story .signup-section{background:#c31b79;border-radius:24px;color:#fff}
body[data-theme="theme-3"] .home-story .signup-section :is(p,.eyebrow,.signup-consent){color:#fff}
body[data-theme="theme-3"] .home-story .signup-section em{color:#ffe34a}
body[data-theme="theme-3"] .home-story .signup-section .button{background:#ffe34a;color:#292337}
body[data-theme="theme-3"] .home-story .signup-consent input{accent-color:#292337}
body[data-theme="theme-3"] .home-story .finale{background:#ffe34a}
body[data-theme="theme-3"] .home-story .finale h2 em{color:#a71868}
body[data-theme="theme-3"] .home-story .finale .button{background:#c31b79;color:#fff}
body[data-theme="theme-3"] .home-story .finale .button:hover{background:#99115d;filter:none}
body[data-theme="theme-3"] :is(.topbar,.studio-page){background:#fff3f9}
body[data-theme="theme-3"] .canvas-wordmark em{color:#c31b79}
body[data-theme="theme-3"] .home-story a:focus-visible{outline-color:currentColor}

/* Theme 4: Tangerine Studio — bright paper, playful blocks of colour. */
body[data-theme="theme-4"]{--palette-ink:#292337;--palette-paper:#fffcff;--palette-accent:#ad4700;--palette-highlight:#ad4700;--palette-section:#50decf;--palette-onsection:#292337;--palette-spark:#843600;--palette-secondary:#a34400;--palette-soft:#fff0aa;--palette-cool:#eee7ff;--palette-final:#ffe45c;--palette-onfinal:#292337;--palette-button:#ad4700;--palette-onbutton:#fff;--palette-third:#ed3ba4}
body[data-theme="theme-4"] .landing-invitation{background:radial-gradient(ellipse at 0% 100%,#fff2a2 0,transparent 42%),radial-gradient(ellipse at 100% 0%,#ffdab5 0,transparent 46%),#fff8ec}
body[data-theme="theme-4"] .invitation-blank-canvas,body[data-theme="theme-4"] .canvas-page-frame{background:#ffd5a5;border-color:#ffd5a5;box-shadow:inset 0 0 0 1px #eab87e,0 16px 40px #ad470019,3px 4px 0 #e8b16f}
body[data-theme="theme-4"] .invitation-giving{color:#a34400}
body[data-theme="theme-4"] .invitation-stat{background:#fff;border:0;border-bottom:5px solid #42d8c4;border-radius:18px}
body[data-theme="theme-4"] .invitation-stat:nth-child(2){background:#fff;border-bottom-color:#ff69b4}
body[data-theme="theme-4"] :is(.invitation-button,.invitation-learn-more,.home-story .button,.primary-button,.gallery-button){border-radius:16px}
body[data-theme="theme-4"] .invitation-learn-more{background:#ffffff70;border-color:#ad470033}
body[data-theme="theme-4"] #app :is(.primary-button,.hero-button):hover:not(:disabled){background:#843600;color:#fff;filter:none}
body[data-theme="theme-4"] .home-story .create-section{background:#fff;border:0}
body[data-theme="theme-4"] .home-story #create-title em{color:#087c77}
body[data-theme="theme-4"] .home-story .participation-grid li{--card-colour:#ffca87;background:var(--card-colour);border:0;border-radius:22px;box-shadow:0 8px 24px #84360010}
body[data-theme="theme-4"] .home-story .participation-grid li:nth-child(2){--card-colour:#8cebdd}
body[data-theme="theme-4"] .home-story .participation-grid li:nth-child(3){--card-colour:#ffe45c}
body[data-theme="theme-4"] .home-story .participation-grid li:nth-child(4){--card-colour:#50decf}
body[data-theme="theme-4"] .home-story .participation-grid li:nth-child(5){--card-colour:#e4c4ff}
body[data-theme="theme-4"] .home-story .participation-grid .step-copy{border:0;background:var(--card-colour)}
body[data-theme="theme-4"] .home-story .participation-grid .step-copy :is(h3,p){color:#292337}
body[data-theme="theme-4"] .home-story .step-copy .number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#a34400;font-size:15px}
body[data-theme="theme-4"] .home-story .steps-button{background:#ad4700;color:#fff}
body[data-theme="theme-4"] .home-story .steps-button:hover{background:#843600;filter:none}
body[data-theme="theme-4"] .home-story .learning-band{background:#ffe3ee}
body[data-theme="theme-4"] .home-story .learning-section em{color:#a34400}
body[data-theme="theme-4"] .home-story .community-band{background:#50decf}
body[data-theme="theme-4"] .home-story .community :is(em,.eyebrow){color:#292337}
body[data-theme="theme-4"] .home-story .community-art-cluster::before{content:"";position:absolute;inset:6%;border-radius:44% 56% 62% 38%;background:#fff0aa;transform:rotate(-10deg);z-index:-1}
body[data-theme="theme-4"] .home-story .cause-section{background:#fff1b5;border:0;border-radius:24px}
body[data-theme="theme-4"] .home-story .cause-section em{color:#087c77}
body[data-theme="theme-4"] .home-story .art-evidence em{color:#a34400}
body[data-theme="theme-4"] .home-story .resources-section em{color:#ac4b00}
body[data-theme="theme-4"] .home-story .resource-status{background:#ffe45c;color:#292337;border-radius:12px}
body[data-theme="theme-4"] .home-story .signup-section{background:#ad4700;border-radius:24px;color:#fff}
body[data-theme="theme-4"] .home-story .signup-section :is(p,.eyebrow,.signup-consent){color:#fff}
body[data-theme="theme-4"] .home-story .signup-section em{color:#ffe45c}
body[data-theme="theme-4"] .home-story .signup-section .button{background:#ffe45c;color:#292337}
body[data-theme="theme-4"] .home-story .signup-consent input{accent-color:#292337}
body[data-theme="theme-4"] .home-story .finale{background:#ffe45c}
body[data-theme="theme-4"] .home-story .finale h2 em{color:#a34400}
body[data-theme="theme-4"] .home-story .finale .button{background:#ad4700;color:#fff}
body[data-theme="theme-4"] .home-story .finale .button:hover{background:#843600;filter:none}
body[data-theme="theme-4"] :is(.topbar,.studio-page){background:#fff8ec}
body[data-theme="theme-4"] .canvas-wordmark em{color:#ad4700}
body[data-theme="theme-4"] .home-story a:focus-visible{outline-color:currentColor}

/* Theme 5: Electric Confetti — bright paper, playful blocks of colour. */
body[data-theme="theme-5"]{--palette-ink:#292337;--palette-paper:#fffcff;--palette-accent:#344dcc;--palette-highlight:#344dcc;--palette-section:#61eac4;--palette-onsection:#292337;--palette-spark:#293da2;--palette-secondary:#344dcc;--palette-soft:#fff0aa;--palette-cool:#eee7ff;--palette-final:#ffe048;--palette-onfinal:#292337;--palette-button:#344dcc;--palette-onbutton:#fff;--palette-third:#ed3ba4}
body[data-theme="theme-5"] .landing-invitation{background:radial-gradient(ellipse at 0% 100%,#cbfff0 0,transparent 42%),radial-gradient(ellipse at 100% 0%,#ddd4ff 0,transparent 46%),#f4f6ff}
body[data-theme="theme-5"] .invitation-blank-canvas,body[data-theme="theme-5"] .canvas-page-frame{background:#cdd7ff;border-color:#cdd7ff;box-shadow:inset 0 0 0 1px #a8b6ef,0 16px 40px #344dcc19,3px 4px 0 #96a5e0}
body[data-theme="theme-5"] .invitation-giving{color:#344dcc}
body[data-theme="theme-5"] .invitation-stat{background:#fff;border:0;border-bottom:5px solid #42d8c4;border-radius:18px}
body[data-theme="theme-5"] .invitation-stat:nth-child(2){background:#fff;border-bottom-color:#ff69b4}
body[data-theme="theme-5"] :is(.invitation-button,.invitation-learn-more,.home-story .button,.primary-button,.gallery-button){border-radius:16px}
body[data-theme="theme-5"] .invitation-learn-more{background:#ffffff70;border-color:#344dcc33}
body[data-theme="theme-5"] #app :is(.primary-button,.hero-button):hover:not(:disabled){background:#25399c;color:#fff;filter:none}
body[data-theme="theme-5"] .home-story .create-section{background:#fff;border:0}
body[data-theme="theme-5"] .home-story #create-title em{color:#bb176d}
body[data-theme="theme-5"] .home-story .participation-grid li{--card-colour:#c4cbff;background:var(--card-colour);border:0;border-radius:22px;box-shadow:0 8px 24px #293da210}
body[data-theme="theme-5"] .home-story .participation-grid li:nth-child(2){--card-colour:#ffa3cf}
body[data-theme="theme-5"] .home-story .participation-grid li:nth-child(3){--card-colour:#ffe048}
body[data-theme="theme-5"] .home-story .participation-grid li:nth-child(4){--card-colour:#61eac4}
body[data-theme="theme-5"] .home-story .participation-grid li:nth-child(5){--card-colour:#bcb0f9}
body[data-theme="theme-5"] .home-story .participation-grid .step-copy{border:0;background:var(--card-colour)}
body[data-theme="theme-5"] .home-story .participation-grid .step-copy :is(h3,p){color:#292337}
body[data-theme="theme-5"] .home-story .step-copy .number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#344dcc;font-size:15px}
body[data-theme="theme-5"] .home-story .steps-button{background:#344dcc;color:#fff}
body[data-theme="theme-5"] .home-story .steps-button:hover{background:#25399c;filter:none}
body[data-theme="theme-5"] .home-story .learning-band{background:#ffeaaa}
body[data-theme="theme-5"] .home-story .learning-section em{color:#344dcc}
body[data-theme="theme-5"] .home-story .community-band{background:#61eac4}
body[data-theme="theme-5"] .home-story .community :is(em,.eyebrow){color:#292337}
body[data-theme="theme-5"] .home-story .community-art-cluster::before{content:"";position:absolute;inset:6%;border-radius:44% 56% 62% 38%;background:#fff0aa;transform:rotate(-10deg);z-index:-1}
body[data-theme="theme-5"] .home-story .cause-section{background:#ffe6f3;border:0;border-radius:24px}
body[data-theme="theme-5"] .home-story .cause-section em{color:#bb176d}
body[data-theme="theme-5"] .home-story .art-evidence em{color:#344dcc}
body[data-theme="theme-5"] .home-story .resources-section em{color:#ac4b00}
body[data-theme="theme-5"] .home-story .resource-status{background:#ffe048;color:#292337;border-radius:12px}
body[data-theme="theme-5"] .home-story .signup-section{background:#344dcc;border-radius:24px;color:#fff}
body[data-theme="theme-5"] .home-story .signup-section :is(p,.eyebrow,.signup-consent){color:#fff}
body[data-theme="theme-5"] .home-story .signup-section em{color:#ffe048}
body[data-theme="theme-5"] .home-story .signup-section .button{background:#ffe048;color:#292337}
body[data-theme="theme-5"] .home-story .signup-consent input{accent-color:#292337}
body[data-theme="theme-5"] .home-story .finale{background:#ffe048}
body[data-theme="theme-5"] .home-story .finale h2 em{color:#344dcc}
body[data-theme="theme-5"] .home-story .finale .button{background:#344dcc;color:#fff}
body[data-theme="theme-5"] .home-story .finale .button:hover{background:#25399c;filter:none}
body[data-theme="theme-5"] :is(.topbar,.studio-page){background:#f4f6ff}
body[data-theme="theme-5"] .canvas-wordmark em{color:#344dcc}
body[data-theme="theme-5"] .home-story a:focus-visible{outline-color:currentColor}

/* Tangerine keeps bright orange controls legible with ink-coloured labels. */
body[data-theme="theme-4"]{--palette-button:#ff963d;--palette-onbutton:#292337}
body[data-theme="theme-4"] .home-story :is(.steps-button,.finale .button){background:#ff963d;color:#292337}
body[data-theme="theme-4"] .home-story :is(.steps-button,.finale .button):hover{background:#ffb266;color:#292337}

/* Upload guidance and submission panels follow the active site palette. */
body[data-theme="theme-1"]{--studio-accent:var(--play-blue);--studio-soft:#f6f2de;--upload-one:#fff0a3;--upload-two:#dceeff;--upload-three:#ffe0ca}
body[data-theme="theme-2"]{--upload-one:#dfd2ff;--upload-two:#ffb6df;--upload-three:#72efdf}
body[data-theme="theme-3"]{--upload-one:#ffc1e2;--upload-two:#cbbaf7;--upload-three:#ffe34a}
body[data-theme="theme-4"]{--upload-one:#ffca87;--upload-two:#8cebdd;--upload-three:#ffe3ee}
body[data-theme="theme-5"]{--upload-one:#c4cbff;--upload-two:#ffa3cf;--upload-three:#61eac4}
body[data-theme-family="extended"]{--studio-accent:var(--palette-secondary);--studio-soft:var(--palette-cool)}
body[data-theme] .upload-guide-card{background:var(--upload-one);border-color:color-mix(in srgb,var(--studio-accent) 18%,transparent);border-radius:18px}
body[data-theme] .upload-guide-card:nth-child(2){background:var(--upload-two)}
body[data-theme] .upload-guide-card:nth-child(3){background:var(--upload-three)}
body[data-theme] .upload-guide-card :is(h4,p){color:var(--ink)}
body[data-theme] .upload-guide-intro strong,
body[data-theme] .upload-icon{color:var(--studio-accent)}
body[data-theme] .studio-page .dropzone{border-color:var(--studio-accent);background:color-mix(in srgb,var(--studio-soft) 40%,white);border-radius:16px}
body[data-theme] .studio-page .dropzone:is(:hover,.dragging){background:var(--studio-soft)}
body[data-theme] .upload-workspace .dropzone:focus-within{outline-color:var(--studio-accent)}
body[data-theme] .studio-mode-tabs button{background:var(--studio-soft);color:var(--ink);border-color:transparent}
body[data-theme] .studio-mode-tabs button[aria-pressed=true]{background:#fff;color:var(--studio-accent);border-color:var(--studio-accent);box-shadow:inset 0 0 0 1px var(--studio-accent)}
body[data-theme] .studio-mode-tabs button:hover{background:var(--studio-soft);color:var(--studio-accent)}
body[data-theme] .studio-details,
body[data-theme] .thanks-share{background:color-mix(in srgb,var(--studio-soft) 25%,white);border-color:color-mix(in srgb,var(--studio-accent) 20%,transparent)}
body[data-theme] .studio-page .details-row :is(input,textarea):focus{border-color:var(--studio-accent);outline-color:var(--studio-accent)}
body[data-theme] .thanks-mark{background:var(--studio-soft);color:var(--studio-accent)}
body[data-theme] .preview-edit-button{color:var(--studio-accent)}
body[data-theme] .preview-edit-button:hover:not(:disabled){background:var(--studio-soft);border-color:transparent;color:var(--studio-accent)}

/* Shared artwork moderation notices use the same surfaces and actions as the site. */
body[data-theme="theme-1"]{--notice-button:var(--play-yellow);--notice-onbutton:var(--play-ink)}
body[data-theme-family="extended"]{--notice-button:var(--palette-button);--notice-onbutton:var(--palette-onbutton)}
body[data-theme] .shared-artwork-notice{background:var(--paper);color:var(--ink);border-color:color-mix(in srgb,var(--studio-accent) 20%,transparent);box-shadow:0 10px 50px color-mix(in srgb,var(--ink) 15%,transparent)}
body[data-theme] .shared-artwork-notice h2{color:var(--studio-accent)}
body[data-theme] .shared-artwork-notice p{color:var(--ink)}
body[data-theme] .shared-artwork-notice button{background:transparent;color:var(--studio-accent);border-color:color-mix(in srgb,var(--studio-accent) 22%,transparent)}
body[data-theme] .shared-artwork-notice button:first-child{background:var(--notice-button);color:var(--notice-onbutton);border-color:transparent}
body[data-theme] .shared-artwork-notice button:hover{filter:brightness(.94)}
body[data-theme] .shared-artwork-notice button:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}

/* Full-screen Gallery carries the selected palette around a neutral art surface. */
body[data-theme] #gallery .gallery-wall{background-color:var(--paper);background-image:radial-gradient(ellipse at 90% 0%,var(--upload-one),transparent 55%),radial-gradient(ellipse at 0% 100%,var(--upload-three),transparent 55%)}
body[data-theme] #gallery .wall-title h1{color:var(--studio-accent)}
body[data-theme] #gallery .display-screen{border-color:var(--studio-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--studio-accent) 20%,transparent),0 18px 45px color-mix(in srgb,var(--ink) 10%,transparent),3px 4px 0 color-mix(in srgb,var(--studio-accent) 30%,var(--paper))}
body[data-theme] #gallery .gallery-home{color:var(--studio-accent)}
body[data-theme] #gallery .gallery-home:hover{background:var(--studio-soft)}
body[data-theme] #gallery .screen-message{background:var(--paper);color:var(--ink)}
body[data-theme] #gallery .screen-message h2 em{color:var(--studio-accent)}
body[data-theme] #gallery .screen-message i{border-color:var(--studio-soft);border-top-color:var(--studio-accent)}
body[data-theme] #gallery .screen-message :is(button,a){background:var(--notice-button);color:var(--notice-onbutton);border-radius:12px}
body[data-theme] #gallery .screen-message :is(button,a):hover{filter:brightness(.94)}
body[data-theme] #gallery .invitation-motion-toggle{background:var(--paper);color:var(--studio-accent);border-color:color-mix(in srgb,var(--studio-accent) 25%,transparent)}
body[data-theme] #gallery .invitation-motion-toggle:hover{background:var(--studio-soft)}
body[data-theme] #gallery .invitation-art-caption{color:var(--ink);border-color:color-mix(in srgb,var(--studio-accent) 12%,transparent)}
body[data-theme] #gallery :is(a,button):focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}

/* Drawing controls reflect the theme; brush colours and artwork stay literal. */
body[data-theme] .drawing-workspace{--tool-border:color-mix(in srgb,var(--studio-accent) 22%,transparent);--tool-fill:color-mix(in srgb,var(--studio-soft) 45%,white)}
body[data-theme] .studio-page .drawing-workspace .tools{background:color-mix(in srgb,var(--studio-soft) 18%,white);border-color:var(--tool-border);color:var(--ink)}
body[data-theme] .drawing-workspace :is(.colour-picker-label,.brush-style,.brush-scale,.brush-scale output,.zoom-readout){color:var(--ink)}
body[data-theme] .drawing-workspace .tool-divider{background:var(--tool-border)}
body[data-theme] .drawing-workspace .colour-picker-button{box-shadow:0 0 0 1px var(--studio-accent)}
body[data-theme] .drawing-workspace :is(.brush-style-trigger,.eraser-button,.history-controls .tool-text,.drawing-zoom,.colour-done,.brush-style-popover button){background:var(--tool-fill);border-color:var(--tool-border);color:var(--studio-accent)}
body[data-theme] .drawing-workspace :is(.brush-style-trigger,.eraser-button,.history-controls .tool-text,.drawing-zoom,.colour-done,.brush-style-popover button):hover:not(:disabled){background:var(--studio-soft);border-color:var(--studio-accent);color:var(--studio-accent)}
body[data-theme] .drawing-workspace :is(.eraser-button.active,.brush-style-trigger[aria-expanded=true],.brush-style-popover button.active){background:var(--studio-soft);border-color:var(--studio-accent);color:var(--studio-accent);box-shadow:inset 0 0 0 1px var(--studio-accent)}
body[data-theme] .drawing-workspace :is(.history-controls .tool-text,.drawing-zoom):disabled{background:var(--tool-fill);border-color:var(--tool-border);color:var(--ink);opacity:.4}
body[data-theme] .drawing-workspace .brush-scale input{accent-color:var(--studio-accent)}
body[data-theme] .drawing-workspace :is(.colour-popover,.brush-style-popover){background:var(--paper);border-color:var(--tool-border);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 16%,transparent)}
body[data-theme] .drawing-workspace .eyedropper-button{color:var(--studio-accent)}
body[data-theme] .drawing-workspace .eyedropper-button:is(:hover,[aria-pressed=true]){background:var(--studio-soft);color:var(--studio-accent)}
body[data-theme] .drawing-workspace :is(button,input):focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}

/* Optional mailing-list signup stays separate from posting a comment. */
.comment-signup{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--ink)}
.comment-signup h3{margin:0;font-size:17px}
.comment-signup p{margin:8px 0 14px;font-size:13px;line-height:1.5}
.comment-signup>label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}
.comment-signup-fields{display:flex;gap:8px}
.comment-signup-fields input{width:100%;min-width:0;flex:1;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font:inherit;font-size:14px}
.comment-signup-fields button{flex:none;padding:11px 14px;border:0;border-radius:8px;background:var(--notice-button);color:var(--notice-onbutton);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.comment-signup-fields button:disabled{opacity:.6;cursor:wait}
.comment-signup .comment-signup-consent{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:12px;line-height:1.5;font-weight:400}
.comment-signup-consent input{flex:none;margin:3px 0 0;accent-color:var(--studio-accent)}
.comment-signup :is(input,button):focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}
.comment-signup .signup-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:500px){.comment-signup-fields{flex-direction:column}.comment-signup-fields input{font-size:16px}.comment-signup-fields button{min-height:44px}}

/* Lift the five step cards clear of pale section backgrounds. */
body[data-theme] .home-story .participation-grid li{
 box-shadow:0 2px 4px color-mix(in srgb,var(--ink) 4%,transparent),0 8px 20px -6px color-mix(in srgb,var(--ink) 11%,transparent),0 0 0 1px color-mix(in srgb,var(--ink) 3%,transparent);
}