body.lifeos-vision-theme {
  --primary: #4f9f6d;
  --navy: #111827;
  --canvas: #fdfff9;
  --surface: #fffdfa;
  --surface-soft: #f7fbf3;
  --hairline: #d6e2d1;
  --ink: #171412;
  --charcoal: #312b25;
  --muted: #665e54;
  --slate: #665e54;
  --stone: #958b7e;
  --line: #d6e2d1;
  --mint: #e1f1df;
  --lavender: #ece7f6;
  --sky: #e1edf5;
  --peach: #ffdfc9;
  --yellow: #f6c453;
  --yellow-bold: #f6c453;
  --green: #2f6f4e;
  margin: 0;
  overflow-x: hidden;
  background: linear-gradient(180deg, #fdfff9 0%, #f7fbf3 52%, #eef7ec 100%);
  color: var(--ink);
  font-family: "Notion Sans", Inter, "Segoe UI", "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
}

body.lifeos-vision-theme .page,
body.lifeos-vision-theme .shell,
body.lifeos-vision-theme > main:not(.page):not(.shell) {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 24px 0 56px;
}

body.lifeos-vision-theme .nav,
body.lifeos-vision-theme .top,
body.lifeos-vision-theme .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--hairline);
  padding-bottom: 18px;
}

body.lifeos-vision-theme .nav a,
body.lifeos-vision-theme .top a,
body.lifeos-vision-theme .topbar a,
body.lifeos-vision-theme .nav-links a,
body.lifeos-vision-theme .quick a,
body.lifeos-vision-theme .bottom-actions a,
body.lifeos-vision-theme .actions a,
body.lifeos-vision-theme a.home-return.home-return,
body.lifeos-vision-theme [data-testid="page-home-nav"] a:not(.home-return) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  color: var(--muted);
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  font-weight: 850;
  border: 1px solid rgba(49, 43, 37, .14);
  border-radius: 999px;
  padding: 8px 13px;
  background: rgba(255, 253, 250, .86);
  box-shadow: 0 1px 2px rgba(15, 15, 15, .03);
  transition: color .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

body.lifeos-vision-theme .nav a:hover,
body.lifeos-vision-theme .top a:hover,
body.lifeos-vision-theme .topbar a:hover,
body.lifeos-vision-theme .nav-links a:hover,
body.lifeos-vision-theme .quick a:hover,
body.lifeos-vision-theme .bottom-actions a:hover,
body.lifeos-vision-theme .actions a:hover,
body.lifeos-vision-theme a.home-return.home-return:hover,
body.lifeos-vision-theme [data-testid="page-home-nav"] a:not(.home-return):hover {
  color: var(--primary);
  border-color: rgba(79, 159, 109, .36);
  background: #fff;
  box-shadow: 0 6px 18px rgba(79, 159, 109, .08);
}

body.lifeos-vision-theme .hero,
body.lifeos-vision-theme .hero-main {
  border: 1px solid var(--hairline);
  border-radius: 8px;
  background: rgba(255, 253, 250, .86);
  color: var(--ink);
  box-shadow: none;
}

body.lifeos-vision-theme .hero {
  padding: clamp(26px, 5vw, 56px);
}

body.lifeos-vision-theme .hero-main {
  padding: clamp(28px, 6vw, 62px);
}

body.lifeos-vision-theme .hero::after,
body.lifeos-vision-theme .review-hero::after {
  display: none;
}

body.lifeos-vision-theme h1,
body.lifeos-vision-theme h2,
body.lifeos-vision-theme h3 {
  color: var(--ink);
  letter-spacing: 0;
}

body.lifeos-vision-theme h1 {
  font-weight: 760;
}

body.lifeos-vision-theme .hero p,
body.lifeos-vision-theme .hero-main p,
body.lifeos-vision-theme .hero-copy,
body.lifeos-vision-theme .card p,
body.lifeos-vision-theme .section-title p {
  color: var(--slate);
}

body.lifeos-vision-theme .eyebrow,
body.lifeos-vision-theme .review-eyebrow,
body.lifeos-vision-theme .mini-label,
body.lifeos-vision-theme .card-title {
  color: var(--stone);
  letter-spacing: .08em;
}

body.lifeos-vision-theme .card,
body.lifeos-vision-theme .overview-card,
body.lifeos-vision-theme .monthly-card,
body.lifeos-vision-theme .weekly-card,
body.lifeos-vision-theme .goal-card,
body.lifeos-vision-theme .identity-card,
body.lifeos-vision-theme .battle-card,
body.lifeos-vision-theme .timeline-row,
body.lifeos-vision-theme .sync-panel,
body.lifeos-vision-theme .feedback-panel,
body.lifeos-vision-theme .feedback-card,
body.lifeos-vision-theme .day-card,
body.lifeos-vision-theme .side-card,
body.lifeos-vision-theme .goal-daily,
body.lifeos-vision-theme .goal-daily-card,
body.lifeos-vision-theme .goal-daily-queue,
body.lifeos-vision-theme .goal-daily-detail,
body.lifeos-vision-theme .daily-review,
body.lifeos-vision-theme .article,
body.lifeos-vision-theme form,
body.lifeos-vision-theme .panel,
body.lifeos-vision-theme .side-panel,
body.lifeos-vision-theme .loop-node,
body.lifeos-vision-theme .next-action,
body.lifeos-vision-theme .cloud-collab-task,
body.lifeos-vision-theme .obsidian-export {
  border: 1px solid var(--hairline);
  border-radius: 8px;
  background: rgba(255, 253, 250, .88);
  box-shadow: 0 1px 2px rgba(15, 15, 15, .04);
}

body.lifeos-vision-theme input,
body.lifeos-vision-theme select,
body.lifeos-vision-theme textarea {
  border: 1px solid var(--hairline);
  border-radius: 8px;
  background: var(--canvas);
  color: var(--ink);
}

body.lifeos-vision-theme button,
body.lifeos-vision-theme .btn,
body.lifeos-vision-theme .sync-button,
body.lifeos-vision-theme .goal-daily-write,
body.lifeos-vision-theme .goal-daily-toggle,
body.lifeos-vision-theme .goal-step-toggle,
body.lifeos-vision-theme .goal-practice-save,
body.lifeos-vision-theme .feedback-actions button,
body.lifeos-vision-theme .sync-form button {
  border-radius: 8px;
  font-family: inherit;
}

body.lifeos-vision-theme .btn.primary,
body.lifeos-vision-theme .sync-button,
body.lifeos-vision-theme .goal-daily-write,
body.lifeos-vision-theme .goal-daily-toggle,
body.lifeos-vision-theme .goal-step-toggle,
body.lifeos-vision-theme .sync-form button,
body.lifeos-vision-theme button[type="submit"] {
  background: var(--primary);
  color: #fff;
  box-shadow: none;
}

body.lifeos-vision-theme .badge,
body.lifeos-vision-theme .status,
body.lifeos-vision-theme .tag,
body.lifeos-vision-theme .stage-badge,
body.lifeos-vision-theme .goal-daily-status,
body.lifeos-vision-theme .goal-breakdown-source,
body.lifeos-vision-theme .module-chip,
body.lifeos-vision-theme .live-status-pill,
body.lifeos-vision-theme .cloud-collab-role {
  border-radius: 999px;
  background: var(--mint);
  color: var(--green);
  border: 1px solid rgba(79, 159, 109, .18);
}

body.lifeos-vision-theme .question,
body.lifeos-vision-theme .principle,
body.lifeos-vision-theme .recommendation,
body.lifeos-vision-theme .goal-daily-summary {
  border-radius: 8px;
  background: #eef8e8;
  color: var(--charcoal);
  border: 1px solid rgba(79, 159, 109, .18);
}

body.lifeos-vision-theme .review-hero {
  border-radius: 8px;
  background: var(--surface-soft);
  color: var(--ink);
}

body.lifeos-vision-theme .review-hero p,
body.lifeos-vision-theme .review-hero label,
body.lifeos-vision-theme .review-score-row span {
  color: var(--slate);
}

@media (max-width: 560px) {
  body.lifeos-vision-theme .page,
  body.lifeos-vision-theme .shell,
  body.lifeos-vision-theme > main:not(.page):not(.shell) {
    width: min(100% - 24px, 1180px);
    padding-top: 14px;
  }

  body.lifeos-vision-theme .nav,
  body.lifeos-vision-theme .top,
  body.lifeos-vision-theme .topbar {
    align-items: flex-start;
  }
}