/* Wishes: a warm observation folio, never a three-number medical dashboard. */
body[data-page="heart"] { --folio-label: 'THE LITTLE THINGS HE FEELS'; --wishes-curve: #a45f5b; }
html body[data-page="heart"] .app-shell .page-container { max-width: 950px; }
html body[data-page="heart"] .app-shell .page-container > .page-header:first-child { margin-bottom: 31px; }
html body[data-page="heart"] .app-shell .wishes-section-heading { margin-bottom: 20px; text-align: left; }
html body[data-page="heart"] .app-shell .wishes-section-heading > span { display: block; color: #a46e50; font: 700 10px/1.4 var(--font-display); letter-spacing: .18em; }
html body[data-page="heart"] .app-shell .wishes-section-heading h2 { margin: 4px 0 0; color: #513c2c; font: 600 clamp(1.35rem, 1.1rem + 1vw, 1.9rem)/1.25 var(--font-display); }

html body[data-page="heart"] .app-shell .page-container .wishes-pulse { position: relative; min-height: 250px; padding: clamp(22px, 3vw, 33px); border: 1px solid #d8baa3; border-top: 3px solid #955b52; border-radius: 5px 20px 5px 20px; background: radial-gradient(circle at 25% 58%, rgba(243,216,201,.85), transparent 42%), linear-gradient(125deg, #fffdf7, #f7ede0); box-shadow: 0 9px 20px rgba(102,63,35,.08), inset 0 0 0 4px rgba(255,255,255,.34); text-align: left; }
html body[data-page="heart"] .app-shell .wishes-pulse::after { content: ''; position: absolute; inset: 9px; border: 1px solid rgba(169,115,84,.22); border-radius: 2px 14px 2px 14px; pointer-events: none; }
html body[data-page="heart"] .app-shell .wishes-pulse-body { display: flex; align-items: center; justify-content: center; gap: clamp(13px, 5vw, 55px); }
html body[data-page="heart"] .app-shell .heart-icon { flex: none; width: clamp(112px, 22vw, 175px); height: clamp(112px, 22vw, 175px); margin: 0; }
html body[data-page="heart"] .app-shell .wishes-pulse-reading { min-width: 0; }
html body[data-page="heart"] .app-shell .wishes-reading-label { color: #87674d; font: italic 15px/1.4 var(--font-display); }
html body[data-page="heart"] .app-shell .hr-value { margin-top: 5px; color: #92534e; font: 500 clamp(3.4rem, 2.4rem + 4vw, 5.6rem)/1 var(--font-display); letter-spacing: -.06em; }
html body[data-page="heart"] .app-shell .hr-unit { margin-top: 2px; color: #775d49; font: 13px/1.4 var(--font-display); }

html body[data-page="heart"] .app-shell .wishes-observations { margin: 29px 0 25px; }
html body[data-page="heart"] .app-shell .wishes-observations > .wishes-section-heading { padding-bottom: 13px; border-bottom: 1px solid #dec8a9; }
html body[data-page="heart"] .app-shell .vitals-grid { display: grid; grid-template-columns: 1fr; gap: 11px; margin: 0; }
html body[data-page="heart"] .app-shell .page-container .vital-card { display: grid; grid-template-columns: 60px minmax(0,1fr) auto; align-items: center; gap: 13px; min-height: 108px; padding: 16px 19px; border: 1px solid #d7c1a2; border-radius: 5px 17px 5px 17px; background: linear-gradient(110deg, #fffaf0, #fffdf8); box-shadow: 0 6px 14px rgba(88,59,31,.05); text-align: left; }
html body[data-page="heart"] .app-shell .page-container .vital-card--warmth { border-left: 4px solid #bd7654; background: linear-gradient(110deg, #faecdf, #fffdf8 75%); }
html body[data-page="heart"] .app-shell .page-container .vital-card--breath { border-left: 4px solid #748777; background: linear-gradient(110deg, #eaf0e7, #fffdf8 75%); }
html body[data-page="heart"] .app-shell .page-container .vital-card--energy { border-left: 4px solid #b79955; background: linear-gradient(110deg, #f5efdc, #fffdf8 75%); }
html body[data-page="heart"] .app-shell .vital-icon { display: grid; place-items: center; width: 54px; height: 54px; margin: 0; border: 1px solid currentColor; border-radius: 50%; color: #a96348; background: rgba(255,252,244,.62); }
html body[data-page="heart"] .app-shell .vital-card--breath .vital-icon { color: #637a6d; }
html body[data-page="heart"] .app-shell .vital-card--energy .vital-icon { color: #a38344; }
html body[data-page="heart"] .app-shell .vital-icon svg { width: 33px; height: 33px; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
html body[data-page="heart"] .app-shell .vital-copy { min-width: 0; }
html body[data-page="heart"] .app-shell .vital-kicker { display: block; color: #967457; font: 700 9px/1.3 var(--font-display); letter-spacing: .12em; }
html body[data-page="heart"] .app-shell .vital-copy h3 { margin: 3px 0 1px; color: #57402f; font: 600 clamp(1.05rem, 1rem + .4vw, 1.3rem)/1.25 var(--font-display); }
html body[data-page="heart"] .app-shell .vital-copy p { color: #796550; font: 12px/1.4 var(--font-display); }
html body[data-page="heart"] .app-shell .vital-reading { display: flex; align-items: baseline; justify-content: flex-end; gap: 3px; min-width: 68px; color: #754c3d; white-space: nowrap; }
html body[data-page="heart"] .app-shell .vital-value { color: inherit; font: 600 clamp(1.7rem, 1.4rem + 1.2vw, 2.3rem)/1.1 var(--font-display); }
html body[data-page="heart"] .app-shell .vital-unit { color: #80644c; font: 12px var(--font-display); }

html body[data-page="heart"] .app-shell .page-container .wishes-mood { position: relative; display: block; min-height: 215px; margin: 0 0 30px; padding: clamp(23px, 3vw, 31px); overflow: hidden; border: 1px solid #cba6a2; border-top: 3px solid #925b66; border-radius: 5px 21px 5px 21px; background: linear-gradient(115deg, #f4e4df, #fff5e9 70%); box-shadow: 0 8px 18px rgba(97,61,48,.075); }
html body[data-page="heart"] .app-shell .wishes-mood .wishes-section-heading { margin-bottom: 4px; }
html body[data-page="heart"] .app-shell .wishes-mood-body { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
html body[data-page="heart"] .app-shell .chord-name { color: #754b5b; font: 600 clamp(2rem, 1.7rem + 1.5vw, 2.8rem)/1.15 var(--font-display); overflow-wrap: anywhere; }
html body[data-page="heart"] .app-shell .chord-desc { max-width: 52ch; margin-top: 8px; color: #6c554d; font: italic 15px/1.6 var(--font-display); text-align: left; }
html body[data-page="heart"] .app-shell .wishes-mood-body img { flex: none; width: clamp(75px, 12vw, 126px); height: auto; filter: drop-shadow(0 7px 10px rgba(101,63,59,.14)); }

html body[data-page="heart"] .app-shell .hr-curve-section { margin: 0 0 26px; }
html body[data-page="heart"] .app-shell .hr-curve-section .wishes-section-heading { padding-bottom: 12px; border-bottom: 1px solid #dec8a9; }
html body[data-page="heart"] .app-shell .page-container .hr-curve-wrap { padding: 19px; border: 1px solid #d8c1a0; border-radius: 5px 16px 5px 16px; background: repeating-linear-gradient(180deg, transparent 0 25px, rgba(155,117,76,.12) 26px), #fffaf0; }
html body[data-page="heart"] .app-shell .wishes-ledger { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
html body[data-page="heart"] .app-shell .page-container :is(.senses-section,.desires-section) { min-width: 0; min-height: 145px; margin: 0; padding: 22px; border: 1px solid #d7c1a0; border-radius: 5px 17px 5px 17px; background: #fbf2e3; }
html body[data-page="heart"] .app-shell .wishes-ledger .hr-curve-label { margin-bottom: 15px; color: #6b4d39; font: 600 18px/1.25 var(--font-display); letter-spacing: 0; text-transform: none; }
html body[data-page="heart"] .app-shell :is(.senses-empty,.desires-empty) { color: #796650; font: italic 14px/1.6 var(--font-display); }
html body[data-page="heart"] .app-shell .sense-chip { border-color: #d6bd97; border-radius: 4px; background: #fffaf0; color: #624b3b; }
html body[data-page="heart"] .app-shell .desire-item { border-color: #d6bd97; border-left: 3px solid #af7462; border-radius: 4px 13px 4px 13px; background: #fffaf0; color: #594431; font-family: var(--font-display); }
html body[data-page="heart"] .app-shell .status-row { margin-top: 20px; color: #856e52; font: 12px/1.5 var(--font-display); }

@media (max-width: 600px) {
  html body[data-page="heart"] .app-shell .page-container .wishes-pulse { min-height: 0; }
  html body[data-page="heart"] .app-shell .wishes-pulse-body { gap: 10px; }
  html body[data-page="heart"] .app-shell .heart-icon { width: clamp(92px, 29vw, 130px); height: clamp(92px, 29vw, 130px); }
  html body[data-page="heart"] .app-shell .hr-value { font-size: clamp(3.1rem, 14vw, 4.5rem); }
  html body[data-page="heart"] .app-shell .wishes-ledger { grid-template-columns: 1fr; }
  html body[data-page="heart"] .app-shell .wishes-mood-body img { width: 80px; }
}
@media (max-width: 360px) {
  html body[data-page="heart"] .app-shell .page-container .vital-card { grid-template-columns: 44px minmax(0,1fr) auto; gap: 9px; padding: 13px 10px; }
  html body[data-page="heart"] .app-shell .vital-icon { width: 42px; height: 42px; }
  html body[data-page="heart"] .app-shell .vital-icon svg { width: 27px; height: 27px; }
  html body[data-page="heart"] .app-shell .vital-reading { min-width: 0; }
  html body[data-page="heart"] .app-shell .vital-value { font-size: 1.6rem; }
  html body[data-page="heart"] .app-shell .wishes-mood-body { flex-direction: column; align-items: stretch; }
  html body[data-page="heart"] .app-shell .chord-name { font-size: 1.85rem; }
  html body[data-page="heart"] .app-shell .chord-desc { max-width: none; }
  html body[data-page="heart"] .app-shell .wishes-mood-body img { align-self: flex-end; width: 68px; margin-top: -8px; }
}

html[data-theme="dark"] body[data-page="heart"] { --wishes-curve: #da9b91; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .wishes-section-heading > span { color: #d9ac7d; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .wishes-section-heading h2 { color: #f4e2c8; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .page-container .wishes-pulse { border-color: #916d5e; border-top-color: #c28d78; background: radial-gradient(circle at 25% 58%, rgba(108,64,55,.45), transparent 42%), linear-gradient(125deg, #4b3930, #3d3129); box-shadow: 0 9px 20px rgba(0,0,0,.19); }
html[data-theme="dark"] body[data-page="heart"] .app-shell .wishes-pulse::after { border-color: rgba(221,173,121,.2); }
html[data-theme="dark"] body[data-page="heart"] .app-shell .wishes-reading-label,
html[data-theme="dark"] body[data-page="heart"] .app-shell .hr-unit { color: #e3c8a6; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .hr-value { color: #e5aa9f; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .wishes-observations > .wishes-section-heading,
html[data-theme="dark"] body[data-page="heart"] .app-shell .hr-curve-section .wishes-section-heading { border-color: #826247; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .page-container .vital-card { border-color: #806347; background: linear-gradient(110deg, #4b3c2d, #40342a 75%); }
html[data-theme="dark"] body[data-page="heart"] .app-shell .page-container .vital-card--warmth { border-left-color: #d89a78; background: linear-gradient(110deg, #573e34, #40342a 75%); }
html[data-theme="dark"] body[data-page="heart"] .app-shell .page-container .vital-card--breath { border-left-color: #96aa87; background: linear-gradient(110deg, #3d493a, #40342a 75%); }
html[data-theme="dark"] body[data-page="heart"] .app-shell .page-container .vital-card--energy { border-left-color: #d4b073; background: linear-gradient(110deg, #514331, #40342a 75%); }
html[data-theme="dark"] body[data-page="heart"] .app-shell .vital-icon { background: rgba(27,23,20,.17); color: #dea77f; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .vital-card--breath .vital-icon { color: #b7c9a8; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .vital-card--energy .vital-icon { color: #e3c286; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .vital-kicker,
html[data-theme="dark"] body[data-page="heart"] .app-shell .vital-copy p,
html[data-theme="dark"] body[data-page="heart"] .app-shell .vital-unit { color: #dcc6a8; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .vital-copy h3 { color: #fff0d9; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .vital-reading { color: #f1d2b5; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .page-container .wishes-mood { border-color: #8e6765; border-top-color: #bf8f9a; background: linear-gradient(115deg, #5b3e42, #44362f 70%); }
html[data-theme="dark"] body[data-page="heart"] .app-shell .chord-name { color: #f0bfc9; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .chord-desc { color: #efd8cd; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .page-container .hr-curve-wrap { border-color: #846848; background: repeating-linear-gradient(180deg, transparent 0 25px, rgba(218,177,125,.12) 26px), #3b3128; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .page-container :is(.senses-section,.desires-section) { border-color: #806749; background: #46382b; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .wishes-ledger .hr-curve-label { color: #f1dcc0; }
html[data-theme="dark"] body[data-page="heart"] .app-shell :is(.senses-empty,.desires-empty) { color: #d9c3a2; }
html[data-theme="dark"] body[data-page="heart"] .app-shell :is(.sense-chip,.desire-item) { border-color: #866a48; background: #372e26; color: #f1dfc4; }
html[data-theme="dark"] body[data-page="heart"] .app-shell .status-row { color: #d6bf9f; }