/* ═══════════════════════════════════════════════════════════════════════════
   THE STORK LIFE — "Coral Reef Dawn" design system (2026-07)
   ---------------------------------------------------------------------------
   One coherent visual layer for the whole site. Loads LAST, after the inline
   structural styles in index.html, and re-declares every visual decision:
   nothing from the legacy terracotta/turquoise palettes may leak through.

   Night (default)  deep indigo sky · turquoise accent · ivory ink
   Day ("Dawn")     ivory paper · turquoise accent · indigo ink
   Type             Fraunces (display serif, optical sizing) · Hanken Grotesk
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────── §0 · TOKENS ─────────────────────────── */
:root{
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.25,.46,.45,.94);
  --radius:18px;
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --font-body:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
}
html:not([data-theme="day"]){
  --bg:#080808;--bg-soft:#111111;--bg-deep:#050505;
  --surface:rgba(255,248,235,.05);--surface2:rgba(255,248,235,.09);
  --line:rgba(227,184,96,.17);--line-soft:rgba(255,248,235,.09);
  --text:#F2EFE6;--text-muted:#C8C6C0;--text-dim:#94908A;
  --accent:#E3B860;--accent-2:#F0D080;--accent-deep:#B8943A;
  --accent-bright:#F8E6A0;--gold-ink:#1A1400;
  --grad-cta:linear-gradient(135deg,#F0D080 0%,#E3B860 55%,#B8943A 100%);
  --grad-ink:linear-gradient(100deg,#FDF6E3 25%,#F5E6C8 60%,#E8D4A0 95%);
  --t-about:#E3B860;--t-philosophy:#D4A84A;--t-books:#C8A04A;--t-music:#DD8FB4;
  --t-adventure:#B8943A;--t-blog:#C8B888;--t-science:#E3B860;--t-shop:#D4A84A;
  --glass:linear-gradient(165deg,rgba(255,248,235,.08),rgba(255,248,235,.025) 55%,rgba(255,248,235,.05));
  --shadow-1:0 18px 44px -28px rgba(0,0,0,.9);
  --shadow-2:0 32px 80px -34px rgba(0,0,0,.95);
  --accent-r:227;--accent-g:184;--accent-b:96;
  --ring:0 0 0 1px rgba(227,184,96,.32),0 22px 60px -28px rgba(227,184,96,.28);
  --border:rgba(255,248,235,.12);
  color-scheme:dark;
}

/* ─────────────────────────── §1 · BASE ─────────────────────────── */
body{
  font-family:var(--font-body);
  background:var(--bg);color:var(--text);
  line-height:1.7;font-weight:400;letter-spacing:.005em;
  text-rendering:optimizeLegibility;
}
.serif{font-family:var(--font-display)}
strong,b{font-weight:650}
::selection{background:#E3B860;color:#1A1400}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg-deep)}
::-webkit-scrollbar-thumb{background:#3C4060;border-radius:100px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:var(--accent-deep);background-clip:padding-box}
:focus-visible{outline:3px solid rgba(227,184,96,.85);outline-offset:3px;border-radius:4px;box-shadow:0 0 0 6px rgba(227,184,96,.15)}

/* ───────────────────── §2 · BACKDROPS & TRANSITIONS ───────────────────── */
/* Night sky: real starfield photo far below, indigo wash + two slow auroras */
#cosmos-bg{
  background-image:
    linear-gradient(180deg,rgba(8,8,8,.93) 0%,rgba(8,8,8,.88) 42%,rgba(13,17,36,.92) 100%),
    url("cosmos-bg.webp");
  background-size:cover,cover;background-position:center,center;
}
#cosmos-bg::before{
  background:
    radial-gradient(1100px 720px at 84% -14%,rgba(227,184,96,.14),transparent 62%),
    radial-gradient(920px 660px at -14% 34%,rgba(200,170,80,.13),transparent 58%);
  animation:auroraDrift 18s ease-in-out infinite alternate;
  opacity:1;transform:none;
}
#cosmos-bg::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(760px 560px at 74% 92%,rgba(200,170,80,.06),transparent 60%);
}
@keyframes auroraDrift{
  0%{transform:translate3d(0,0,0) scale(1);opacity:.7}
  100%{transform:translate3d(-2.5%,2%,0) scale(1.06);opacity:1}
}
#bgfx{opacity:.55;filter:hue-rotate(24deg) saturate(.85)}
/* the hand-drawn SVG lakeside scene is retired in every theme */
#lakeside{display:none!important}
/* admin photo wallpaper: readable in both themes via a strong bottom veil */
#wallpaper::after{background:linear-gradient(180deg,rgba(244,241,233,.18) 0%,rgba(244,241,233,.55) 46%,rgba(244,241,233,.94) 100%)}
html:not([data-theme="day"]) #wallpaper::after{background:linear-gradient(180deg,rgba(8,8,8,.38) 0%,rgba(8,8,8,.66) 50%,rgba(8,8,8,.9) 100%)}
/* dawn-wipe page curtain */
#curtain{background:linear-gradient(115deg,#1A1400 10%,#3A2A10 48%,#E3B860 115%)}

/* ───────────────────────── §3 · TYPE SYSTEM ───────────────────────── */
h1,h2,h3,h4{font-family:var(--font-display);font-optical-sizing:auto;font-weight:560}
.h2,.sec-title{
  font-family:var(--font-display);font-weight:540;letter-spacing:-.01em;
  font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.12;color:var(--text);
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .h2,.sec-title,.ed-title{
    background:var(--grad-ink);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:var(--text);
  }
}
.ed-title{font-family:var(--font-display);font-weight:540;letter-spacing:-.015em;font-size:clamp(2.3rem,4.6vw,3.5rem);line-height:1.06}
.ed-title.name{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.1rem);line-height:1.04;font-weight:520}
.ed-title .dot{color:var(--accent-bright);-webkit-text-fill-color:var(--accent-bright)}
.ed-subtitle{font-size:.95rem;color:var(--text-muted);line-height:1.7}
.ed-subtitle a{color:var(--accent);border-bottom:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.4)}
#view-about .ed-subtitle{font-size:clamp(.85rem,1.5vw,1.05rem)}
.lead{font-size:1.1rem;color:var(--text-muted);line-height:1.8}
/* Eyebrows become refined small-caps kickers with a short gold rule */
.eyebrow,#view-about .eyebrow{
  font-family:var(--font-body);font-size:.85rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--accent);
  line-height:1.4;margin-bottom:1.1rem;display:flex;align-items:center;gap:.7rem;
}
.home-lead .eyebrow{font-size:1.2rem;font-weight:800;letter-spacing:.18em}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--grad-cta);flex-shrink:0}
.post-body,.post-body p{text-align:left}
.ab-story p{text-align:left}
.ab-story p{text-align:left}

/* ─────────────────────────── §4 · LOADER ─────────────────────────── */
#loader{background:var(--bg)}
.loader-mark{font-family:var(--font-display);font-weight:520;color:var(--text);font-size:3.4rem}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .loader-mark{background:var(--grad-ink);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
}
.loader-bar{background:rgba(234,231,255,.12)}
.loader-bar span{background:var(--grad-cta)}
.loader-sub{color:var(--text-dim)}
@keyframes pulseglow{
  0%,100%{filter:drop-shadow(0 0 12px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.38)) drop-shadow(0 0 26px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.18))}
  50%{filter:drop-shadow(0 0 22px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.68)) drop-shadow(0 0 46px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.35))}
}

/* ──────────────────── §5 · NAVIGATION (floating glass) ──────────────────── */
#nav{
  top:.5rem;left:50%;transform:translateX(-50%);
  width:min(1220px,calc(100% - 1.5rem));
  background:rgba(10,13,28,.55);
  -webkit-backdrop-filter:blur(26px) saturate(1.35);backdrop-filter:blur(26px) saturate(1.35);
  border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.15);border-bottom:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.15);
  border-radius:20px;
  box-shadow:0 24px 70px -32px rgba(2,4,12,.9),inset 0 1px 0 rgba(244,241,232,.06);
  padding:.2rem 0;
  transition:padding .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease);
}
#nav.solid{
  background:rgba(10,13,28,.78);
  padding:.15rem 0;
  box-shadow:0 18px 54px -26px rgba(2,4,12,.95),inset 0 1px 0 rgba(244,241,232,.05);
}
.nav-inner{max-width:none;padding:0 1.7rem}
.brand-logo{height:38px;vertical-align:middle}
.brand-name{
  font-family:var(--font-display);font-weight:560;font-size:1.7rem;letter-spacing:0;
  color:var(--text);position:relative;padding-right:.55rem;
}
.brand-name::after{
  content:"";position:absolute;right:0;bottom:.3em;width:5px;height:5px;border-radius:50%;
  background:var(--grad-cta);box-shadow:0 0 10px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.8);
  animation:beacon 3.6s ease-in-out infinite;
}
@keyframes beacon{0%,100%{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
.brand-sub{color:var(--text-dim);font-size:.72rem;letter-spacing:.14em;font-weight:500}
.home-tagline{font-family:var(--font-display);font-style:italic;font-weight:440;font-size:clamp(1.1rem,1.8vw,1.35rem);color:var(--accent-2);text-align:center;margin:.35rem auto 1.2rem;max-width:720px;line-height:1.4}
/* tabs: quiet text + gold underline sweep, no boxed pill */
.tabs{background:transparent;border:none;padding:0;gap:.6rem;margin:.08rem auto 0;width:fit-content}
.tab{
  font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--text-dim);
  padding:.3rem .25rem;border-radius:6px;
}
.tab::after{
  content:"";position:absolute;left:.25rem;right:.25rem;bottom:.08rem;height:1.5px;border-radius:2px;
  background:var(--grad-cta);transform:scaleX(0);transform-origin:left center;
  transition:transform .25s var(--ease),opacity .25s;opacity:.35;
}
.tab:hover{color:var(--text);background:none}
.tab:hover::after{transform:scaleX(1)}
.tab.active{color:var(--text);background:none}
.tab.active::after{transform:scaleX(1);opacity:1}
.tab-icon{opacity:.8}
.hamburger span{background:var(--text)}
/* utility pills */
.gt-wrap,.kt-nav-cta,.theme-toggle{
  background:rgba(238,234,255,.05);border:1px solid var(--line-soft);
  transition:border-color .3s,color .3s,background .3s,transform .4s var(--ease);
}
.gt-wrap:hover,.kt-nav-cta:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.45);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.07)}
.kt-nav-cta{font-family:var(--font-body)}
.kt-nav-cta:hover{color:var(--accent-2)}
.goog-te-combo{font-family:var(--font-body);color:var(--text)}
.goog-te-combo:hover{color:var(--accent-2)}
.theme-toggle:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.45);color:var(--accent-2)}
@media(min-width:861px){
  .nav-utility .gt-wrap,.nav-utility .kt-nav-cta,.nav-utility .sa-chip{
    border:1px solid var(--line-soft);background:rgba(238,234,255,.05);min-width:110px;height:32px;font-size:.82rem;
  }
  .nav-utility .sa-chip.sa-chip-cta{background:var(--grad-cta);border-color:transparent;color:var(--gold-ink)}
  .nav-utility .cart-btn{border:1px solid var(--line-soft);background:rgba(238,234,255,.05);height:32px;width:32px;min-width:32px}
  .nav-utility .theme-toggle{width:32px;height:32px;font-size:.92rem}
  .nav-utility .cart-btn:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.45);color:var(--accent-2)}
}
.cart-badge{background:var(--grad-cta);color:var(--gold-ink)}
/* mobile nav sheet */
#mobnav{background:rgba(8,10,22,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
#mobnav button.mtab{font-family:var(--font-display);font-weight:480;color:var(--text-muted);position:relative}
#mobnav button.mtab:hover{color:var(--accent-2)}
#mobnav button.mtab::after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--grad-cta);border-radius:2px;transition:width .25s var(--ease)}
#mobnav button.mtab:hover::after,#mobnav button.mtab.active::after{width:clamp(20px,6vw,48px)}
#mobnav button.mtab.active{color:var(--accent-2)}
#mobnav .mob-cta{font-family:var(--font-display);border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.5);color:var(--accent-2)}
#mobnav .mob-cta:hover,#mobnav .mob-cta:active{background:var(--grad-cta);color:var(--gold-ink);border-color:transparent}

/* ──────────────────────── §6 · BUTTONS & FORMS ──────────────────────── */
.btn{font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.9rem 1.75rem}
.btn-solid{
  background:var(--grad-cta);color:var(--gold-ink);border:none;
  box-shadow:0 12px 32px -18px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55),inset 0 1px 0 rgba(255,255,255,.45);
}
.btn-solid:hover{
  transform:translateY(-2px);filter:brightness(1.04);
  box-shadow:0 18px 44px -20px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.65),inset 0 1px 0 rgba(255,255,255,.45);
}
.btn-solid:active{transform:translateY(0) scale(.97)}
.btn-ghost{border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.32);color:var(--text)}
.btn-ghost:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55);color:var(--accent-2);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.08)}
/* every small hard-coded accent button joins the gold family */
.product-buy,.book-free,.ktpay .close{
  background:var(--grad-cta);color:var(--gold-ink);
  box-shadow:0 8px 22px -10px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55),inset 0 1px 0 rgba(255,255,255,.4);
}
.product-buy:hover{transform:translateY(-2px);filter:brightness(1.05)}
.pf-btn.active{background:var(--grad-cta);color:var(--gold-ink);border-color:transparent}
/* inputs */
.sub-row input,.fg input,.fg textarea,.fg select,.pc-form textarea,
.co-card input,.co-card textarea,.ct-card input{
  background:rgba(7,10,22,.55);border:1px solid var(--line-soft);color:var(--text);
  border-radius:12px;transition:border-color .3s,box-shadow .3s;
}
.sub-row input:focus,.fg input:focus,.fg textarea:focus,.fg select:focus,.pc-form textarea:focus,
.co-card input:focus,.co-card textarea:focus,.ct-card input:focus{
  border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.6);box-shadow:0 0 0 3px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.16);outline:none;
}
.sub-row input::placeholder{color:var(--text-dim)}
.fg select option{background:var(--bg-soft);color:var(--text)}

/* ─────────────────────── §7 · HERO TREATMENTS ─────────────────────── */
.home-hero{border-bottom:none;max-height:58vh}
.home-hero img{filter:saturate(1.04) contrast(1.02)}
.home-hero-overlay{
  background:
    linear-gradient(180deg,rgba(8,8,8,.22) 0%,transparent 28%,rgba(8,8,8,.22) 72%,var(--bg) 99%),
    radial-gradient(70% 90% at 50% 108%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.12),transparent 60%);
}
.ed-hero{border-radius:22px;border:1px solid var(--line-soft);box-shadow:var(--shadow-2);background:var(--surface)}
.ed-hero-caption{
  font-family:var(--font-body);letter-spacing:.18em;color:rgba(244,241,232,.88);
  background:rgba(9,12,26,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.28);
}
.about-blend .about-blend-overlay{
  background:
    linear-gradient(to top,rgba(8,8,8,.95) 0%,rgba(8,8,8,.3) 40%,transparent 68%),
    radial-gradient(circle at 80% 22%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.16),transparent 55%);
}
.about-type{font-family:var(--font-display);font-weight:480;color:#F6F3EA;text-shadow:0 2px 24px rgba(4,6,16,.8)}
.about-type .tw{color:var(--accent-2)}
.about-type .caret{background:var(--accent-2)}
.philo-hero-overlay{
  background:
    linear-gradient(to top,rgba(8,8,8,.9),transparent 48%),
    radial-gradient(circle at 50% 118%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.16),transparent 58%);
}

/* ───────────────── §8 · LANDING PAGE COMPOSITION ───────────────── */
.collective-strip{background:none;border-bottom:1px solid var(--line-soft)}
/* The intro sheds its box: a full-width editorial statement in Fraunces */
.home-lead{max-width:none;padding-top:2.6rem}
.home-lead .eyebrow{justify-content:center}
.home-lead .eyebrow::after{content:"";width:26px;height:1px;background:var(--grad-cta);flex-shrink:0}
.home-intro-text,.home-lead .home-intro-text{
  background:linear-gradient(150deg,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.06),rgba(8,8,8,.5));
  border:1px solid var(--line);border-radius:18px;padding:1.5rem 1.7rem;margin:0 auto;
  max-width:56ch;display:block;
  font-family:var(--font-display);font-weight:440;font-optical-sizing:auto;
  font-size:clamp(1.18rem,1.85vw,1.56rem);line-height:1.66;
  color:rgba(242,239,230,.93);text-align:center;
}
.home-intro-text p{line-height:inherit;text-align:center}
/* the meditator plaque */
.home-meditator{
  max-width:880px;padding:2.6rem 2.8rem 2.4rem;border-radius:22px;
  background:var(--glass);border:1px solid var(--line-soft);
  box-shadow:var(--shadow-1);position:relative;overflow:hidden;
}
.home-meditator::before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:160px;height:2px;background:var(--grad-cta);border-radius:2px;
}
.home-meditator .eyebrow{justify-content:center}
.home-meditator .eyebrow::after{content:"";width:26px;height:1px;background:var(--grad-cta)}
.home-meditator h3{font-family:var(--font-display);font-weight:500;font-style:italic;color:var(--accent-2);font-size:clamp(1.6rem,3vw,2.1rem)}
.home-meditator p{color:var(--text-muted)}
/* twin panels: cosmic time + announcements */
.time-module,.ticker-box{
  background:var(--glass);border:1px solid var(--line-soft);border-radius:20px;
  box-shadow:var(--shadow-1);
}
.tm-desc{font-family:var(--font-display);font-style:italic;font-weight:440;color:var(--text-muted)}
.tk-head,.ticker-box .tk-head{font-family:var(--font-display);font-weight:500;color:var(--accent-2)}
.tm-clk{background:rgba(7,10,22,.5);border:1px solid var(--line-soft);border-radius:14px}
.tm-clk-l{color:var(--text-dim)}
.tm-clk-v{font-family:var(--font-body);font-weight:300;font-size:1.9rem;letter-spacing:.04em;color:var(--text);font-variant-numeric:tabular-nums}
.tm-divider{background:var(--line-soft)}
.tm-row{background:rgba(238,234,255,.04);border-left:2px solid var(--accent)}
.flash-content p{border-left:2px solid var(--accent);color:var(--text-muted)}
.flash-cursor{color:var(--accent)}
/* creed band */
.home-creed{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2.6rem 1.5rem}
.foot-creed-label{color:var(--accent);letter-spacing:.3em}
.foot-creed{font-family:var(--font-display);font-style:italic;font-weight:440;font-size:clamp(1.12rem,2.1vw,1.4rem);line-height:1.8;color:rgba(242,239,230,.88)}
/* FAQ */
.faq-item{border-bottom:1px solid var(--line-soft)}
.faq-q{font-family:var(--font-body);font-weight:600;transition:color .3s}
.faq-item:hover .faq-q{color:var(--accent-2)}
.faq-q .plus{color:var(--accent)}

/* LinkedIn article cards */
.li-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1.4rem}
.li-card{display:flex;gap:.85rem;padding:0;background:var(--glass);border:1px solid var(--line-soft);border-radius:14px;color:var(--text);text-decoration:none;overflow:hidden;transition:border-color .3s,transform .25s var(--ease),box-shadow .3s}
.li-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.16)}
.li-thumb{flex-shrink:0;width:100px;background-size:cover;background-position:center;background-color:rgba(238,234,255,.05)}
.li-info{min-width:0;padding:.85rem .85rem .85rem 0;display:flex;flex-direction:column;justify-content:center}
.li-title{font-size:.85rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.li-meta{font-size:.68rem;color:var(--text-dim);margin-top:.15rem}
.faq-a{color:var(--text-muted)}
/* subscribe */
.subscribe-box{
  background:var(--glass);border:1px solid var(--line-soft);border-radius:22px;
  box-shadow:var(--shadow-1);position:relative;overflow:hidden;
}
.subscribe-box::before{
  content:"";position:absolute;inset:-40% 55% 45% -20%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.12),transparent);
}
.subscribe-box h3{font-family:var(--font-display);font-weight:520;font-size:1.9rem}
.subscribe-socials a{border-radius:12px}
.flash-box{background:var(--glass);border:1px solid var(--line-soft);border-radius:22px}
/* admin-cta-strip removed — panel replaces it */

/* ───────────────────── §9 · CARD FLEET (shared) ───────────────────── */
.pillar,.book,.blog-card,.product,.trek,.song,.paper,.pf-card,.philo-card,
.testi-card,.cert-card,.kt-cta,.paper-prev,.ach,.summit,.stat,.poem-book,
.feat-video,.co-card,.pc-item,.pc-signin,.scheduler,.cform,.cal-detail{
  background:var(--glass);border-color:var(--line-soft);
}
.pillar,.book,.blog-card,.product,.trek,.song,.pf-card,.testi-card,.kt-cta,.paper-prev{
  box-shadow:var(--shadow-1);
}
.pillar:hover,.book:hover,.blog-card:hover,.product:hover,.trek:hover,.song:hover,
.pf-card:hover,.paper-prev:hover,.poem-book:hover,.kt-cta:hover,.feat-video:hover{
  border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.4);box-shadow:var(--ring),var(--shadow-2);
}
.pillar:hover,.song:hover,.poem-book:hover,.kt-cta:hover,.paper-prev:hover{background:var(--surface2)}
/* pointer-tracked glare (uses --mx/--my set by the tilt script) */
.pillar::before,.book::before,.blog-card::before,.product::before{
  background:
    radial-gradient(520px circle at var(--mx,50%) var(--my,50%),rgba(var(--accent-r),var(--accent-g),var(--accent-b),.13),transparent 46%),
    radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.06),transparent 42%);
  mix-blend-mode:screen;
}
.cred{background:rgba(238,234,255,.045);border-left:2px solid var(--accent)}
.stat .num,.num-plus{font-family:var(--font-display);color:var(--accent)}
a.stat:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.4)}
/* scroll reveal (motion.js adds .reveal-init / .reveal-in) */
html.js-motion .reveal-init{opacity:0;transform:translate3d(0,20px,0);transition:opacity .65s var(--ease),transform .65s var(--ease)}
html.js-motion .reveal-init.reveal-in{opacity:1;transform:none}

/* ──────────────── §10 · SECTION PARTICULARS ──────────────── */
/* Philosophy */
.philo-quote{font-family:var(--font-display);font-weight:440}
.philo-quote .gold{color:var(--accent-2)}
.pillar::after{background:var(--grad-cta)}
.pillar-deva{color:var(--accent)}
.philo-card h3{font-family:var(--font-display);color:var(--accent-2)}
/* Books & Know-Thyself */
.book-cover .fallback{font-family:var(--font-display)}
.kt-gate{color:var(--accent-2);border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.4);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.08);border-radius:12px}
.kt-badge.free{background:rgba(102,194,154,.16);color:#8FD9B8}
.kt-badge.paid{background:var(--grad-cta);color:var(--gold-ink)}
.kt-badge.lock{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14);color:var(--accent-2)}
.ktpay{background:#12152C;border:1px solid var(--line-soft);color:var(--text)}
.ktpay .price{color:var(--accent-2)}
.ktpay .upi,.ktpay .note{color:var(--text-dim)}
.ktpay .pm button{background:rgba(7,10,22,.6);border:1px solid var(--line-soft);color:var(--text)}
.ktpay .pm button:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55)}
/* Music */
.spotify-frame{box-shadow:0 24px 64px -24px rgba(221,143,180,.28);border-color:var(--line-soft)}
.platform-btn{border-color:var(--line-soft)}
.song-play{background:rgba(221,143,180,.12);border-color:var(--accent);color:var(--accent)}
.song:hover .song-play{background:var(--accent);color:var(--gold-ink)}
.poem-title{font-family:var(--font-display)}
.poem-quote{font-family:var(--font-display);border-left:3px solid var(--accent)}
.poems-list-grid li{border-bottom:1px solid var(--line-soft)}
.poems-list-grid li a{font-family:var(--font-display)}
/* Adventure */
.adv-philosophy{font-family:var(--font-display);border-left:3px solid var(--accent)}
.trek-badge{background:rgba(9,12,26,.66);border-color:rgba(116,199,218,.5);color:#9FDCEA}
.trek-tags span{color:#9FDCEA;background:rgba(116,199,218,.1);border-color:rgba(116,199,218,.24)}
.trek-toggle{border-color:var(--line-soft);color:var(--text)}
.trek-toggle:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.5);color:var(--accent-2)}
.para{background:var(--glass);border:1px solid rgba(116,199,218,.24)}
.para-levels span{color:#9FDCEA;border-color:rgba(116,199,218,.3)}
.summit-h{font-family:var(--font-display);color:var(--accent)}
.summit:hover{border-color:rgba(116,199,218,.45);box-shadow:var(--ring)}
.ach:hover{border-color:rgba(116,199,218,.4);color:var(--text)}
/* Blog */
.blog-feature{background:var(--glass);border-color:var(--line-soft)}
.blog-feature-title{font-family:var(--font-display);font-weight:520}
.blog-tags span{color:var(--accent-2);border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3)}
.blog-card:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.4)}
.blog-card:hover .blog-card-title{color:var(--accent-2)}
.read-arrow{color:var(--accent)}
.read-btn{background:rgba(238,234,255,.07);color:var(--accent-2)}
.read-btn.active{background:var(--grad-cta);color:var(--gold-ink)}
/* Science */
.cosmos-stage{border-color:var(--line-soft);box-shadow:var(--shadow-2)}
/* cosmos title sits over the always-dark 3D canvas — keep it a fixed light
   ink so mix-blend-mode:difference has something to invert; day theme's
   dark indigo --text made it unreadable against the near-black scene */
.cosmos-overlay-title h3{color:#F4F1E9}
.cc-btn:hover{background:rgba(130,180,232,.32);border-color:#82B4E8}
.paper-year{font-family:var(--font-display);color:var(--accent)}
.paper:hover{border-color:rgba(130,180,232,.45)}
.paper-topic{color:#A8CBF0;border-color:rgba(130,180,232,.3)}
/* Shop */
.shop-featured{background:var(--glass);border:1px solid var(--line-soft);border-radius:22px;box-shadow:var(--shadow-1)}
.shop-featured h3{font-family:var(--font-display);font-weight:530}
.shop-featured .tagb{color:var(--accent-2);border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.45)}
.product:hover{border-color:rgba(102,194,154,.42)}
.product-price{color:var(--accent-2)}
.product-img .fallback{font-family:var(--font-display)}
/* Contact + footer */
.contact-strip{background:linear-gradient(180deg,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.04),transparent);border-top:1px solid var(--line-soft)}
html[data-theme="night"] .contact-strip{background:linear-gradient(180deg,rgba(16,13,10,.95),rgba(10,8,7,.97));-webkit-backdrop-filter:blur(8px) saturate(1.08);backdrop-filter:blur(8px) saturate(1.08);border-top-color:rgba(255,248,235,.14)}
.cpt .ic{border:1px solid var(--line-soft);color:var(--accent);border-radius:12px}
.cform h3,.scheduler h3,.subscribe-box h3,.ct-card h3{font-family:var(--font-display)}
html[data-theme="night"] .cform{background:linear-gradient(165deg,rgba(255,248,235,.13),rgba(255,248,235,.06) 55%,rgba(255,248,235,.09));-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);box-shadow:var(--shadow-1)}
footer{border-top:1px solid var(--line-soft)}
.foot-mantra{color:var(--accent);font-family:var(--font-display)}
.foot-legal a:hover{color:var(--accent-2)}
/* Post view + comments */
.post-back{color:var(--accent-2)}
.post-body a{color:var(--accent-2)}
.post-body blockquote{border-left:3px solid var(--accent)}
.post-body code{background:rgba(238,234,255,.08)}
.post-body pre{background:rgba(7,10,22,.5);border-color:var(--line-soft)}
.ps-btn{background:rgba(238,234,255,.06);border-color:var(--line-soft)}
.ps-btn:hover{background:var(--grad-cta);color:var(--gold-ink);border-color:transparent}
.pc-h{font-family:var(--font-display);color:var(--accent-2)}
.pc-msg.ok{color:#8FD9B8}.pc-msg.err{color:#F09A8A}
.pc-signin a{color:var(--accent-2)}
/* Scheduler / calendar */
.svc-pill{background:rgba(238,234,255,.035);border-color:var(--line-soft)}
.svc-pill:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.4)}
.svc-pill.sel{border-color:var(--accent);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.09)}
.svc-pill .pr{color:var(--accent-2)}
.cal-nav{border-color:var(--line-soft)}
.cal-nav:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.5);color:var(--accent-2)}
.cal-day.avail{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.07);border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3)}
.cal-day.avail:hover{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.18);border-color:var(--accent)}
.cal-day.sel{background:var(--grad-cta);color:var(--gold-ink);border-color:transparent}
.lg-avail{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.5);border:1px solid var(--accent)}
.lg-booked{background:#2B2F4A}
.slot{background:rgba(238,234,255,.035);border-color:var(--line-soft)}
.slot:hover{border-color:var(--accent)}
.slot.sel{background:var(--grad-cta);color:var(--gold-ink)}
.cal-detail .cd-stat{color:var(--accent-2)}
/* Cart / checkout */
#cart-drawer{background:#0E1226;border-left:1px solid var(--line-soft)}
.cart-qty button{background:rgba(238,234,255,.06);border-color:var(--line-soft);color:var(--text)}
.ct-card{background:#12152C;border-color:var(--line-soft)}
.ct-card h3{color:var(--accent-2)}
.ct-amt{background:rgba(238,234,255,.05);border-color:var(--line-soft);color:var(--text)}
.ct-amt.on,.ct-amt:hover{border-color:var(--accent);color:var(--accent-2)}
.pay-method{border-color:var(--line-soft)}
.pay-method.sel{border-color:var(--accent);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.08)}
/* Quote band */
.quote-band{background:var(--glass);border:1px solid var(--line-soft);border-radius:22px;box-shadow:var(--shadow-1)}
.quote-mark{font-family:var(--font-display);color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.26)}
.quote-slide p{font-family:var(--font-display);font-weight:440}
.quote-dots button{background:rgba(238,234,255,.2)}
.quote-dots button.on{background:var(--accent)}
/* About page bits */
.ab-lead{font-family:var(--font-display);font-weight:440}
.ab-stork{background:var(--glass);border:1px solid var(--line-soft);border-left:3px solid var(--accent);border-radius:18px}
.ab-stork h3{font-family:var(--font-display);color:var(--accent-2)}
.about-subtabs{border-bottom:1px solid var(--line-soft)}
.about-stab{font-family:var(--font-body);color:var(--text-dim)}
.about-stab:hover{color:var(--accent-2);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.07)}
.about-stab.active{color:var(--gold-ink);background:var(--grad-cta)}
.testi-ph{background:var(--grad-cta);color:var(--gold-ink);font-family:var(--font-display)}
.art-link-list{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line-soft)}
.art-link{display:block;color:var(--accent-2);text-decoration:none;font-size:.9rem;line-height:1.6;padding:.2rem 0;transition:color .25s}
.art-link:hover{color:var(--accent-bright)}
.art-link::before{content:"→ ";opacity:.6}
.vid-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.vid-row:has(.vid-tile:only-child){grid-template-columns:1fr}
.vid-tile{width:100%}
.vid-thumb{width:100%;display:block}
.vid-play{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.92)}
.vid-play::after{border-color:transparent transparent transparent var(--gold-ink)}
.fv-thumb{background:radial-gradient(ellipse at 50% 60%,#232A52,#0A0D1C)}
.fv-thumb::after{background:repeating-linear-gradient(90deg,transparent,transparent 38px,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.05) 39px,transparent 40px)}
.fv-play .fv-tri{filter:drop-shadow(0 0 16px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.7))}
.feat-video:hover .fv-tri{border-left-color:var(--accent)}
#wa-fab{background:var(--grad-cta);color:var(--gold-ink)}

/* ────────────── §11 · INJECTED CHROME ────────────── */
#noir-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:900;pointer-events:none;background:transparent}
#noir-progress i{display:block;height:100%;width:var(--p,0%);background:var(--grad-cta);box-shadow:0 0 12px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55);transition:width .08s linear}
#noir-sound{
  position:fixed;left:1.1rem;bottom:1.1rem;z-index:590;width:42px;height:42px;border-radius:50%;
  background:rgba(12,15,33,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid var(--line-soft);color:var(--text-muted);font-size:1.05rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:border-color .3s,color .3s,transform .3s;
}
#noir-sound:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.5);color:var(--accent-2);transform:scale(1.06)}
#noir-sound.on{color:var(--accent-2);border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.55);box-shadow:0 0 18px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.25)}
/* fabs injected by in-body scripts (their style blocks cascade after this file,
   so these overrides ride on higher specificity via the body prefix) */
body .ai-fab{
  background:rgba(12,15,33,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3);color:var(--text);font-family:var(--font-body);
  box-shadow:0 10px 28px -14px rgba(3,5,15,.8);
}
body .ai-fab:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.6);box-shadow:0 0 22px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3);transform:translateY(-2px)}
body .ai-box{background:#12152C;border:1px solid var(--line-soft)}
body .ai-box h3{font-family:var(--font-display);font-weight:540}
body .ai-row input{background:rgba(7,10,22,.6);border:1px solid var(--line-soft);color:var(--text)}
body .ai-row input:focus{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.6);outline:none}
body .ai-row button{background:var(--grad-cta);color:var(--gold-ink);font-weight:700}
body .poem-tile a,body .paper-tile{background:var(--glass);border:1px solid var(--border)}
body .poem-tile a:hover,body .paper-tile:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.45);background:var(--surface2)}
body .read-btn-lg.active{background:var(--grad-cta);color:var(--gold-ink);border-color:transparent}

/* ─────────────────── §12 · DAY THEME — "DAWN" ─────────────────── */
html[data-theme="day"]{
  --bg:#F4F1E9;--bg-soft:#FBF9F2;--bg-deep:#EBE7DB;
  --surface:rgba(255,255,255,.72);--surface2:rgba(255,255,255,.92);
  --line:rgba(22,176,196,.32);--line-soft:rgba(37,33,58,.16);
  --text:#25213A;--text-muted:#3C3855;--text-dim:#5E5A78;
  --accent:#16B0C4;--accent-2:#3EC4D0;--accent-deep:#0D7280;
  --accent-bright:#5CD0E0;--gold-ink:#00201C;
  --grad-cta:linear-gradient(135deg,#3EC4D0 0%,#16B0C4 55%,#0D7280 100%);
  --grad-ink:linear-gradient(100deg,#332C52 20%,#25213A 80%);
  --t-about:#16B0C4;--t-philosophy:#2DA09C;--t-books:#2A9898;--t-music:#A8487C;
  --t-adventure:#1E7A96;--t-blog:#5F6A2A;--t-science:#2E5FA8;--t-shop:#1E7A57;
  --glass:linear-gradient(165deg,rgba(255,255,255,.76),rgba(255,255,255,.54) 60%,rgba(255,255,255,.66));
  --shadow-1:0 16px 40px -24px rgba(52,42,18,.4);
  --shadow-2:0 28px 64px -28px rgba(52,42,18,.35);
  --accent-r:64;--accent-g:224;--accent-b:208;
  --ring:0 0 0 1px rgba(22,176,196,.35),0 20px 52px -26px rgba(22,176,196,.3);
  --title-shadow:none;
  --border:rgba(37,33,58,.16);
  color-scheme:light;
}
html[data-theme="day"] body{
  background:
    radial-gradient(1100px 700px at 86% -12%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2),transparent 60%),
    radial-gradient(940px 640px at -12% 30%,rgba(122,111,240,.1),transparent 58%),
    radial-gradient(800px 500px at 50% 110%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.08),transparent 60%),
    linear-gradient(180deg,#F7F4EC 0%,#F2EEE3 100%);
  background-attachment:fixed;
}
html[data-theme="day"] #cosmos-bg,html[data-theme="day"] #bgfx{display:none}
html[data-theme="day"] ::selection{background:#16B0C4;color:#00201C}
html[data-theme="day"] ::-webkit-scrollbar-track{background:#EBE7DB}
html[data-theme="day"] ::-webkit-scrollbar-thumb{background:#CBC2AC;background-clip:padding-box}
html[data-theme="day"] ::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}
/* headings: indigo ink, no turquoise, no hard shadows */
html[data-theme="day"] h1,html[data-theme="day"] h2,html[data-theme="day"] .sec-title,
html[data-theme="day"] .brand-name,html[data-theme="day"] .loader-mark,html[data-theme="day"] .hero h1,
html[data-theme="day"] .ed-title{color:var(--text);-webkit-text-stroke:0.5px rgba(60,56,88,.25);text-shadow:none;font-weight:540;letter-spacing:-.01em}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  html[data-theme="day"] .h2,html[data-theme="day"] .sec-title,html[data-theme="day"] .ed-title{
    background:var(--grad-ink);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  }
}
html[data-theme="day"] .ed-subtitle,html[data-theme="day"] .lead{font-weight:460;color:var(--text-muted)}
/* nav: porcelain glass */
html[data-theme="day"] #nav,html[data-theme="day"] #nav.solid{
  background:rgba(252,250,244,.72);
  -webkit-backdrop-filter:blur(26px) saturate(1.2);backdrop-filter:blur(26px) saturate(1.2);
  border:1px solid rgba(22,176,196,.18);
  box-shadow:0 20px 54px -30px rgba(52,42,18,.45),inset 0 1px 0 rgba(255,255,255,.7);
}
html[data-theme="day"] #nav.solid{background:rgba(252,250,244,.85)}
html[data-theme="day"] .home-tagline{color:var(--accent-deep)}
html[data-theme="day"] .brand-name{color:var(--text)}
html[data-theme="day"] .tabs{background:transparent}
html[data-theme="day"] .tab{color:var(--text-dim)}
html[data-theme="day"] .tab:hover{color:var(--text)}
html[data-theme="day"] .tab.active{color:var(--text);background:none}
html[data-theme="day"] .gt-wrap,html[data-theme="day"] .kt-nav-cta,html[data-theme="day"] .theme-toggle{background:rgba(37,33,58,.05)}
html[data-theme="day"] .hamburger span{background:var(--text)}
html[data-theme="day"] .goog-te-combo{color:var(--text)}
@media(min-width:861px){
  html[data-theme="day"] .nav-utility .gt-wrap,html[data-theme="day"] .nav-utility .kt-nav-cta,
  html[data-theme="day"] .nav-utility .sa-chip,html[data-theme="day"] .nav-utility .cart-btn{
    background:rgba(37,33,58,.05);border-color:rgba(37,33,58,.14);
  }
  html[data-theme="day"] .nav-utility .sa-chip.sa-chip-cta{background:var(--grad-cta);color:var(--gold-ink);border-color:transparent}
}
/* gold CTAs stay gold (override the old turquoise fills) */
html[data-theme="day"] .btn-solid,html[data-theme="day"] .book-free{background:var(--grad-cta);color:var(--gold-ink);text-shadow:none}
html[data-theme="day"] .about-stab.active{background:var(--grad-cta);color:var(--gold-ink)}
/* loader / curtain */
html[data-theme="day"] #loader{background:var(--bg)}
html[data-theme="day"] .loader-bar{background:rgba(37,33,58,.14)}
html[data-theme="day"] .loader-sub{color:var(--text-dim)}
html[data-theme="day"] #curtain{background:linear-gradient(115deg,#E0F4F7 10%,#40CEE0 55%,#16B0C4 115%)}
/* heroes over paper */
html[data-theme="day"] .home-hero-overlay{
  background:
    linear-gradient(180deg,rgba(244,241,233,.08) 0%,transparent 22%,rgba(232,248,245,.12) 70%,var(--bg) 99%),
    radial-gradient(70% 90% at 50% 108%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.06),transparent 60%);
}
html[data-theme="day"] .about-blend .about-blend-overlay{
  background:linear-gradient(to top,rgba(244,241,233,.94) 0%,rgba(244,241,233,.26) 40%,transparent 66%),
  radial-gradient(circle at 78% 26%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14),transparent 55%);
}
html[data-theme="day"] .philo-hero-overlay{background:linear-gradient(to top,rgba(244,241,233,.88),transparent 46%)}
html[data-theme="day"] .about-type{color:#25213A;text-shadow:0 2px 18px rgba(255,255,255,.7)}
html[data-theme="day"] .about-type .tw{color:var(--accent-deep)}
html[data-theme="day"] .about-type .caret{background:var(--accent-deep)}
html[data-theme="day"] .ed-hero-caption{color:#3B3554;background:rgba(255,255,255,.62);border-color:rgba(22,176,196,.3);text-shadow:none}
/* bright, high-key hero photos (e.g. the About page portrait) can wash out
   against the paper background once the readability veil is applied — give
   every hero frame a visible edge so it always reads as a distinct card */
html[data-theme="day"] .ed-hero{border-color:rgba(37,33,58,.14);box-shadow:0 20px 50px -28px rgba(52,42,18,.35),inset 0 0 0 1px rgba(255,255,255,.5)}
/* the landing intro statement in ink */
html[data-theme="day"] .home-intro-text,html[data-theme="day"] .home-lead .home-intro-text{
  background:linear-gradient(155deg,rgba(255,255,255,.88),rgba(232,248,245,.72));
  border:1px solid rgba(22,176,196,.12);border-radius:18px;padding:1.5rem 1.7rem;box-shadow:none;
  -webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);
  color:#1A3630;text-align:center;
}
/* frosted-paper surfaces — every panel that was dark glass at night */
html[data-theme="day"] .home-meditator,html[data-theme="day"] .ticker-box,html[data-theme="day"] .time-module,
html[data-theme="day"] .quote-band,html[data-theme="day"] .subscribe-box,html[data-theme="day"] .flash-box,
html[data-theme="day"] .shop-featured,html[data-theme="day"] .ab-stork,html[data-theme="day"] .scheduler,
html[data-theme="day"] .cform,html[data-theme="day"] .para,html[data-theme="day"] .summit,
html[data-theme="day"] .feat-video,html[data-theme="day"] .blog-feature{
  background:var(--glass);border-color:rgba(37,33,58,.12);
  -webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);
  box-shadow:var(--shadow-1);
}
html[data-theme="day"] .home-meditator p,html[data-theme="day"] .ticker-box .flash-content p{color:var(--text-muted)}
html[data-theme="day"] .home-meditator h3{color:var(--accent-deep)}
html[data-theme="day"] .tm-clk{background:rgba(37,33,58,.05);border-color:rgba(37,33,58,.1)}
html[data-theme="day"] .tm-clk-v{color:var(--text)}
html[data-theme="day"] .tm-row{background:rgba(37,33,58,.045);border-left-color:var(--accent)}
html[data-theme="day"] .foot-creed{color:#3B3554}
/* cards on paper */
html[data-theme="day"] .pillar,html[data-theme="day"] .book,html[data-theme="day"] .blog-card,
html[data-theme="day"] .product,html[data-theme="day"] .trek,html[data-theme="day"] .song,
html[data-theme="day"] .paper,html[data-theme="day"] .pf-card,html[data-theme="day"] .philo-card,
html[data-theme="day"] .testi-card,html[data-theme="day"] .cert-card,html[data-theme="day"] .kt-cta,
html[data-theme="day"] .paper-prev,html[data-theme="day"] .ach,html[data-theme="day"] .stat,
html[data-theme="day"] .poem-book,html[data-theme="day"] .co-card,html[data-theme="day"] .pc-item,
html[data-theme="day"] .pc-signin,html[data-theme="day"] .cal-detail{
  background:var(--glass);border-color:rgba(37,33,58,.12);
}
html[data-theme="day"] .pillar:hover,html[data-theme="day"] .song:hover{background:rgba(255,255,255,.95)}
html[data-theme="day"] .cred{background:rgba(255,255,255,.66)}
html[data-theme="day"] .pillar::before,html[data-theme="day"] .book::before,
html[data-theme="day"] .blog-card::before,html[data-theme="day"] .product::before{
  background:radial-gradient(480px circle at var(--mx,50%) var(--my,50%),rgba(var(--accent-r),var(--accent-g),var(--accent-b),.16),transparent 46%);
  mix-blend-mode:normal;
}
html[data-theme="day"] .book:hover{box-shadow:var(--ring),var(--shadow-2)}
/* inputs on paper */
html[data-theme="day"] .sub-row input,html[data-theme="day"] .fg input,html[data-theme="day"] .fg textarea,
html[data-theme="day"] .fg select,html[data-theme="day"] .pc-form textarea,
html[data-theme="day"] .co-card input,html[data-theme="day"] .co-card textarea,html[data-theme="day"] .ct-card input{
  background:rgba(255,255,255,.75);border-color:rgba(37,33,58,.16);color:var(--text);
}
html[data-theme="day"] .sub-row input::placeholder{color:#8B87A0}
html[data-theme="day"] .fg select option{background:#FBF9F2;color:var(--text)}
/* scheduler / calendar on paper */
html[data-theme="day"] .svc-pill{background:rgba(37,33,58,.04);border-color:rgba(37,33,58,.14)}
html[data-theme="day"] .svc-pill.sel{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.14);border-color:var(--accent)}
html[data-theme="day"] .svc-pill .du{color:var(--text-dim)}
html[data-theme="day"] .cal-day{color:var(--text-muted)}
html[data-theme="day"] .cal-day.avail{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.12);border-color:rgba(22,176,196,.35);color:var(--text)}
html[data-theme="day"] .cal-day.avail:hover{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.24)}
html[data-theme="day"] .cal-day.sel{background:var(--grad-cta);color:var(--gold-ink)}
html[data-theme="day"] .slot{background:rgba(37,33,58,.04);border-color:rgba(37,33,58,.14)}
html[data-theme="day"] .slot.sel{background:var(--grad-cta);color:var(--gold-ink)}
html[data-theme="day"] .lg-booked{background:rgba(37,33,58,.16)}
/* drawers, modals, mobile nav */
html[data-theme="day"] #mobnav{background:rgba(247,244,236,.97)}
html[data-theme="day"] #mobnav button.mtab{color:var(--text-muted)}
html[data-theme="day"] #mobnav button.mtab:hover{color:var(--accent-deep)}
html[data-theme="day"] #mobnav .close{color:var(--text-dim)}
html[data-theme="day"] #mobnav .mob-cta{border-color:var(--accent);color:var(--accent-deep)}
html[data-theme="day"] #cart-drawer{background:rgba(251,249,242,.98);border-left-color:rgba(37,33,58,.14)}
html[data-theme="day"] .cart-qty button{background:rgba(37,33,58,.06);border-color:rgba(37,33,58,.16);color:var(--text)}
html[data-theme="day"] .cart-item-img{background:rgba(37,33,58,.06)}
html[data-theme="day"] .ktpay{background:#FBF9F2;border-color:rgba(37,33,58,.15);color:var(--text)}
html[data-theme="day"] .ktpay .pm button{background:rgba(37,33,58,.05);border-color:rgba(37,33,58,.15);color:var(--text)}
html[data-theme="day"] .ktpay .price{color:var(--accent-deep)}
html[data-theme="day"] .ct-card{background:#FBF9F2;border-color:rgba(37,33,58,.15)}
html[data-theme="day"] .ct-amt{background:rgba(37,33,58,.05);border-color:rgba(37,33,58,.15);color:var(--text)}
html[data-theme="day"] .pay-method{border-color:rgba(37,33,58,.14)}
html[data-theme="day"] .pay-method.sel{border-color:var(--accent);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.12)}
/* posts, misc accents */
html[data-theme="day"] .post-body a{color:var(--accent-deep)}
html[data-theme="day"] .post-body code{background:rgba(37,33,58,.08)}
html[data-theme="day"] .post-body pre{background:rgba(37,33,58,.05)}
html[data-theme="day"] .ps-btn{background:rgba(37,33,58,.06);border-color:rgba(37,33,58,.15);color:var(--text)}
html[data-theme="day"] .read-btn{background:rgba(37,33,58,.07);color:var(--accent-deep)}
html[data-theme="day"] .quote-dots button{background:rgba(37,33,58,.2)}
html[data-theme="day"] .quote-dots button.on{background:var(--accent)}
html[data-theme="day"] .quote-mark{color:rgba(22,176,196,.3)}
html[data-theme="day"] .kt-silver{border-color:#9AA3AC;background:linear-gradient(150deg,rgba(160,175,185,.14),rgba(255,255,255,.72))}
html[data-theme="day"] .kt-silver .kt-nm{color:#2A3B40}
html[data-theme="day"] .kt-gold{border-color:#A07A20;background:linear-gradient(150deg,rgba(200,165,60,.14),rgba(255,255,255,.72))}
html[data-theme="day"] .kt-gold .kt-nm{color:#5A4210}
html[data-theme="day"] .kt-badge{background:rgba(37,33,58,.08);color:var(--text-muted)}
html[data-theme="day"] .kt-badge.free{background:rgba(30,122,87,.14);color:#1E7A57}
html[data-theme="day"] .kt-gate{color:var(--accent-deep);border-color:rgba(22,176,196,.45);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1)}
html[data-theme="day"] .trek-badge{background:rgba(255,255,255,.72);border-color:rgba(30,122,150,.5);color:#16657E}
html[data-theme="day"] .trek-tags span{color:#16657E;background:rgba(30,122,150,.08);border-color:rgba(30,122,150,.25)}
html[data-theme="day"] .para-levels span{color:#16657E;border-color:rgba(30,122,150,.3)}
html[data-theme="day"] .blog-tags span{color:#5F6A2A;border-color:rgba(95,106,42,.35)}
html[data-theme="day"] .blog-card:hover .blog-card-title{color:var(--accent-deep)}
html[data-theme="day"] .read-arrow{color:var(--accent-deep)}
html[data-theme="day"] .paper-topic{color:#2E5FA8;border-color:rgba(46,95,168,.3)}
html[data-theme="day"] .vid-play{background:rgba(22,176,196,.94)}
html[data-theme="day"] .li-card{background:rgba(255,255,255,.82);border-color:rgba(13,52,48,.12);padding:0}
html[data-theme="day"] .li-card:hover{border-color:var(--accent);box-shadow:0 8px 28px rgba(13,52,48,.1)}
html[data-theme="day"] .li-thumb{background-color:rgba(37,33,58,.05)}
html[data-theme="day"] .contact-strip{background:none;border-top:1px solid rgba(37,33,58,.12)}
html[data-theme="day"] #site-footer,html[data-theme="day"] footer{background:none}
html[data-theme="day"] .socials a,html[data-theme="day"] .subscribe-socials a{box-shadow:0 10px 22px -14px rgba(52,42,18,.4)}
html[data-theme="day"] #wa-fab{background:var(--grad-cta);color:var(--gold-ink)}
html[data-theme="day"] .foot-mantra,html[data-theme="day"] .eyebrow,html[data-theme="day"] #view-about .eyebrow,
html[data-theme="day"] .foot-creed-label,html[data-theme="day"] .ed-title .dot,html[data-theme="day"] .book-link,
html[data-theme="day"] .svc-pill .pr,html[data-theme="day"] .cal-detail .cd-stat,html[data-theme="day"] .pf-card .go,
html[data-theme="day"] .product-price{color:var(--accent-deep)}
html[data-theme="day"] .ed-subtitle a{color:var(--accent-deep);border-bottom-color:rgba(22,176,196,.4)}
html[data-theme="day"] .collective-strip{background:none}
html[data-theme="day"] .collective-strip .collective-tag{color:var(--text)!important;text-shadow:none!important}
/* over the busy admin photo, give the intro statement a feathered ivory calm zone */
html[data-theme="day"] .home-lead{
  background:radial-gradient(88% 86% at 50% 46%,rgba(244,241,233,.82),rgba(244,241,233,.4) 62%,transparent 78%);
}
/* day chrome (noir.js + in-body fabs) */
html[data-theme="day"] #noir-sound{background:rgba(252,250,244,.8);border-color:rgba(37,33,58,.14);color:var(--text-dim)}
html[data-theme="day"] body .ai-fab{background:rgba(252,250,244,.88);border-color:rgba(22,176,196,.35);color:var(--text)}
html[data-theme="day"] body .ai-box{background:#FBF9F2;border-color:rgba(37,33,58,.14)}
html[data-theme="day"] body .ai-box h3{color:var(--text)}
html[data-theme="day"] body .ai-sub{color:var(--text-dim)}
html[data-theme="day"] body .ai-row input{background:rgba(255,255,255,.8);border-color:rgba(37,33,58,.16);color:var(--text)}
html[data-theme="day"] body .ai-answer{color:var(--text-muted)}
html[data-theme="day"] body .ai-close{color:var(--text-dim)}
html[data-theme="day"] body .ai-hint{color:var(--text-dim)}
html[data-theme="day"] body .poem-tile-title,html[data-theme="day"] body .paper-tile .pt-title{color:var(--text)}

html[data-theme="day"] .cosmos-stage{border-color:rgba(37,33,58,.2)}
html[data-theme="day"] .pc-msg.ok{color:#1E7A57}
html[data-theme="day"] .pc-msg.err{color:#B4483A}

/* Accent-coloured text is legible on near-black but fails contrast on ivory —
   remap every accent/accent-2 text selector to the deep teal in day mode. */
html[data-theme="day"] .tk-head,html[data-theme="day"] .ticker-box .tk-head,
html[data-theme="day"] .stat .num,html[data-theme="day"] .num-plus,
html[data-theme="day"] .pillar-deva,
html[data-theme="day"] .philo-card h3,
html[data-theme="day"] .song-play,
html[data-theme="day"] .summit-h,
html[data-theme="day"] .paper-year,
html[data-theme="day"] .pc-h,
html[data-theme="day"] .ct-card h3,
html[data-theme="day"] .ab-stork h3,
html[data-theme="day"] .cpt .ic{color:var(--accent-deep)}

/* ────────────── §13 · RESPONSIVE & ACCESSIBILITY ────────────── */
@media(max-width:860px){
  #nav{top:.5rem;width:calc(100% - 1rem);border-radius:16px;padding:.25rem 0}
  #nav.solid{padding:.2rem 0}
  .nav-inner{padding:0 1rem}
  .brand-logo{width:auto;height:36px}
  .brand-name{font-size:1.5rem;padding-right:.4rem}
  .home-hero{margin-top:6rem}
  .editorial{padding-top:5.5rem}
}
/* phone: keep every control on-screen (pre-existing overflow bug fix) */
@media(max-width:560px){
  .nav-inner{padding-left:.8rem;padding-right:.8rem}
  .brand{flex-shrink:0}
  .brand-logo{height:46px}
  .nav-utility{gap:.25rem;min-width:0;justify-content:flex-end}
  .gt-wrap{padding:.38rem .4rem;gap:.15rem}
  .goog-te-combo{max-width:44px;font-size:.74rem}
  .kt-nav-cta{padding:.4rem .44rem}
  .theme-toggle{width:32px;height:32px;font-size:.92rem}
  .cart-btn{padding:.25rem}
  .nav-utility .sa-chip{padding:.32rem .45rem;font-size:.7rem;white-space:nowrap}
  .hamburger{padding:4px;gap:4px}
  .hamburger span{width:21px}
  .home-intro-text,.home-lead .home-intro-text{font-size:1.12rem;line-height:1.7}
  .home-meditator{padding:1.9rem 1.4rem 1.7rem}
}
@media(max-width:430px){
  .gt-wrap{display:none} /* phones: guarantee the menu + cart stay on-screen */
}
/* coarse pointers: skip expensive blur on big panels */
@media(pointer:coarse){
  .home-meditator,.time-module,.ticker-box,.quote-band,.subscribe-box,.flash-box,
  .shop-featured,.ab-stork,.scheduler,.cform{-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
  #cosmos-bg::before{animation:none}
  .brand-name::after{animation:none}
  .loader-logo{animation:none}

  html.js-motion .reveal-init{opacity:1!important;transform:none!important;transition:none!important}
}
/* high-contrast overrides */
@media(prefers-contrast:more){
  html:not([data-theme="day"]){--text-muted:#D6D0C0;--text-dim:#A8A490;--line:rgba(227,184,96,.28);--line-soft:rgba(255,248,235,.16);}
  html[data-theme="day"]{--text-muted:#2C2848;--text-dim:#4A4664;--line:rgba(22,176,196,.45);--line-soft:rgba(37,33,58,.22);}
}