.app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"]){
  font-family:var(--ui-font);
}

.app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"])::before{
  background-image:url("assets/pearl-light.jpg");
  opacity:.72;
  filter:var(--image-filter);
  animation:pearl-breathe 9s ease-in-out infinite alternate;
}

.app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"])::after{
  opacity:.55;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 18%,transparent),color-mix(in srgb,var(--bg) 76%,transparent));
}

.app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"]) .hero-copy h2,
.app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"]) .brand small,
.app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"]) .daily-note b{
  font-family:var(--display-font);
}

.app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"]) .hero-card,
.app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"]) .program-card,
.app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"]) .practice-card{
  border:1px solid #ffffffd8;
  box-shadow:0 13px 34px color-mix(in srgb,var(--primary-dark) 9%,transparent),inset 0 1px 0 #fff;
  backdrop-filter:blur(18px) saturate(1.14);
}

.app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"]) .hero-card::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:-90% -55%;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 38%,#ffffff00 43%,#ffffffa8 49%,#ffffff18 55%,transparent 62%);
  transform:translateX(-45%) rotate(5deg);
  animation:card-shimmer 7s ease-in-out infinite;
}

.app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"]) .source-orb{
  box-shadow:inset 16px 18px 28px #ffffffa0,inset -12px -16px 25px color-mix(in srgb,var(--primary-dark) 20%,transparent),0 20px 38px color-mix(in srgb,var(--primary) 21%,transparent);
}

.app[data-theme="11"]{--bg:#f2fff9;--surface:#fbfffd;--surface-strong:#fff;--text:#173a31;--muted:#647d73;--primary:#46a67c;--primary-dark:#276d52;--secondary:#7bcab3;--accent:#ffd479;--soft:#ddf4e9;--focus:#1d7157;--ui-font:"Avenir Next",Avenir,sans-serif;--display-font:Baskerville,Georgia,serif;--image-filter:hue-rotate(82deg) saturate(.82)}
.app[data-theme="11"] .hero-card{background:linear-gradient(135deg,#ffffffdf,#dff8edcc)}

.app[data-theme="12"]{--bg:#fff8fb;--surface:#fffafd;--surface-strong:#fff;--text:#472b3b;--muted:#806875;--primary:#d96a8b;--primary-dark:#91425d;--secondary:#b8a1d9;--accent:#f3c68a;--soft:#f6dfe8;--focus:#78426f;--ui-font:Optima,"Trebuchet MS",sans-serif;--display-font:Didot,"Bodoni 72",Georgia,serif;--image-filter:hue-rotate(278deg) saturate(.9)}
.app[data-theme="12"] .hero-card{background:linear-gradient(135deg,#fff,#f6dfecdb 53%,#e8def6c7)}

.app[data-theme="13"]{--bg:#f7fbff;--surface:#fbfdff;--surface-strong:#fff;--text:#263b51;--muted:#68798b;--primary:#6f9dd1;--primary-dark:#426b99;--secondary:#e8b46a;--accent:#f8dfa7;--soft:#dceaf7;--focus:#355f8c;--ui-font:"Helvetica Neue",Arial,sans-serif;--display-font:Baskerville,Georgia,serif;--image-filter:hue-rotate(178deg) saturate(.65)}
.app[data-theme="13"] .hero-card{background:linear-gradient(145deg,#ffffffec,#e7f1fbd9 60%,#f9e7c8b8)}

.app[data-theme="14"]{--bg:#fffcf1;--surface:#fffdf8;--surface-strong:#fff;--text:#354026;--muted:#747b67;--primary:#e79b3d;--primary-dark:#9a6224;--secondary:#91b95b;--accent:#f4d761;--soft:#f6efd0;--focus:#5b792f;--ui-font:"Gill Sans","Trebuchet MS",sans-serif;--display-font:Palatino,"Book Antiqua",serif;--image-filter:sepia(.18) saturate(.78)}
.app[data-theme="14"] .hero-card{background:linear-gradient(135deg,#fffef6e8,#fff0cbd5 58%,#e7f1d0c7)}

.app[data-theme="15"]{--bg:#f6fcfd;--surface:#fbffff;--surface-strong:#fff;--text:#244044;--muted:#688184;--primary:#ef796f;--primary-dark:#a44c46;--secondary:#44aaa7;--accent:#f4c86f;--soft:#dff3f1;--focus:#227775;--ui-font:"Avenir Next",sans-serif;--display-font:Georgia,serif;--image-filter:hue-rotate(140deg) saturate(.84)}
.app[data-theme="15"] .hero-card{background:linear-gradient(138deg,#ffffffee,#e0f5f2d5 52%,#fee4dfc9)}

.app[data-theme="16"]{--bg:#faf7ff;--surface:#fdfbff;--surface-strong:#fff;--text:#3a3151;--muted:#756c88;--primary:#9375c7;--primary-dark:#634a91;--secondary:#73b7bd;--accent:#f2c982;--soft:#ebe2f6;--focus:#5f4a88;--ui-font:"Helvetica Neue",Arial,sans-serif;--display-font:Didot,"Bodoni 72",Georgia,serif;--image-filter:hue-rotate(220deg) saturate(.78)}
.app[data-theme="16"] .hero-card{background:linear-gradient(142deg,#ffffffed,#eee6f8d8 55%,#dff2f1c5)}

.app[data-theme="17"]{--bg:#fff8f3;--surface:#fffaf7;--surface-strong:#fff;--text:#49342f;--muted:#816f69;--primary:#e98768;--primary-dark:#a95940;--secondary:#d1a9c8;--accent:#f3cc87;--soft:#f8e2d5;--focus:#8b503d;--ui-font:"Trebuchet MS",sans-serif;--display-font:Baskerville,Georgia,serif;--image-filter:hue-rotate(328deg) saturate(.72)}
.app[data-theme="17"] .hero-card{background:linear-gradient(135deg,#fffefaed,#fae2d6dc 58%,#f0deebc2)}

.app[data-theme="18"]{--bg:#f6f8f4;--surface:#fbfcfa;--surface-strong:#fff;--text:#2f3d35;--muted:#717d76;--primary:#6f917e;--primary-dark:#476453;--secondary:#aab8c3;--accent:#e8c88c;--soft:#e4ebe5;--focus:#3e6550;--ui-font:Verdana,sans-serif;--display-font:Charter,Georgia,serif;--image-filter:grayscale(.22) hue-rotate(54deg) saturate(.54)}
.app[data-theme="18"] .hero-card{background:linear-gradient(138deg,#ffffffee,#e7eee9dc 60%,#e7edf1bc)}

.app[data-theme="19"]{--bg:#fffdf5;--surface:#fffdf8;--surface-strong:#fff;--text:#462d34;--muted:#806e72;--primary:#be5878;--primary-dark:#7e3650;--secondary:#d9a843;--accent:#f0d490;--soft:#f5e5d5;--focus:#784152;--ui-font:Charter,Georgia,serif;--display-font:Didot,"Bodoni 72",Georgia,serif;--image-filter:sepia(.12) hue-rotate(310deg) saturate(.68)}
.app[data-theme="19"] .hero-card{background:linear-gradient(140deg,#ffffffef,#faeadbd8 54%,#f1dce4c5)}

.app[data-theme="20"]{--bg:#f8fbff;--surface:#fcfdff;--surface-strong:#fff;--text:#303451;--muted:#747891;--primary:#7168c9;--primary-dark:#4b458e;--secondary:#4eb6b4;--accent:#efc975;--soft:#e7e7f8;--focus:#49438a;--ui-font:"Avenir Next",Avenir,sans-serif;--display-font:Didot,"Bodoni 72",Georgia,serif;--image-filter:hue-rotate(205deg) saturate(.95)}
.app[data-theme="20"] .hero-card{background:linear-gradient(135deg,#ffffffef,#e9e7f8d9 48%,#dcf3f1cb 76%,#faecd1bd)}

@keyframes pearl-breathe{to{transform:scale(1.025);opacity:.86}}
@keyframes card-shimmer{0%,68%{transform:translateX(-48%) rotate(5deg);opacity:0}76%{opacity:.75}92%,100%{transform:translateX(47%) rotate(5deg);opacity:0}}

@media(prefers-reduced-motion:reduce){
  .app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"])::before,
  .app:is([data-theme="11"],[data-theme="12"],[data-theme="13"],[data-theme="14"],[data-theme="15"],[data-theme="16"],[data-theme="17"],[data-theme="18"],[data-theme="19"],[data-theme="20"]) .hero-card::after{animation:none}
}