/* BUFF OS v63 — today's session card and sheet. Deep green: its own thing next
   to the ember challenge card and the blue voice card. */
.v63-card { --c: #5bd6a0; --crgb: 91, 214, 160;
  background: linear-gradient(180deg, rgba(var(--crgb), .12), rgba(var(--crgb), .04)), var(--glass) !important;
  border: 1px solid rgba(var(--crgb), .32) !important;
  box-shadow: 0 0 0 1px rgba(var(--crgb), .05), 0 14px 34px -18px rgba(var(--crgb), .5); }
.v63-card .c100-eyebrow { color: var(--c); }
.v63-card.v63-done { opacity: .82; }
.v63-lead { margin: 6px 0 11px; font-size: 12.5px; line-height: 1.45; font-weight: 600; color: var(--txt2); }
.v63-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.v63-chip { font-size: 12px; font-weight: 600; color: var(--txt2); padding: 6px 10px; border-radius: 999px;
  background: rgba(var(--crgb), .08); border: 1px solid rgba(var(--crgb), .22); }
.v63-chip b { font-weight: 800; color: var(--txt); font-variant-numeric: tabular-nums; }
.v63-note { margin-top: 10px; padding: 10px 12px; border-radius: 13px; font-size: 12px; line-height: 1.45;
  font-weight: 600; color: var(--txt2); background: rgba(240, 197, 103, .08); border: 1px dashed rgba(240, 197, 103, .4); }
.v63-btns { display: flex; gap: 8px; margin-top: 13px; }
.v63-go { flex: 1; min-height: 46px; border-radius: 14px; font-family: inherit; font-size: 15px; font-weight: 800;
  color: #06231a; background: var(--c); border: 0; cursor: pointer; }
.v63-alt { flex: 0 0 auto; min-height: 46px; padding: 0 16px; border-radius: 14px; font-family: inherit;
  font-size: 14px; font-weight: 700; color: var(--txt2); background: var(--elev2); border: 1px solid var(--line); cursor: pointer; }
.v63-go:active, .v63-alt:active { transform: scale(.97); }

/* sheet */
.v63-sheet { --c: #5bd6a0; --crgb: 91, 214, 160; padding: 4px 2px 18px; }
.v63-top { display: flex; align-items: center; gap: 12px; }
.v63-emoji { font-size: 34px; line-height: 1; }
.v63-sheet h2 { margin: 0; font-size: 21px; font-weight: 800; letter-spacing: -.01em; }
.v63-top small { display: block; margin-top: 2px; font-size: 12px; font-weight: 700; color: var(--txt3); }
.v63-why { margin: 12px 0 14px; font-size: 14px; line-height: 1.5; color: var(--txt2); font-weight: 600; }
.v63-row { padding: 12px 13px; margin-top: 8px; border-radius: 15px; background: var(--elev2); border: 1px solid var(--line2); }
.v63-rh { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.v63-rh b { font-size: 15.5px; font-weight: 800; }
.v63-rh span { font-size: 14px; font-weight: 800; color: var(--c); font-variant-numeric: tabular-nums; white-space: nowrap; }
.v63-sub { margin-top: 2px; font-size: 11.5px; font-weight: 600; color: var(--txt3); }
.v63-last { margin-top: 6px; font-size: 12px; font-weight: 700; color: var(--txt2); font-variant-numeric: tabular-nums; }
.v63-rule { margin: 14px 0; padding: 12px 13px; border-radius: 14px; font-size: 12.5px; line-height: 1.5;
  font-weight: 600; color: var(--txt2); background: rgba(var(--crgb), .07); border: 1px solid rgba(var(--crgb), .25); }
.v63-sheet .c100-cta { background: var(--c); color: #06231a; }