:root{
  --paper:#faf6ee;
  --paper-2:#f4ede1;
  --paper-3:#fffdfa;
  --ink:#5c4635;
  --ink-soft:#7d6451;
  --line:rgba(122,96,72,.20);
  --line-strong:rgba(110,82,58,.34);
  --shadow:0 20px 50px rgba(103,82,58,.14);
  --day-accent:#8ea7d2;
  --day-accent-strong:#687ea6;
  --day-wash:rgba(171,191,228,.28);
  --day-wash-2:rgba(245,244,236,.82);
  --day-ornament:#6fadb4;
  --day-deco:#f0e0b4;
  --hero-accent:#7db4ba;
  --font-body:"Avenir Next","Segoe UI",ui-sans-serif,system-ui,sans-serif;
  --font-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  --font-script:"Snell Roundhand","Segoe Script","Bradley Hand","Apple Chancery","URW Chancery L",cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at top, rgba(255,255,255,.86), transparent 42%),
    linear-gradient(180deg, #fcf9f1, #f5efe1 56%, #efe7d8);
  font-family:var(--font-body);
  transition:background .65s ease,color .4s ease;
}
body.day-monday{
  --day-accent:#92a8d8;
  --day-accent-strong:#6e83b0;
  --day-wash:rgba(184,202,236,.34);
  --day-wash-2:rgba(244,248,255,.92);
  --day-ornament:#7797ca;
  --day-deco:#dce7fb;
}
body.day-tuesday{
  --day-accent:#89b59f;
  --day-accent-strong:#638b76;
  --day-wash:rgba(190,219,199,.30);
  --day-wash-2:rgba(255,252,242,.92);
  --day-ornament:#789d83;
  --day-deco:#e9dcc0;
}
body.day-wednesday{
  --day-accent:#b28bb8;
  --day-accent-strong:#88648e;
  --day-wash:rgba(219,198,226,.30);
  --day-wash-2:rgba(255,251,248,.92);
  --day-ornament:#7f5f84;
  --day-deco:#efe0c5;
}
body.day-thursday{
  --day-accent:#c49772;
  --day-accent-strong:#946b4d;
  --day-wash:rgba(226,202,177,.30);
  --day-wash-2:rgba(255,252,245,.92);
  --day-ornament:#9d785c;
  --day-deco:#f2ddbb;
}
body.day-friday{
  --day-accent:#c6858f;
  --day-accent-strong:#955c66;
  --day-wash:rgba(231,196,205,.28);
  --day-wash-2:rgba(255,249,249,.92);
  --day-ornament:#9a636a;
  --day-deco:#f3d8b0;
}
body.day-saturday{
  --day-accent:#a27dc4;
  --day-accent-strong:#725590;
  --day-wash:rgba(212,197,234,.32);
  --day-wash-2:rgba(255,250,255,.94);
  --day-ornament:#7e63a2;
  --day-deco:#f0dbb5;
}
body.day-sunday{
  --day-accent:#84a9ae;
  --day-accent-strong:#5f7f86;
  --day-wash:rgba(196,222,224,.30);
  --day-wash-2:rgba(251,255,255,.94);
  --day-ornament:#6b9396;
  --day-deco:#ecf3ef;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
.hidden{display:none !important}
.shell{max-width:1180px;margin:0 auto;padding:20px 14px 76px}
.paperCard{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(255,253,248,.95), rgba(250,245,234,.98)),
    linear-gradient(135deg, var(--day-wash), transparent 38%);
  border:1px solid var(--line);
  border-radius:28px;
  padding:22px;
  box-shadow:var(--shadow);
  margin-bottom:16px;
}
.paperCard::before,
.paperCard::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  height:1.5px;
  background:linear-gradient(90deg, transparent, rgba(122,96,72,.34), transparent);
}
.paperCard::before{top:12px}
.paperCard::after{bottom:12px}
.paperCard .sectionTab,
.shelfLabel,
.seedShelf{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(122,96,72,.12);
  color:var(--ink-soft);
  font-size:12px;
  letter-spacing:.06em;
}
.sectionTopline{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.heroCard{padding-top:28px}
.heroCard::before{background:linear-gradient(90deg, transparent, rgba(125,180,186,.52), transparent)}
.heroTitleRow{display:grid;grid-template-columns:120px 1fr 120px;gap:12px;align-items:center}
.titleDoodle{width:100%;max-width:112px;justify-self:center;opacity:.94}
.heroTitleWrap{text-align:center}
.heroKicker,.sectionLabel,.microMeta,.highlightLabel,.miniTitle,.meta{
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:11px;
  color:var(--day-accent-strong);
  font-weight:800;
}
.displayTitle,.displayTagline{
  margin:0;
  font-family:var(--font-script);
  color:#6d5a69;
  line-height:1.02;
}
.displayTitle{font-size:clamp(42px,6vw,82px)}
.displayTagline{font-size:clamp(34px,4vw,56px)}
.heroSubtitle,.leadText,.sectionIntro,.miniCopy,.bodyCopy,.heroThanks{line-height:1.72;color:var(--ink-soft)}
.heroSubtitle{max-width:760px;margin:10px auto 0}
.heroBody{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;align-items:start;margin-top:18px}
.heroQuote{
  margin:14px 0;
  padding:18px 18px 18px 20px;
  border-left:4px solid var(--day-accent);
  background:rgba(255,255,255,.7);
  border-radius:18px;
  color:#694f40;
  font-family:var(--font-serif);
  font-size:1.14rem;
}
.noteRow,.pillGrid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.notePill,.pill,.topicChip,.tag,.ritualChip{
  border:1px solid rgba(122,96,72,.13);
  background:rgba(255,255,255,.78);
  color:var(--ink-soft);
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;
}
.ritualChip{
  background:linear-gradient(135deg, rgba(255,255,255,.92), var(--day-wash));
  color:var(--day-accent-strong);
  font-weight:700;
}
.actionRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.sketchBtn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 18px;
  border-radius:16px;
  border:1px solid rgba(105,78,56,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,241,229,.96));
  box-shadow:0 10px 20px rgba(108,84,61,.08);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sketchBtn::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:16px;
  height:16px;
  background:linear-gradient(135deg, rgba(255,255,255,.95) 0, rgba(236,228,214,.95) 52%, rgba(214,200,180,.7) 52%);
  border-top-right-radius:16px;
}
.sketchBtn:hover{transform:translateY(-1px);box-shadow:0 14px 24px rgba(108,84,61,.12)}
.sketchBtn.primary{
  color:#fff;
  background:linear-gradient(180deg, var(--day-accent), var(--day-accent-strong));
  border-color:transparent;
}
.smallBtn{min-height:40px;padding:10px 14px;font-size:14px}
.heroAside,.weeklyAside{display:grid;gap:12px}
.illustrationCard,.miniPaperCard,.hostCard,.reflectionCard,.themeCard,.exploreItem,.scheduleChip{
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(249,243,231,.96)),
    linear-gradient(120deg, var(--day-wash), transparent 46%);
  border:1px solid rgba(122,96,72,.13);
  border-radius:22px;
  padding:14px;
  box-shadow:0 12px 24px rgba(108,84,61,.08);
}
.bookHeroCard{padding:14px}
.heroArt,.featureArt,.seedArt,.deskArt,.signatureArt{width:100%;height:auto;border-radius:20px}
.factsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.factCard{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(122,96,72,.12);
  background:rgba(255,255,255,.82);
}
.factValue{font-size:1.8rem;font-family:var(--font-serif);color:#6d5144;margin:.22rem 0}
.factSub{font-size:12px;line-height:1.55;color:var(--ink-soft)}
.weeklyCard{
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.88), transparent 30%),
    linear-gradient(135deg, var(--day-wash) 0%, transparent 42%),
    linear-gradient(180deg, var(--day-wash-2), rgba(248,241,229,.98));
}
.weeklyCard::after{
  background:linear-gradient(90deg, transparent, var(--day-accent), transparent);
}
.weeklyCard.storybookSaturday{
  box-shadow:0 26px 66px rgba(104,77,129,.16);
}
.weeklyLayout{
  display:grid;
  grid-template-columns:minmax(250px,.8fr) minmax(0,1fr) minmax(240px,.62fr);
  gap:16px;
  align-items:start;
  margin-top:14px;
}
.featureArtCard{position:relative}
.featureArtCard::after{
  content:"";
  position:absolute;
  inset:12px auto auto 12px;
  width:74px;
  height:74px;
  border:1.5px dashed rgba(255,255,255,.7);
  border-radius:18px;
  pointer-events:none;
}
.sectionTitle,.seedTitle{
  margin:.3rem 0 .65rem;
  font-family:var(--font-serif);
  font-size:clamp(28px,3vw,42px);
  line-height:1.12;
  color:#694d3e;
}
.scriptAccent{font-family:var(--font-script);font-size:clamp(34px,4.2vw,58px)}
.highlightCard{
  position:relative;
  padding:18px 18px 16px;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(251,244,234,.92));
  border:1px solid rgba(122,96,72,.12);
  margin:14px 0;
}
.highlightCard::after{
  content:"✦";
  position:absolute;
  top:14px;
  right:18px;
  color:var(--day-accent);
  font-size:18px;
}
.highlightValue{
  font-family:var(--font-serif);
  font-size:clamp(26px,2.8vw,38px);
  color:#62493b;
  line-height:1.14;
  margin-top:4px;
}
.highlightNote{margin-top:10px;color:var(--ink-soft);line-height:1.65}
.weeklyNotes{margin-top:14px}
.miniBig{
  font-family:var(--font-serif);
  font-size:1.45rem;
  color:#684d3e;
  margin:.2rem 0 .5rem;
}
.ornamentLine{
  padding-top:8px;
  color:var(--day-accent-strong);
  font-size:13px;
  letter-spacing:.08em;
}
.hostPresenceCard{
  display:grid;
  gap:12px;
}
.hostPresenceHead,.hostHeader,.reflectionHostRow{
  display:flex;
  gap:12px;
  align-items:center;
}
.hostPhoto,.hostPresencePhoto,.sharePreviewHostPhoto{
  width:74px;
  height:74px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(122,96,72,.16);
  background:#eee3d1;
  flex:0 0 auto;
  object-fit:cover;
}
.hostPresencePhoto{width:68px;height:68px}
.hostName{font-family:var(--font-serif);font-size:22px;color:#6d5144;font-weight:700}
.hostStyle{color:var(--day-accent-strong);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.hostSignature,.reflectionHostLine{
  margin-top:2px;
  color:#73584a;
  font-family:var(--font-serif);
  font-size:1.02rem;
  line-height:1.55;
}
.scheduleGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:18px}
.scheduleChip{
  min-height:154px;
  display:flex;
  flex-direction:column;
  gap:8px;
  position:relative;
}
.scheduleChip.active{
  border-color:rgba(114,85,144,.24);
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(114,85,144,.12);
}
.scheduleDay{font-weight:800;color:#6a5144}
.scheduleTitle{font-family:var(--font-serif);font-size:1.05rem;color:#654a3c}
.scheduleText{font-size:13px;line-height:1.58;color:var(--ink-soft)}
.scheduleMood{margin-top:auto;font-size:12px;color:var(--day-accent-strong);letter-spacing:.07em}
.centeredIntro{text-align:center;max-width:820px;margin:0 auto 10px}
.seedFeatureCard{background:linear-gradient(180deg, rgba(255,252,247,.96), rgba(247,239,229,.98))}
.seedShelf{margin-bottom:12px}
.seedGrid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1fr);gap:16px;align-items:start}
.seedPreview{
  display:grid;
  gap:10px;
  margin-top:16px;
}
.seedPreviewLine,.storyCard{
  border-radius:18px;
  padding:12px 14px;
  background:rgba(255,255,255,.8);
  border:1px solid rgba(122,96,72,.12);
}
.seedCredit{margin-top:14px;color:var(--day-accent-strong);font-size:13px}
.splitSection{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start}
.splitCard{margin-bottom:0}
.hostGrid,.themeGrid,.reflectionGrid{display:grid;gap:14px}
.hostGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.themeGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.reflectionGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.exploreList{display:grid;gap:12px}
.exploreItem{
  display:block;
  transition:transform .2s ease, border-color .2s ease;
}
.exploreItem:hover{transform:translateY(-1px);border-color:rgba(122,96,72,.24)}
.exploreItemTitle{font-family:var(--font-serif);font-size:1.16rem;color:#694d3e}
.exploreItemMeta{font-size:13px;color:var(--day-accent-strong);margin-top:4px}
.hostCard,.reflectionCard,.themeCard{position:relative}
.hostCard::after,.reflectionCard::after,.themeCard::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:28px;
  height:28px;
  background:linear-gradient(135deg, rgba(255,255,255,.95) 0, rgba(237,229,215,.95) 50%, rgba(216,199,179,.7) 50%);
  border-top-right-radius:22px;
}
.hostCard p,.reflectionCopy,.themeCard p{line-height:1.68;color:var(--ink-soft)}
.reflectionTitle{
  font-family:var(--font-serif);
  font-size:1.45rem;
  color:#654a3c;
  line-height:1.16;
  margin-top:8px;
}
.storyList{display:grid;gap:10px;margin:12px 0}
.storyHeading{font-weight:800;color:#6b4f41;margin-bottom:6px}
.reflectionTakeaway{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(122,96,72,.12);
  line-height:1.6;
  color:#684d3e;
  margin-top:6px;
}
.reflectionActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.reflectionActionLink{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(122,96,72,.12);
  font-size:13px;
  cursor:pointer;
}
.editorialDesk{background:linear-gradient(180deg, rgba(255,252,247,.96), rgba(244,235,223,.98))}
.deskGrid{
  display:grid;
  grid-template-columns:1fr minmax(220px,.4fr);
  gap:16px;
  align-items:start;
  margin-top:16px;
}
.deskNotes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.deskNote{
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(122,96,72,.14);
  line-height:1.68;
  color:#6b5142;
}
.deskNote.pinned{
  background:linear-gradient(180deg, rgba(255,250,240,.95), rgba(251,242,223,.9));
}
.deskNote.soft{font-family:var(--font-serif)}
.deskCompanion{
  margin:0;
  padding:14px;
  border-radius:24px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(122,96,72,.13);
  text-align:center;
}
.deskCompanion figcaption{margin-top:10px;line-height:1.6;color:var(--ink-soft)}
.archiveIntro{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(122,96,72,.12);
}
.archiveBunny{width:72px;height:72px;border-radius:18px}
.signatureGrid{
  display:grid;
  grid-template-columns:minmax(160px,.34fr) minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.signatureCopy{line-height:1.7;color:var(--ink-soft)}
.attributionCard{margin-bottom:0}
.shareOverlay{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(73,55,43,.42);
  backdrop-filter:blur(6px);
  z-index:40;
}
.sharePanel{
  width:min(980px, 100%);
  margin:0;
  padding-top:28px;
}
.shareClose{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border:none;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 26px rgba(0,0,0,.1);
  cursor:pointer;
  font-size:26px;
  line-height:1;
}
.shareGrid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.74fr);
  gap:18px;
  align-items:start;
}
.sharePreviewCard{
  position:relative;
  min-height:420px;
  padding:26px;
  border-radius:30px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(180deg, var(--day-accent), var(--day-accent-strong));
  box-shadow:0 24px 54px rgba(90,61,45,.22);
}
.sharePreviewCard::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:22px;
  border:1.5px solid rgba(255,255,255,.22);
}
.sharePreviewBadge,.sharePreviewDay{
  position:relative;
  z-index:1;
  display:inline-flex;
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(3px);
  font-size:13px;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.sharePreviewDay{margin-top:12px}
.sharePreviewTitle{
  position:relative;
  z-index:1;
  margin:18px 0 12px;
  font-family:var(--font-serif);
  font-size:clamp(34px,4vw,56px);
  line-height:1.02;
}
.sharePreviewBody{
  position:relative;
  z-index:1;
  max-width:34ch;
  line-height:1.7;
  color:rgba(255,255,255,.92);
  font-size:1.05rem;
}
.sharePreviewFooter{
  position:absolute;
  left:26px;
  right:26px;
  bottom:24px;
  display:flex;
  gap:12px;
  align-items:center;
  z-index:1;
}
.sharePreviewBrand{font-size:13px;color:rgba(255,255,255,.82);margin-top:4px}
.shareStudioCopy .sectionIntro{margin-top:0}
.shareActionGrid{display:grid;gap:10px}
.shareStatus{
  margin-top:14px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(122,96,72,.12);
  color:#6f5445;
}
.revealItem{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .55s ease, transform .55s ease;
}
.revealItem.isVisible{
  opacity:1;
  transform:none;
}
@media (max-width: 1080px){
  .weeklyLayout{grid-template-columns:1fr 1fr}
  .weeklyAside{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}
  .scheduleGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .splitSection,.deskGrid,.heroBody,.shareGrid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .shell{padding:14px 10px 58px}
  .paperCard{padding:18px}
  .heroTitleRow{grid-template-columns:72px 1fr 72px}
  .factsGrid{grid-template-columns:1fr}
  .weeklyLayout,.seedGrid,.signatureGrid{grid-template-columns:1fr}
  .weeklyAside{grid-template-columns:1fr}
  .deskNotes{grid-template-columns:1fr}
  .scheduleGrid{grid-template-columns:1fr}
  .hostGrid,.themeGrid,.reflectionGrid{grid-template-columns:1fr}
  .archiveIntro{align-items:flex-start}
  .sharePreviewCard{min-height:360px}
}