/* Home-only visual system: quiet stone, porcelain surfaces, one coral accent. */
:root {
  --apple-home-bg: #FAF6EA;
  --apple-surface: #fbfbfa;
  --apple-surface-solid: #ffffff;
  --apple-ink: #25282a;
  --apple-muted: #73777a;
  --apple-line: rgba(42, 45, 47, .11);
  --apple-coral: #e77d75;
  --apple-coral-deep: #b95f59;
  --apple-mint: #79aa9e;
  --apple-ease-out: cubic-bezier(.23, 1, .32, 1);
  --apple-ease-in-out: cubic-bezier(.77, 0, .175, 1);
  --today-glass-radius: 31px;
  --today-glass-blur: 34px;
  --today-glass-edge: rgba(255, 255, 255, .82);
  --today-glass-divider: rgba(72, 106, 111, .14);
}

.apple-home { background: var(--apple-home-bg) !important; color: var(--apple-ink) !important; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Noto Sans SC", sans-serif !important; }

/* Material 1: only the persistent structural chrome may be translucent. */
.apple-home .sidebar { width: 276px !important; padding: 24px 14px 18px !important; border-right: 1px solid rgba(255, 255, 255, .76) !important; background: rgba(243, 243, 241, .78) !important; box-shadow: 12px 0 30px rgba(37, 40, 42, .035); backdrop-filter: blur(20px) saturate(120%); -webkit-backdrop-filter: blur(20px) saturate(120%); }
.apple-home .brand { padding: 0 10px 34px !important; color: var(--apple-ink) !important; font-size: 21px !important; letter-spacing: -.04em; }
.apple-home .brand-mark { display: block !important; flex: 0 0 auto; width: 44px !important; height: 44px !important; overflow: hidden; border: 0 !important; border-radius: 11px !important; background: transparent !important; box-shadow: none !important; }
.apple-home .brand-mark img { display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; filter: none; transform: none; }
.apple-home .sidebar nav { gap: 4px; }
.apple-home .sidebar nav a { min-height: 45px; padding: 11px 12px !important; border-radius: 12px !important; color: #676d71 !important; transition: background-color .18s ease, color .18s ease, transform .18s var(--apple-ease-out) !important; }
.apple-home .sidebar nav a.active { color: var(--apple-ink) !important; background: #fff !important; box-shadow: 0 2px 7px rgba(37, 40, 42, .045) !important; }
.apple-home .sidebar nav a.active span { color: var(--apple-coral-deep) !important; }
.apple-home .focus-card { border: 1px solid rgba(213, 229, 224, .78); border-radius: 16px !important; background: radial-gradient(circle at 76% 16%, rgba(255, 255, 255, .82) 0%, rgba(255, 255, 255, .24) 36%, transparent 62%), linear-gradient(135deg, rgba(230, 247, 239, .96) 0%, rgba(239, 247, 239, .95) 43%, rgba(222, 238, 248, .94) 100%) !important; box-shadow: 0 8px 20px rgba(83, 116, 116, .055), inset 0 1px 0 rgba(255, 255, 255, .88); }
.apple-home .focus-card .tiny-label { color: #987c79 !important; }
.apple-home .focus-card strong { color: #293438; }
.apple-home .week-dots i { background: rgba(166, 201, 195, .42) !important; }
.apple-home .week-dots i.done { background: #83cdbb !important; }
.apple-home .week-dots i.today { outline: 2px solid rgba(111, 173, 162, .24); outline-offset: 2px; }
.apple-home .profile { border-color: var(--apple-line) !important; }
.apple-home .profile-name-editor { width: 34px; height: 34px; border-radius: 50% !important; background: #fff !important; color: var(--apple-ink) !important; }
.apple-home .avatar-picker { position: relative; flex: 0 0 auto; padding: 0; overflow: hidden; border: 0; cursor: pointer; font: inherit; box-shadow: 0 0 0 0 rgba(215, 135, 105, 0); transition: box-shadow .18s ease, transform .18s var(--apple-ease-out); }
.apple-home .avatar-picker:hover { transform: scale(1.04); }
.apple-home .avatar-picker:focus-visible { outline: 3px solid rgba(215, 135, 105, .3); outline-offset: 3px; }
.apple-home .avatar-picker img { display: block; width: 100%; height: 100%; object-fit: cover; }
.apple-home .avatar-picker img[hidden] { display: none; }

.avatar-crop-dialog { width: min(420px, calc(100vw - 28px)); border: 1px solid rgba(224, 215, 201, .8); border-radius: 18px; background: #fffdf8; color: #293438; box-shadow: 0 24px 72px rgba(70, 58, 44, .18); }
.avatar-crop-dialog::backdrop { background: rgba(43, 38, 32, .32); backdrop-filter: blur(5px); }
.avatar-crop-dialog form { padding: 28px; }
.avatar-crop-dialog h2 { margin: 2px 0 5px; }
.avatar-crop-hint { margin: 0 0 17px; color: #74746f; font-size: 13px; }
.avatar-crop-stage { position: relative; width: min(280px, 74vw); aspect-ratio: 1; margin: 0 auto 18px; overflow: hidden; border-radius: 50%; background: #eee9df; box-shadow: 0 0 0 7px rgba(250, 246, 234, .95), 0 10px 30px rgba(74, 64, 50, .12); touch-action: none; cursor: grab; }
.avatar-crop-stage:active { cursor: grabbing; }
.avatar-crop-stage::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; border: 1px solid rgba(255, 255, 255, .9); border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(99, 88, 72, .08); }
.avatar-crop-stage canvas { display: block; width: 100%; height: 100%; }
.avatar-zoom-label { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 14px; color: #686a67; font-size: 12px; }
.avatar-zoom-label input { width: 100%; accent-color: #d78c76; }
.avatar-crop-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 6px; }
.avatar-secondary-action { min-height: 42px; border: 1px solid #e4ddd2; border-radius: 11px; background: #fffaf1; color: #555b5a; cursor: pointer; font: inherit; font-size: 13px; font-weight: 600; }
.avatar-crop-actions .new-plan { min-height: 42px; background: linear-gradient(135deg, #e9a48c, #d88079); }

.apple-home-main { max-width: 1480px !important; margin-left: 276px !important; padding: 30px clamp(24px, 5.4vw, 82px) 74px !important; }
.apple-home .homebar { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "greeting actions" "brand brand" !important; gap: 14px 28px !important; align-items: start !important; width: 100%; margin: 0 0 26px !important; }
.apple-home .greeting { width: auto !important; margin: 0 !important; padding: 6px 0 0 !important; }
.apple-home .greeting .eyebrow { display: flex; align-items: center; gap: 5px; color: #82878a !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .01em !important; }
.apple-home .greeting h1 { gap: 10px !important; margin: 10px 0 0 -6px !important; font-size: clamp(27px, 2.6vw, 36px) !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -.055em !important; }
.apple-home .greeting .apple-hello {
  display: inline-block;
  color: var(--apple-ink);
  font-family: "Allura", "Segoe Script", cursive !important;
  font-size: clamp(58px, 9vw, 86px) !important;
  font-weight: 400 !important;
  font-synthesis: none;
  line-height: .9;
  letter-spacing: 0 !important;
  white-space: nowrap;
}
.apple-home .greeting .greeting-name-inline {
  max-width: min(32vw, 13rem);
  margin-left: 2px;
  overflow: hidden;
  color: var(--apple-ink);
  font-family: "Allura", "Segoe Script", cursive !important;
  font-size: clamp(58px, 9vw, 86px) !important;
  font-weight: 400 !important;
  font-synthesis: none;
  line-height: .9;
  letter-spacing: 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lifeflow-motion-pending .apple-home .apple-hello,
.lifeflow-motion-pending .apple-home .greeting-name-inline { opacity: 0; transform: translateY(6px); }
.lifeflow-motion-ready .apple-home .apple-hello,
.lifeflow-motion-ready .apple-home .greeting-name-inline { animation: hello-in 1s var(--apple-ease-out) forwards; }
@keyframes hello-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.apple-home .greeting-sun { position: relative !important; display: inline-grid !important; width: 19px !important; height: 19px !important; place-items: center; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; isolation: isolate; }
.apple-home .greeting-sun .sun-gradient-icon { position: relative; z-index: 1; width: 18px; height: 18px; display: block; }
.apple-home .greeting-sun::after { content: ""; position: absolute; z-index: 0; top: 0; right: -5px; width: 12px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, transparent, rgba(247, 190, 84, .6), transparent); box-shadow: 0 0 7px rgba(241, 139, 126, .24); opacity: 0; pointer-events: none; transform: scaleX(.45) rotate(-35deg); animation: lifeflow-sun-glint 4.4s var(--apple-ease-out) infinite; }
@keyframes lifeflow-sun-glint { 0%, 81%, 100% { opacity: 0; transform: scaleX(.45) rotate(-35deg); } 86% { opacity: .24; transform: scaleX(.8) rotate(-35deg); } 90% { opacity: .58; transform: scaleX(1.12) rotate(-35deg); } 95% { opacity: 0; transform: scaleX(1.4) rotate(-35deg); } }
.apple-home .header-actions { display: flex !important; width: auto !important; margin: 0 !important; gap: 8px !important; align-items: center !important; }
.apple-home .header-actions .hero-entry { position: relative; isolation: isolate; min-height: 42px !important; padding: 0 13px !important; overflow: hidden; border: 1px solid rgba(255, 255, 255, .8) !important; border-radius: 13px !important; background: linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .35)) !important; color: #555c60 !important; box-shadow: 0 7px 18px rgba(37, 40, 42, .055), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(255, 255, 255, .28) !important; backdrop-filter: blur(16px) saturate(145%); -webkit-backdrop-filter: blur(16px) saturate(145%); font-size: 12px !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s var(--apple-ease-out), box-shadow .18s ease !important; }
.apple-home .header-actions .hero-entry > * { position: relative; z-index: 1; }
.apple-home .header-actions .hero-entry::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: linear-gradient(128deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .16) 34%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, .28) 100%); opacity: .88; transform: translateX(-5%); transition: transform .3s var(--apple-ease-out), opacity .3s ease; }
.apple-home .header-actions .hero-entry-recap { color: #4f6669 !important; background: linear-gradient(135deg, rgba(250, 255, 255, .76), rgba(217, 237, 237, .36)) !important; }
.apple-home .header-actions .hero-entry-whisper { color: #79595f !important; background: linear-gradient(135deg, rgba(255, 252, 253, .78), rgba(248, 223, 229, .38)) !important; }
.apple-home .header-actions .hero-entry-label > i { color: var(--apple-coral-deep) !important; }
.apple-home .header-actions .hero-entry > svg:last-child { display: none; }

.apple-home .brand-hero { display: flex !important; align-items: end !important; justify-content: space-between !important; width: 100% !important; min-height: 116px !important; margin: 0 !important; padding: 4px clamp(2px, 1.8vw, 22px) 0 !important; overflow: visible !important; }
.apple-home .page-title { gap: 7px !important; padding: 0 0 16px !important; }
.apple-home .page-title strong { position: relative; display: inline-block; padding-right: .12em !important; margin-right: -.12em !important; color: #b96e8a !important; font-size: clamp(41px, 5vw, 64px) !important; line-height: .92 !important; letter-spacing: -.07em !important; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .apple-home .page-title strong { background: linear-gradient(100deg, #e67272 0%, #f0a36d 17%, #e9ca6d 34%, #7fb6a5 53%, #7898cf 70%, #aa84c3 85%, #df7896 100%); background-position: 46% 50%; background-size: 210% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent !important; }
  .apple-home .page-title strong::after { content: attr(data-text); position: absolute; inset: 0; pointer-events: none; background: linear-gradient(100deg, #aa84c3 0%, #7898cf 18%, #7fb6a5 37%, #e9ca6d 56%, #f0a36d 73%, #df7896 88%, #e67272 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; opacity: 0; animation: lifeflow-title-palette 30s var(--apple-ease-in-out) infinite; }
}
@keyframes lifeflow-title-palette { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
.apple-home .page-title span { max-width: none !important; color: #777b7d !important; font-size: 13px !important; font-style: normal !important; letter-spacing: -.01em !important; }
.apple-home .home-pet { width: clamp(132px, 14vw, 178px) !important; margin: 0 3vw -2px 0 !important; transform: rotate(-2deg) !important; filter: drop-shadow(0 15px 18px rgba(33, 53, 48, .12)) !important; }

.apple-home .overview-stack { gap: 24px !important; margin: 0 0 30px !important; }
/* Material 2: a single gradient frosted-glass focal surface. */
.apple-home .today-card { position: relative; isolation: isolate; min-height: 224px !important; grid-template-columns: minmax(0, 1fr) minmax(132px, .45fr) minmax(142px, .44fr) !important; gap: clamp(22px, 3.2vw, 46px) !important; padding: 32px clamp(30px, 4.2vw, 50px) !important; overflow: hidden !important; border: 1px solid var(--today-glass-edge) !important; border-radius: var(--today-glass-radius) !important; outline: 1px solid rgba(255, 255, 255, .28); outline-offset: -2px; background:
  radial-gradient(ellipse 78% 88% at 92% 114%, rgba(157, 225, 219, .48) 0%, rgba(204, 240, 235, .28) 46%, transparent 74%),
  radial-gradient(ellipse 58% 112% at -6% 8%, rgba(218, 204, 240, .4) 0%, rgba(237, 229, 248, .2) 43%, transparent 70%),
  linear-gradient(116deg, rgba(237, 230, 249, .72) 0%, rgba(249, 247, 252, .7) 29%, rgba(255, 255, 255, .72) 52%, rgba(252, 255, 254, .67) 67%, rgba(226, 247, 243, .62) 100%) !important;
  box-shadow:
    0 4px 9px rgba(49, 70, 73, .05),
    0 18px 35px rgba(63, 88, 91, .09),
    0 42px 76px rgba(72, 98, 102, .11),
    inset 0 1px 0 rgba(255, 255, 255, .92),
    inset 1px 0 0 rgba(255, 255, 255, .38),
    inset 0 -1px 0 rgba(92, 177, 170, .13) !important;
  backdrop-filter: blur(var(--today-glass-blur)) saturate(128%) brightness(1.025);
  -webkit-backdrop-filter: blur(var(--today-glass-blur)) saturate(128%) brightness(1.025);
}
.apple-home .today-card::before { content: ""; position: absolute; z-index: 0; inset: 0; border-radius: inherit; pointer-events: none; background:
  radial-gradient(ellipse 92% 56% at 50% -18%, rgba(255, 255, 255, .63) 0%, rgba(255, 255, 255, .18) 58%, transparent 78%),
  linear-gradient(132deg, rgba(255, 255, 255, .34) 0%, rgba(255, 255, 255, .08) 34%, transparent 59%),
  repeating-radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .12) 0 1px, transparent 1px 4px);
  opacity: .76;
  mix-blend-mode: soft-light;
}
.apple-home .today-card::after { content: ""; position: absolute; z-index: 0; top: -52%; right: -8%; width: 43%; height: 126%; border-radius: 50%; pointer-events: none; background: radial-gradient(ellipse, rgba(255, 255, 255, .46) 0%, rgba(255, 255, 255, .17) 38%, transparent 72%); filter: blur(10px); opacity: .72; transform: rotate(22deg); }
.apple-home .today-card .progress-copy, .apple-home .today-card .focus-time, .apple-home .today-card .progress-note { position: relative; z-index: 1; }
.apple-home .today-card .progress-copy > p:first-child { margin: 0 0 6px !important; color: #5e7778 !important; font-size: 13px !important; font-weight: 650 !important; }
.apple-home .today-card .progress-line { gap: 10px !important; }
.apple-home .today-card .progress-line strong { color: var(--apple-ink) !important; font-size: 54px !important; font-weight: 720 !important; letter-spacing: -.075em !important; }
.apple-home .today-card .progress-line span { color: #6f7477 !important; font-size: 14px !important; }
.apple-home .today-card .bar { height: 8px !important; max-width: 380px !important; margin: 14px 0 12px !important; overflow: hidden; background: rgba(57, 112, 113, .12) !important; box-shadow: inset 0 1px 2px rgba(38, 86, 89, .08), 0 1px 0 rgba(255, 255, 255, .68) !important; }
.apple-home .today-card .bar span { width: 100% !important; background: linear-gradient(90deg, #5f9f9a 0%, #77b8af 58%, #9ccac1 100%) !important; box-shadow: 0 1px 4px rgba(70, 145, 140, .2); transform: scaleX(var(--lifeflow-progress-scale, .5)); transform-origin: left center; transition: transform .24s var(--apple-ease-out) !important; }
.apple-home .today-promise { margin: 0 !important; color: #777b7e !important; font-size: 13px !important; }
.apple-home .today-plan-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 17px; color: #3f7775; font-size: 13px; font-weight: 700; text-decoration: none; transition: color .18s ease !important; }
.apple-home .today-plan-link .lucide { width: 16px; height: 16px; transition: transform .18s var(--apple-ease-out); }
.apple-home .today-card .focus-time { min-height: 88px !important; justify-items: start !important; gap: 7px !important; padding: 17px 0 0 clamp(18px, 2vw, 30px) !important; border: 0 !important; border-left: 1px solid var(--today-glass-divider) !important; }
.apple-home .today-card .focus-time span, .apple-home .today-card .progress-note span { color: #7e8385 !important; font-size: 12px !important; }
.apple-home .today-card .focus-time strong { color: var(--apple-ink) !important; font-size: 24px !important; letter-spacing: -.045em !important; }
/* Completion is content, not a third card inside the card. */
.apple-home .today-card .progress-note { align-self: center !important; justify-self: stretch !important; width: auto !important; min-height: 88px !important; padding: 17px 0 17px clamp(18px, 2vw, 30px) !important; border: 0 !important; border-left: 1px solid var(--today-glass-divider) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.apple-home .today-card .progress-note strong { color: #3f7775 !important; font-size: 29px !important; letter-spacing: -.06em !important; }
.apple-home .today-card .progress-note i { display: none !important; }

.apple-home .plan-hub { padding: 2px 2px 0; scroll-margin-top: 28px; }
.apple-home .home-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin: 0 4px 13px; }
.apple-home .home-section-heading .eyebrow { margin-bottom: 6px !important; color: #8a8f92 !important; letter-spacing: .08em !important; }
.apple-home .home-section-heading h2 { margin: 0 !important; color: var(--apple-ink) !important; font-size: 23px !important; line-height: 1.1 !important; letter-spacing: -.045em !important; }
.apple-home .home-section-heading > p { max-width: 260px; margin: 0; color: var(--apple-muted); font-size: 13px; text-align: right; }
.apple-home .quick-links { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
/* Material 3: quiet, solid functional cards. Colour lives only in their icon. */
.apple-home .quick-card { position: relative; display: grid !important; grid-template-columns: auto 1fr auto !important; align-items: center !important; height: 112px !important; padding: 18px !important; overflow: hidden; border: 1px solid var(--apple-line) !important; border-radius: 21px !important; background: var(--apple-surface) !important; color: var(--apple-ink) !important; box-shadow: 0 2px 5px rgba(37, 40, 42, .025) !important; transition: transform .2s var(--apple-ease-out), background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important; }
.apple-home .quick-card::before { content: none !important; }
.apple-home .quick-icon { position: relative; z-index: 1; width: 40px !important; height: 40px !important; border-radius: 14px !important; background: #edf5f2 !important; color: #53877b !important; }
.apple-home .workout-link .quick-icon { background: #faece8 !important; color: var(--apple-coral-deep) !important; }
.apple-home .pending-link .quick-icon { background: #f0f0ee !important; color: #687074 !important; }
.apple-home .quick-copy { position: relative; z-index: 1; margin-left: 12px; }.apple-home .quick-card b { color: var(--apple-ink) !important; font-size: 15px !important; letter-spacing: -.02em !important; }.apple-home .quick-card small { margin-top: 4px !important; color: var(--apple-muted) !important; font-size: 11px !important; }
.apple-home .quick-count { position: relative; z-index: 1; justify-self: end; margin: 0 !important; padding: 5px 8px !important; border: 0 !important; border-radius: 9px !important; background: #f0f0ee !important; color: #687074 !important; font-size: 11px !important; box-shadow: none !important; }
.apple-home .quick-card em { display: none !important; }

.apple-home .card-surface, .apple-home .calendar-home-card { border: 1px solid var(--apple-line) !important; border-radius: 24px !important; background: var(--apple-surface) !important; box-shadow: 0 2px 5px rgba(37, 40, 42, .025) !important; }
.apple-home .focus-distribution { padding: clamp(22px, 3vw, 32px) !important; }.apple-home .section-heading h2 { color: var(--apple-ink) !important; font-size: 22px !important; letter-spacing: -.045em !important; }
.apple-home .section-heading .eyebrow, .apple-home .streak > .eyebrow { color: #8a8f92 !important; letter-spacing: .08em !important; }
.apple-home .focus-pie-hole { fill: #fbfbfa !important; stroke: #e8e8e5 !important; }.apple-home .focus-label text { fill: #5c6468 !important; }.apple-home .focus-label.is-active text { fill: var(--apple-coral-deep) !important; }.apple-home .focus-label.is-active polyline { stroke: var(--apple-coral) !important; }
.apple-home .bottom-grid { gap: 14px !important; margin-top: 14px !important; }.apple-home .weekly, .apple-home .streak { padding: clamp(22px, 3vw, 30px) !important; }
.apple-home .period { min-height: 38px; border: 1px solid var(--apple-line) !important; border-radius: 11px !important; background: #fff !important; color: #555d60 !important; box-shadow: none !important; transition: transform .16s var(--apple-ease-out), background-color .16s ease !important; }
.apple-home .weekly .activity-stack { background: #eceae7 !important; }.apple-home .weekly .activity-stack i { transition: none !important; }.apple-home .weekly .activity-stack .study-segment { background: var(--apple-mint) !important; }.apple-home .weekly .activity-stack .workout-segment { background: var(--apple-coral) !important; }
.apple-home .streak-count strong { color: var(--apple-ink) !important; }.apple-home .mini-calendar .done { background: #e5f0ec !important; color: #53877b !important; }.apple-home .mini-calendar .today, .apple-home .mini-calendar .today.done { background: var(--apple-coral) !important; color: #fff !important; box-shadow: 0 0 0 3px rgba(231, 125, 117, .12) !important; }
.apple-home .calendar-home-card { margin-top: 14px !important; padding: 28px 30px !important; }.apple-home .calendar-home-card h2 { color: var(--apple-ink) !important; font-size: 24px !important; letter-spacing: -.045em !important; }.apple-home .calendar-home-card p:not(.eyebrow) { color: var(--apple-muted) !important; }.apple-home .calendar-home-link { min-height: 44px; border-radius: 13px !important; background: var(--apple-coral) !important; box-shadow: 0 8px 16px rgba(185, 95, 89, .17) !important; transition: transform .18s var(--apple-ease-out), background-color .18s ease, box-shadow .18s ease !important; }

/* GSAP prepares the first reveal so it can wait until the optional recap closes. */
@media (prefers-reduced-motion: no-preference) {
  .lifeflow-motion-pending .apple-home .homebar,
  .lifeflow-motion-pending .apple-home .today-card,
  .lifeflow-motion-pending .apple-home .plan-hub,
  .lifeflow-motion-pending .apple-home .focus-distribution,
  .lifeflow-motion-pending .apple-home .weekly,
  .lifeflow-motion-pending .apple-home .streak,
  .lifeflow-motion-pending .apple-home .calendar-home-card { visibility: hidden; }
}

@media (hover: hover) and (pointer: fine) {
  .apple-home .sidebar nav a:hover { color: var(--apple-ink) !important; background: rgba(255, 255, 255, .62) !important; transform: translateX(2px); }
  .apple-home .header-actions .hero-entry:hover { border-color: rgba(255, 255, 255, .95) !important; box-shadow: 0 10px 22px rgba(37, 40, 42, .075), inset 0 1px 0 rgba(255, 255, 255, .96) !important; transform: translateY(-1px); }
  .apple-home .header-actions .hero-entry:hover::before { opacity: 1; transform: translateX(6%); }
  .apple-home .quick-card:hover { border-color: rgba(185, 95, 89, .24) !important; background: #fff !important; box-shadow: 0 10px 22px rgba(37, 40, 42, .055) !important; transform: translateY(-2px); }
  .apple-home .calendar-home-link:hover { background: #d96f68 !important; box-shadow: 0 10px 20px rgba(185, 95, 89, .22) !important; transform: translateY(-2px); }
  .apple-home .today-plan-link:hover .lucide { transform: translate(2px, 2px); }
}
.apple-home a:active, .apple-home button:active { transform: scale(.97) !important; }

@media (max-width: 1040px) {
  .apple-home .sidebar { width: 252px !important; }.apple-home-main { margin-left: 252px !important; }
  .apple-home .today-card { grid-template-columns: minmax(0, 1fr) minmax(132px, .5fr) !important; }.apple-home .today-card .progress-note { grid-column: 1 / -1; justify-self: start !important; width: min(230px, 100%) !important; min-height: 74px !important; padding-left: clamp(18px, 2vw, 30px) !important; }.apple-home .today-card .focus-time { padding-top: 17px !important; }
}
@media (max-width: 720px) {
  .apple-home .sidebar { width: min(292px, 84vw) !important; background: rgba(243, 243, 241, .94) !important; }.apple-home-main { margin-left: 0 !important; padding: 20px 16px 50px !important; }
  .apple-home .mobile-menu-toggle { left: 10px; top: 11px; width: 34px; height: 34px; border: 1px solid rgba(255, 255, 255, .88); border-radius: 11px; background: radial-gradient(circle at 72% 22%, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .34) 34%, transparent 62%), linear-gradient(135deg, rgba(230, 247, 239, .96) 0%, rgba(238, 247, 240, .96) 42%, rgba(222, 238, 248, .96) 100%); color: #6f858a; box-shadow: 0 4px 12px rgba(83, 116, 116, .09), inset 0 1px 0 rgba(255, 255, 255, .88); transition: transform 150ms var(--apple-ease-out), box-shadow 180ms ease; }
  .apple-home .mobile-menu-toggle::after { content: ""; position: absolute; inset: -5px; }
  .apple-home .mobile-menu-toggle .lucide { width: 14px; height: 14px; stroke-width: 1.9; }
  .apple-home .homebar { grid-template-columns: 1fr !important; grid-template-areas: "greeting" "actions" "brand" !important; gap: 14px !important; margin-bottom: 20px !important; }.apple-home .greeting { padding-left: 48px !important; }.apple-home .greeting h1 { font-size: 29px !important; }.apple-home .header-actions { width: 100% !important; }.apple-home .header-actions .hero-entry { flex: 1 1 0; justify-content: center !important; min-height: 44px !important; }.apple-home .header-actions .hero-entry-label { gap: 7px !important; }.apple-home .header-actions .hero-entry-label > span { font-size: 11px; }
  .apple-home .brand-hero { min-height: 92px !important; padding: 2px 8px 0 4px !important; }.apple-home .page-title { padding-bottom: 10px !important; }.apple-home .page-title strong { font-size: 43px !important; }.apple-home .page-title span { font-size: 11px !important; }.apple-home .home-pet { width: 126px !important; margin-right: 2px !important; transform: translateX(8px) rotate(-2deg) !important; }
  .apple-home .today-card { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 19px 14px !important; min-height: 0 !important; padding: 25px 23px !important; border-radius: 25px !important; background: radial-gradient(ellipse 74% 66% at 82% 112%, rgba(156, 224, 218, .43) 0%, rgba(207, 240, 236, .24) 48%, transparent 76%), radial-gradient(ellipse 66% 82% at -12% 4%, rgba(218, 204, 240, .37) 0%, rgba(239, 232, 248, .18) 48%, transparent 72%), linear-gradient(124deg, rgba(239, 232, 249, .72) 0%, rgba(252, 250, 253, .7) 34%, rgba(255, 255, 255, .72) 55%, rgba(232, 248, 245, .62) 100%) !important; }.apple-home .today-card .progress-copy { grid-column: 1 / -1; min-width: 0; }.apple-home .today-card .progress-line { min-width: 0; flex-wrap: wrap; }.apple-home .today-card .progress-line strong { font-size: 48px !important; }.apple-home .today-card .focus-time { grid-column: 1; grid-row: 2; min-width: 0; min-height: 61px !important; padding: 0 !important; border: 0 !important; white-space: normal; }.apple-home .today-card .progress-note { grid-column: 2; grid-row: 2; justify-self: stretch !important; width: auto !important; min-width: 0; min-height: 67px !important; padding: 11px 0 11px 14px !important; border: 0 !important; border-left: 1px solid var(--today-glass-divider) !important; }.apple-home .today-card .progress-note strong { font-size: 24px !important; }
  .apple-home .home-section-heading { align-items: start; flex-direction: column; gap: 8px; margin: 2px 4px 12px; }.apple-home .home-section-heading > p { max-width: none; text-align: left; }.apple-home .quick-links { grid-template-columns: 1fr !important; gap: 10px !important; }.apple-home .quick-card { height: 84px !important; border-radius: 18px !important; }
  .apple-home .card-surface, .apple-home .calendar-home-card { border-radius: 20px !important; }.apple-home .focus-distribution, .apple-home .weekly, .apple-home .streak { padding: 21px !important; }.apple-home .focus-distribution { overflow: hidden !important; }.apple-home .bottom-grid { grid-template-columns: 1fr !important; gap: 12px !important; }.apple-home .calendar-home-card { align-items: flex-start !important; padding: 23px !important; }.apple-home .calendar-home-link { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .lifeflow-motion-pending .apple-home .apple-hello,
  .lifeflow-motion-pending .apple-home .greeting-name-inline { transform: none; }
  .lifeflow-motion-ready .apple-home .apple-hello,
  .lifeflow-motion-ready .apple-home .greeting-name-inline { animation: hello-in-reduced .2s ease forwards; }
  .apple-home .greeting-sun::after { animation: none !important; }
  .apple-home .page-title strong::after { animation: none !important; opacity: 0; }
  .apple-home .sidebar nav a, .apple-home .header-actions .hero-entry, .apple-home .quick-card, .apple-home .calendar-home-link, .apple-home .today-card .bar span, .apple-home .today-plan-link .lucide, .apple-home .period { transition-duration: .01ms !important; }
}
@keyframes hello-in-reduced {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-transparency: reduce) { .apple-home .sidebar { background: var(--apple-home-bg) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .apple-home .header-actions .hero-entry { background: #fff !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .apple-home .today-card { background: #edf8f8 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .apple-home .today-card::before, .apple-home .today-card::after { content: none !important; } }
@media (prefers-contrast: more) { .apple-home .today-card, .apple-home .quick-card, .apple-home .card-surface, .apple-home .calendar-home-card, .apple-home .header-actions .hero-entry { border-color: rgba(37, 40, 42, .3) !important; } }