/* Agent B: Today + Workout surfaces. Appearance tokens are owned by appearance.css.
   Every rule requires Sky/Aura; Standard and Body retain their existing styles. */
:root:is([data-layout="sky"],[data-layout="aura"]) {
  --home-radius:14px;
  --home-outline:1px;
  --home-panel:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));
  --home-highlight:rgba(255,255,255,.13);
  --home-button:var(--toggle-on);
}
@media (min-resolution:2dppx) {
  :root:is([data-layout="sky"],[data-layout="aura"]) {--home-outline:.5px}
}
:root[data-layout="sky"] {
  --home-panel:linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)),rgba(32,63,73,.28);
  --home-button:var(--ring);
}
:root[data-layout="sky"] .app-shell:has(:is(#home-view,#workout-view):not(.hidden)) {
  background:radial-gradient(ellipse at 84% 18%,rgba(255,239,208,.16),transparent 65%),radial-gradient(ellipse at 8% 35%,rgba(255,255,255,.13),transparent 40%),radial-gradient(ellipse at 80% 65%,rgba(255,239,208,.12),transparent 45%),linear-gradient(145deg,var(--mesh-0),var(--mesh-4) 55%,var(--mesh-7));
}
:root[data-layout="aura"] .app-shell:has(:is(#home-view,#workout-view):not(.hidden)) {
  background:radial-gradient(ellipse at 50% 230px,rgba(98,94,220,.30),transparent 480px),radial-gradient(ellipse at 85% 120px,rgba(255,170,140,.13),transparent 360px),radial-gradient(ellipse at 10% 560px,rgba(70,160,170,.08),transparent 420px),var(--bg);
}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#home-view,#workout-view) :is(.cta-card,.weekly-card,.progress-chart-card,.history-card,.stat-tile,.recommendation-card,.exercise-card,.today-complete,.empty-card) {
  border:var(--home-outline) solid var(--line);
  border-radius:var(--home-radius);
  background:var(--home-panel);
  color:var(--ink);
  box-shadow:inset 0 1px 0 var(--home-highlight);
}
:root[data-layout="sky"] :is(#home-view,#workout-view) :is(.cta-card,.weekly-card,.progress-chart-card,.history-card,.stat-tile,.recommendation-card,.exercise-card,.today-complete,.empty-card) {
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 var(--home-highlight),0 3px 8px rgba(32,63,73,.12);
}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#home-view .cta-card:has(.primary),#workout-view .recommendation-card.recommended,#workout-view .shared-card) {
  border-color:color-mix(in srgb,var(--accent) 75%,transparent);
  /* Active and idle cards keep exactly the same physical-pixel outline. */
}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .hero-greeting h2 {font-size:28px;line-height:1.15;letter-spacing:-.03em}
:root[data-layout="sky"] #home-view .hero-greeting h2 {font-weight:300}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .cta-card {padding:16px;gap:8px;margin-bottom:16px}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .cta-card h2 {font-size:24px;line-height:1.2}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#home-view,#workout-view) :is(.primary,.secondary) {width:100%;min-height:46px;border-radius:12px;font-size:15px;font-weight:700;white-space:normal;overflow-wrap:anywhere}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#home-view,#workout-view) .primary {background:var(--home-button);color:var(--accent-ink);border:0;box-shadow:none}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#home-view,#workout-view) .secondary {background:var(--home-panel);color:var(--ink);border:var(--home-outline) solid var(--line);box-shadow:inset 0 1px 0 var(--home-highlight)}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#home-view,#workout-view) :is(.muscle-list,.recovery-strip) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:0}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#home-view,#workout-view) :is(.muscle-list>span,.recovery-chip) {display:grid;align-content:center;width:100%;min-width:0;min-height:44px;padding:10px;border-radius:5px;background:rgba(255,255,255,.08);border:var(--home-outline) solid var(--line);box-shadow:none;overflow-wrap:anywhere}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#home-view,#workout-view) :is(.muscle-list>span,.recovery-chip):last-child:nth-child(odd) {grid-column:1/-1}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .household-row {min-width:0;padding:12px 0;margin-bottom:16px}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .member-dot {flex-shrink:0}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .stat-grid {gap:12px}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .stat-tile {min-width:0;padding:14px 16px}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .stat-tile span {color:var(--muted)}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .week-bar span {background:var(--home-button)}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#home-view,#workout-view) .kicker {letter-spacing:.03em}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .section-head {flex-wrap:wrap;align-items:center}
@media (prefers-reduced-transparency:reduce) {
  :root[data-layout="sky"] {--home-panel:#203f49}
  :root[data-layout="aura"] {--home-panel:#15131f}
}

/* Agent C: live session parity with WorkoutView / SessionControls.
   Keep all overrides layout-scoped; no workout behavior or Body styles change. */
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view {
  --session-field:rgba(255,255,255,.06);
  --session-next-color:var(--mint);
  --session-next:color-mix(in srgb,var(--session-next-color) 13%,transparent);
  --session-done:color-mix(in srgb,var(--mint) 12%,transparent);
  caret-color:var(--accent);
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .exercise-card {
  padding:12px;border-radius:14px;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .exercise-card:has(.set-row.next) {
  border-color:var(--accent);
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .exercise-head {
  align-items:flex-start;gap:8px;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .exercise-heading {align-self:center}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .exercise-heading h2 {
  font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.015em;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .exercise-head p {color:var(--muted)}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view :is(.guide-button,.exercise-actions-button,.add-set,.remove-set,.add-exercise,.swap-undo button) {
  min-height:44px;border:var(--home-outline) solid var(--line);border-radius:12px;
  background:var(--session-field);color:var(--ink);box-shadow:none;font-weight:600;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-labels {
  padding:12px 2px 4px;font-size:11px;letter-spacing:.04em;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-row {
  min-height:48px;padding:2px;border-radius:2px;box-shadow:none;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-row:not(.done):not(.next) {background:transparent}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-row.next {
  background:var(--session-next);box-shadow:inset 0 0 0 1px var(--session-next-color);
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-row.done {
  background:var(--complete);color:var(--complete-ink);opacity:1;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-row input {
  min-width:0;height:44px;border-radius:12px;background:var(--session-field);
  color:var(--ink);box-shadow:inset 0 0 0 var(--home-outline) var(--line);
  font-size:17px;font-weight:400;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-row input.suggestion:not(:focus) {color:var(--muted)}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view :is(input,textarea):focus {
  box-shadow:inset 0 0 0 2px var(--accent);
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view :is(.set-tag,.check) {border-radius:12px}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .check {
  background:var(--session-field);color:var(--muted);
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-row.next .check {
  background:var(--home-button);color:var(--accent-ink);
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-row.done .check {
  background:var(--mint);color:var(--bg);
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-actions {gap:8px;padding-top:4px}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .workout-status {
  padding:12px 14px;margin-bottom:8px;border:var(--home-outline) solid var(--line);
  border-radius:14px;background:var(--home-panel);color:var(--ink);font-weight:500;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view #workout-timer {
  color:var(--accent);font-size:20px;font-weight:400;font-variant-numeric:tabular-nums;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .progress-line {height:3px;background:var(--line)}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .progress-line span {background:var(--home-button)}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view textarea {
  border-radius:12px;background:var(--session-field);color:var(--ink);
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .finish {
  min-height:50px;border-radius:12px;background:var(--home-button);color:var(--accent-ink);
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .cancel-workout {border-radius:12px;color:var(--danger)}
:root:is([data-layout="sky"],[data-layout="aura"]) #training-pill {
  min-height:44px;background:var(--home-button);color:var(--accent-ink);
  box-shadow:0 6px 18px rgba(0,0,0,.2);
}
:root:is([data-layout="sky"],[data-layout="aura"]) .tabbar .start-tab .tab-icon {
  border-radius:12px;background:var(--home-button);color:var(--accent-ink);
  box-shadow:0 3px 8px rgba(0,0,0,.16);
}
/* Only session sheets, including the shared exercise picker while training. */
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#workout-action-dialog,#remove-set-dialog,#exercise-actions-dialog,#set-type-dialog,#guide-dialog,#template-dialog,body:has(#workout-view:not(.hidden)) #prompt-dialog) {
  border:var(--home-outline) solid var(--line);border-radius:14px;
  background:var(--bg);background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.035)),var(--bg);
  color:var(--ink);max-height:calc(100dvh - 24px);overflow-y:auto;
}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#workout-action-dialog,#remove-set-dialog,#exercise-actions-dialog,#set-type-dialog,#guide-dialog,#template-dialog,body:has(#workout-view:not(.hidden)) #prompt-dialog) :is(button,input,select,textarea) {
  border-radius:12px;min-height:44px;
}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#guide-dialog,#template-dialog,#prompt-dialog) .primary {background:var(--home-button);color:var(--accent-ink)}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#workout-view,#training-pill,.start-tab,dialog) :focus-visible {
  outline:2px solid var(--accent);outline-offset:3px;
}
@media (prefers-reduced-transparency:reduce) {
  :root:is([data-layout="sky"],[data-layout="aura"]) #workout-view :is(.exercise-card,.workout-status) {backdrop-filter:none;-webkit-backdrop-filter:none}
}

:root[data-layout="aura"] #workout-view {--session-next-color:var(--peach)}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view :is(input,textarea)::placeholder {color:var(--muted);opacity:1}

/* Native SetRow applies completed ink across the entire mint row. */
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-row.done input {
  background:transparent;color:var(--complete-ink);box-shadow:none;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #workout-view .set-row.done input:focus {
  box-shadow:inset 0 0 0 2px var(--complete-ink);
}

/* Edit Home's Insight/Recovery slots; no Body surface selectors. */
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .home-evidence-card {
  padding:16px;border:var(--home-outline) solid var(--line);border-radius:14px;
  background:var(--home-panel);color:var(--ink);min-width:0;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .home-evidence-card h2 {margin:0 0 8px;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .home-evidence-card :is(p,small) {color:var(--ink2);line-height:1.5}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .home-evidence-card .secondary {margin-top:12px}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .home-recovery-list {display:grid;gap:12px;margin:16px 0}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .home-recovery-list>div {display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view .home-recovery-list dd {margin:0;color:var(--ink2);font-variant-numeric:tabular-nums}