/* module=diary; channel=miniapp,web; layer=ui; scenario=day.route */
#home .tracker-grid.is-day-journey { display: block; gap: 0; }
.day-journey { display: grid; gap: 22px; }
#home .vitals-rail[hidden], #home .vital-item[hidden],
#home .day-focus .focus-orbit[hidden], #home .day-focus #miniapp-streak[hidden],
.day-zone[hidden] { display: none !important; }
#home .day-focus.is-empty .focus-layout { grid-template-columns: minmax(0, 1fr); }
#home .day-focus.is-empty .focus-copy { max-width: 720px; }
.day-journey__overview { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 6px 0 4px; }
.day-journey__overview-copy { display: grid; gap: 6px; min-width: 0; }
.day-journey__eyebrow { display: none; }
.day-journey__headline { font-size: clamp(1.35rem, 5vw, 1.8rem); line-height: 1.18; color: var(--ink, #153c3a); letter-spacing: -.035em; }
.day-journey__summary { max-width: 440px; font-size: .875rem; line-height: 1.5; color: var(--ink-soft, #63807b); }
.day-journey__progress { --day-progress: 0%; flex: 0 0 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle, var(--day-card, #f9fcfa) 59%, transparent 61%), conic-gradient(#18a59d var(--day-progress), #dcece7 0); color: var(--ink, #174f48); font-weight: 750; font-size: .85rem; font-variant-numeric: tabular-nums; }
.day-zone { display: grid; gap: 10px; min-width: 0; }
.day-zone__header { display: flex; align-items: center; justify-content: space-between; padding-inline: 4px; }
.day-zone__eyebrow { color: var(--ink-soft, #667c77); font-size: .75rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.day-zone--now .day-zone__eyebrow { color: #078c87; }
.day-zone__count { color: var(--ink-soft, #667c77); font-size: .75rem; font-weight: 500; }
.day-zone__list { display: grid; grid-template-columns: 1fr; gap: 10px; }
.day-step { --day-card: #fbfdfb; overflow: hidden; border: 1px solid #d9e9e3; border-radius: 24px; background: var(--day-card); box-shadow: 0 6px 22px #143d3905; }
.day-step[data-day-zone="now"] { border-color: #9fd9d0; }
.day-step[open] { box-shadow: 0 12px 38px #143d3910; }
.day-step__summary { display: grid; grid-template-columns: 36px minmax(0,1fr) 30px 16px; align-items: center; gap: 13px; min-height: 88px; padding: 17px 20px; cursor: pointer; list-style: none; }
.day-step__summary::-webkit-details-marker { display: none; }
.day-step__number { align-self: center; color: #6e9c94; font-size: .875rem; font-variant-numeric: tabular-nums; letter-spacing: .06em; }
.day-step__copy { display: grid; gap: 5px; min-width: 0; }
.day-step__title { color: var(--ink, #163d38); font-size: 1.0625rem; font-weight: 650; line-height: 1.25; }
.day-step__value { color: var(--ink-soft, #6c8580); font-size: .8125rem; line-height: 1.4; overflow-wrap: anywhere; }
.day-step__ring { --step-progress: 0%; width: 29px; height: 29px; border-radius: 50%; display: grid; place-items: center; color: #108e77; background: radial-gradient(circle, var(--day-card) 57%, transparent 61%), conic-gradient(#32bda7 var(--step-progress), #e2ece8 0); }
.day-step__ring-mark { font-size: .625rem; font-weight: 800; }
.day-step__chevron { width: 7px; height: 7px; border-right: 1.5px solid #63867e; border-bottom: 1.5px solid #63867e; transform: rotate(45deg); justify-self: center; transition: transform 180ms ease; }
.day-step[open] .day-step__chevron { transform: rotate(225deg); }
.day-step__body { padding: 0 18px 16px 68px; }
#home .day-journey .day-journey__action.tracker,
#home .day-journey .day-journey__action.tracker.is-now { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 50px; padding: 12px 16px; text-align: left; border: 1px solid #b9ded6; border-radius: 14px; color: #076f69; background: #eaf7f2; box-shadow: none; }
#home .day-journey__action.tracker > span:first-child { display: flex; align-items: center; gap: 9px; font-size: .875rem; }
#home .day-journey__action.tracker > span:first-child :is(svg,i) { width: 19px; height: 19px; }
#home .day-journey__action.tracker small { color: #547b71; font-size: .75rem; }
#home .day-journey__action.tracker:disabled { opacity: .55; cursor: not-allowed; }
.day-journey :is(button,summary,[tabindex]):focus-visible { outline: 3px solid #18a59d80; outline-offset: 3px; }
html[data-theme="dark"] .day-journey__overview { --day-card: #102b2d; }
html[data-theme="dark"] .day-step { --day-card: #102b2d; border-color: #284946; box-shadow: 0 8px 28px #00000010; }
html[data-theme="dark"] .day-step[data-day-zone="now"] { border-color: #34776e; }
html[data-theme="dark"] .day-step__ring { background: radial-gradient(circle, var(--day-card) 57%, transparent 61%), conic-gradient(#4ac4ad var(--step-progress), #284744 0); }
html[data-theme="dark"] #home .day-journey .day-journey__action.tracker { background: #173e39; color: #b1f2dd; border-color: #2e665a; }
html[data-theme="dark"] #home .day-journey__action.tracker small { color: #a2c5bc; }
@media (max-width: 560px) {
  .day-step__summary { grid-template-columns: 25px minmax(0,1fr) 26px 12px; padding: 16px; gap: 10px; }
  .day-step__body { padding-left: 16px; }
  .day-step__ring { width: 26px; height: 26px; }
  .day-journey__progress { flex-basis: 58px; height: 58px; }
}
@media (prefers-reduced-motion: reduce) {
  .day-journey *, .day-journey *::before, .day-journey *::after { scroll-behavior: auto !important; transition: none !important; }
}