/* Exercises, Measure, authentication and shared sheets. Standard is untouched.
   Native references: SkyFrost / LiftPanelSurface (14px), LiftFieldSurface (44px),
   LiftAction (46px). Keep these tokens independent of the Home implementation. */
:root:is([data-layout="sky"],[data-layout="aura"]) {
  --chrome-outline:1px;
  --chrome-panel:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));
  --chrome-dialog:#15131f;
  --chrome-field:rgba(255,255,255,.08);
  --chrome-highlight:rgba(255,255,255,.13);
  --chrome-backdrop:radial-gradient(ellipse at 50% 15%,rgba(98,94,220,.22),transparent 65%),radial-gradient(ellipse at 90% 20%,rgba(255,170,140,.09),transparent 50%),var(--bg);
  --chrome-action:var(--ink);
}
:root[data-layout="sky"] {
  --chrome-panel:linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)),rgba(32,63,73,.28);
  --chrome-dialog:var(--deep);
  --chrome-backdrop:radial-gradient(ellipse at 84% 18%,rgba(255,239,208,.16),transparent 65%),linear-gradient(145deg,var(--mesh-0),var(--mesh-4) 55%,var(--mesh-7));
}
@media (min-resolution:2dppx) {
  :root:is([data-layout="sky"],[data-layout="aura"]) {--chrome-outline:.5px}
}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(.auth-shell,.app-shell:has(:is(#exercises-view,#measure-view):not(.hidden))) {
  background:var(--chrome-backdrop);
}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(.library-card,.measurement-group,.auth-card) {
  background:var(--chrome-panel);
  border:var(--chrome-outline) solid var(--line);
  border-radius:14px;
  box-shadow:inset 0 1px 0 var(--chrome-highlight);
  color:var(--ink);
}
:root[data-layout="sky"] :is(.library-card,.measurement-group,.auth-card) {
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
:root:is([data-layout="sky"],[data-layout="aura"]) #exercise-library {gap:12px}
:root:is([data-layout="sky"],[data-layout="aura"]) .library-card {padding:12px;gap:12px}
:root:is([data-layout="sky"],[data-layout="aura"]) .library-card :is(strong,small) {white-space:normal;overflow-wrap:anywhere}
:root:is([data-layout="sky"],[data-layout="aura"]) .library-card strong {font-size:15px;font-weight:600;line-height:1.3}
:root:is([data-layout="sky"],[data-layout="aura"]) .library-card small {font-size:12px;line-height:1.4}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(#exercises-view,dialog) .library-image {background:var(--chrome-field);border-radius:10px;flex-shrink:0}
:root:is([data-layout="sky"],[data-layout="aura"]) .measurement-group {padding:16px;margin-bottom:16px}
:root:is([data-layout="sky"],[data-layout="aura"]) .measurement-group>h2 {margin-bottom:4px;font-size:11px;letter-spacing:.1em}
:root:is([data-layout="sky"],[data-layout="aura"]) .measurement-row {min-height:76px}
:root:is([data-layout="sky"],[data-layout="aura"]) .measurement-row:last-child {border-bottom:0}
:root:is([data-layout="sky"],[data-layout="aura"]) .measurement-row>span {min-width:0;overflow-wrap:anywhere}
:root:is([data-layout="sky"],[data-layout="aura"]) .measurement-row small {font-variant-numeric:tabular-nums;line-height:1.4}
:root:is([data-layout="sky"],[data-layout="aura"]) .measurement-row button {flex-shrink:0;background:var(--chrome-field);color:var(--accent);border:var(--chrome-outline) solid var(--line)}

/* Opaque modal base keeps foreground legible above every underlying screen. */
:root:is([data-layout="sky"],[data-layout="aura"]) dialog {
  background:var(--chrome-dialog);color:var(--ink);
  border:var(--chrome-outline) solid var(--line);border-radius:14px;
  max-height:calc(100dvh - 24px);overflow-y:auto;
  box-shadow:0 24px 80px rgba(0,0,0,.35);
  scrollbar-color:var(--muted) var(--chrome-dialog);
}
:root:is([data-layout="sky"],[data-layout="aura"]) dialog::backdrop {background:rgba(var(--bg-rgb),.65);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:root:is([data-layout="sky"],[data-layout="aura"]) .sheet {padding:20px;gap:16px;background:var(--chrome-panel)}
:root:is([data-layout="sky"],[data-layout="aura"]) .sheet-head {align-items:center;min-width:0}
:root:is([data-layout="sky"],[data-layout="aura"]) .sheet-head h2 {font-size:20px;line-height:1.25;letter-spacing:-.02em;overflow-wrap:anywhere}
:root[data-layout="sky"] .sheet-head h2 {font-weight:400}
:root:is([data-layout="sky"],[data-layout="aura"]) .sheet-head .icon-button {background:var(--chrome-field);color:var(--ink);border-radius:12px}
:root:is([data-layout="sky"],[data-layout="aura"]) .settings-block {border-color:var(--line);padding:16px 0 0}
:root:is([data-layout="sky"],[data-layout="aura"]) .settings-block h3 {font-size:15px;font-weight:600;color:var(--ink)}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(.sheet,.auth-card,#exercises-view,#measure-view) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea) {
  min-width:0;max-width:100%;min-height:44px;border:var(--chrome-outline) solid var(--line);
  border-radius:8px;background:var(--chrome-field);color:var(--ink);box-shadow:none;
  caret-color:var(--accent);font-size:16px;
}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(.sheet,.auth-card,#exercises-view) input::placeholder {color:var(--ink2);opacity:1}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(.sheet,.auth-card,#exercises-view) :is(input,select,textarea):focus-visible {outline:2px solid var(--accent);outline-offset:2px}
:root:is([data-layout="sky"],[data-layout="aura"]) .sheet input[type="file"] {height:auto;padding:10px;white-space:normal}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(.sheet,.auth-card) :is(.primary,.secondary) {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(.sheet,.auth-card) .primary {background:var(--chrome-action);color:var(--accent-ink);box-shadow:none}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(.sheet,.auth-card) .secondary {background:var(--chrome-field);color:var(--ink);border:var(--chrome-outline) solid var(--line);box-shadow:none}
:root:is([data-layout="sky"],[data-layout="aura"]) :is(.sheet,.auth-card) button:disabled {opacity:.45}
:root:is([data-layout="sky"],[data-layout="aura"]) .sheet :is(.swap-button,.exercise-picker-option,.remove-set-option) {background:var(--chrome-field);color:var(--ink);border:var(--chrome-outline) solid var(--line);box-shadow:none;border-radius:12px;overflow-wrap:anywhere}
:root:is([data-layout="sky"],[data-layout="aura"]) .sheet .exercise-picker-option.selected {border-color:var(--accent);background:var(--accent-soft)}
:root:is([data-layout="sky"],[data-layout="aura"]) #guide-muscles>span {background:var(--chrome-field);color:var(--ink2);border:var(--chrome-outline) solid var(--line);border-radius:5px;white-space:normal}
:root:is([data-layout="sky"],[data-layout="aura"]) #guide-cues {color:var(--ink2);font-size:15px;line-height:1.55}
:root:is([data-layout="sky"],[data-layout="aura"]) #guide-cues li::marker {color:var(--accent)}
:root:is([data-layout="sky"],[data-layout="aura"]) .form-guide {background:var(--chrome-field);color:var(--ink);border:var(--chrome-outline) solid var(--line)}
:root:is([data-layout="sky"],[data-layout="aura"]) .auth-card h1 {letter-spacing:-.03em}
:root[data-layout="sky"] .auth-card h1 {font-weight:300}
:root:is([data-layout="sky"],[data-layout="aura"]) .brand-mark {background:var(--ring);color:var(--accent-ink)}
@media (hover:hover) {
  :root:is([data-layout="sky"],[data-layout="aura"]) :is(.library-card,.swap-button,.exercise-picker-option,.measurement-row button):not(:disabled):hover {border-color:var(--accent)}
}
@media (prefers-reduced-transparency:reduce) {
  :root:is([data-layout="sky"],[data-layout="aura"]) {--chrome-panel:var(--chrome-dialog)}
  :root:is([data-layout="sky"],[data-layout="aura"]) :is(.library-card,.measurement-group,.auth-card) {-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Native Measure plus uses LiftShape.field (8pt), with a 44pt hit target. */
:root:is([data-layout="sky"],[data-layout="aura"]) .measurement-row button {
  min-width:44px;min-height:44px;border-radius:8px;
}
:root:is([data-layout="sky"],[data-layout="aura"]) #measurement-value {font-variant-numeric:tabular-nums}
/* Keep keyboard focus visible on every shared action, including Measure. */
:root:is([data-layout="sky"],[data-layout="aura"]) :is(.sheet,.auth-card,#exercises-view,#measure-view) :is(button,input,select,textarea):focus-visible {
  outline:2px solid var(--accent);outline-offset:2px;
}
/* Optional chrome-features.js keeps the existing filter event/API path. */
:root:is([data-layout="sky"],[data-layout="aura"]) .chrome-native-filter {display:none}
:root:is([data-layout="sky"],[data-layout="aura"]) #chrome-body-chips:not([hidden]) {display:flex;gap:6px;overflow-x:auto;padding:4px 2px 8px}
:root:is([data-layout="sky"],[data-layout="aura"]) #chrome-body-chips button {flex-shrink:0;min-height:44px;padding:8px 12px;border:var(--chrome-outline) solid var(--line);border-radius:5px;background:var(--chrome-field);color:var(--ink)}
:root:is([data-layout="sky"],[data-layout="aura"]) #chrome-body-chips button[aria-pressed="true"] {border-color:var(--accent);background:var(--accent-soft)}
:root:is([data-layout="sky"],[data-layout="aura"]) .chrome-home-row {display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px}
:root:is([data-layout="sky"],[data-layout="aura"]) .chrome-home-row label {display:flex;align-items:center;flex:1 0 100%;gap:12px}
:root:is([data-layout="sky"],[data-layout="aura"]) .chrome-home-row input[type="checkbox"] {width:24px;min-height:24px;accent-color:var(--accent)}
:root:is([data-layout="sky"],[data-layout="aura"]) .chrome-home-row button {min-height:44px;background:var(--chrome-field);color:var(--ink);border:1px solid var(--line);border-radius:12px}
:root:is([data-layout="sky"],[data-layout="aura"]) [data-chrome-order="0"] {order:0}
:root:is([data-layout="sky"],[data-layout="aura"]) [data-chrome-order="1"] {order:1}
:root:is([data-layout="sky"],[data-layout="aura"]) [data-chrome-order="2"] {order:2}
:root:is([data-layout="sky"],[data-layout="aura"]) [data-chrome-order="3"] {order:3}
/* Native LiftColors Protocol is opt-in; existing Standard palettes retain precedence. */
:root[data-layout="standard"][data-palette="protocol"] {--bg:#f5f8f8;--bg-rgb:245,248,248;--paper:#fff;--paper-rgb:255,255,255;--ink:#233137;--ink-rgb:35,49,55;--accent:#0e7466;--accent-ink:#fff;--accent-soft:#eaf0f2}
:root[data-layout="standard"][data-palette="protocol"][data-theme="dark"] {--bg:#0b1315;--bg-rgb:11,19,21;--paper:#141d21;--paper-rgb:20,29,33;--ink:#f2f5f5;--ink-rgb:242,245,245;--accent:#8cf0d8;--accent-ink:#0b1315;--accent-soft:#1c272c}

:root:is([data-layout="sky"],[data-layout="aura"]) #home-view {display:flex;flex-direction:column}
:root:is([data-layout="sky"],[data-layout="aura"]) #home-view > :not([data-home-card]) {order:-1}