/* Cool charcoal, soft porcelain ink, exact AUXE blue. Light keeps its approved palette. */
:root[data-theme="dark"]{
  --bg:#171C22;--surface:#222A33;--surface-subtle:#1C232B;--surface-strong:#303B47;--surf:var(--surface);
  --ink:#E7EDF3;--ink-2:#BDCAD5;--ink-3:#A0AFBD;--ink-4:#97A7B6;
  --accent:#A7CFF2;--accent-hover:#BFDCF4;--accent-soft:rgba(167,207,242,.12);--accent-ink:#223D53;--metal:var(--accent);--bp:#A7CFF2;
  --word-lg:var(--ink);--word:var(--ink-2);--on-key:#223D53;--on-key-2:#294B65;
  --frost:rgba(28,35,43,.97);--frost-2:var(--surface);--hair:rgba(189,211,231,.14);--hairline:rgba(189,211,231,.10);--hair-2:rgba(189,211,231,.07);
  --shadow-1:0 8px 20px -14px rgba(0,0,0,.5);--shadow-2:0 18px 42px -18px rgba(0,0,0,.6)
}
:root[data-theme="dark"] body.pm-premium{background:var(--bg)!important;color:var(--ink)!important}
:root[data-theme="dark"] body.pm-premium{--vr-key:var(--surface);--vr-ceramic:var(--surface);--vr-well:inset 0 1px 3px rgba(0,0,0,.18);--vr-edge:inset 0 1px 0 var(--hairline);--vr-key-edge:inset 0 1px 0 var(--hairline),var(--shadow-1);--vr-lift:var(--shadow-1);--vr-lift-2:var(--shadow-2)}
:root[data-theme="dark"] body.pm-premium .tabs,:root[data-theme="dark"] body.pm-premium .topnav{background:var(--bg)!important;border-color:var(--hair)!important;box-shadow:none!important}
:root[data-theme="dark"] body.pm-premium .btn.acc{background:var(--bp)!important;color:#223D53!important}
:root[data-theme="dark"] body.pm-premium .sheet,:root[data-theme="dark"] body.pm-premium .fdlg-card,:root[data-theme="dark"] body.pm-premium .asknum{background:var(--surface)!important;color:var(--ink)!important}
:root[data-theme="dark"] body.pm-premium #ask .chat-foot{background:linear-gradient(0deg,var(--bg) 85%,transparent)!important}
:root[data-theme="dark"] body.pm-premium #chatIn{color:var(--ink)!important}
:root[data-theme="dark"] body.pm-premium #ask #chatIn::placeholder{color:var(--ink-3)!important;opacity:1}
:root[data-theme="dark"] body.pm-premium .pfrow,:root[data-theme="dark"] body.pm-premium .pft-row,:root[data-theme="dark"] body.pm-premium .pfn-row{color:var(--ink)!important}
:root[data-theme="dark"] body.pm-premium .opts[data-group="themeset"] .opt.on{background:var(--bp)!important;color:#223D53!important}
.opts[data-group="themeset"] button.opt{font-family:inherit;text-align:center;min-height:48px}
@media(prefers-reduced-motion:reduce){.opts[data-group="themeset"] .opt{transition:none!important}}
:root[data-theme="dark"] body:not(.pm-premium):not(.feedback-page) input,:root[data-theme="dark"] .col .alt,:root[data-theme="dark"] .col .held{background:var(--surface);color:var(--ink)}
:root[data-theme="dark"] .col button:disabled{background:var(--surface-strong);color:var(--ink-3)}
:root[data-theme="dark"] body.pm-premium #eat .fh{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--hair)!important;box-shadow:0 8px 22px -16px #000!important}
:root[data-theme="dark"] body.pm-premium #fhPhoto.fh-photo{flex-direction:row!important;justify-content:flex-start!important;gap:16px;min-height:96px!important;padding:14px 18px!important;border-radius:24px!important;text-align:left}
:root[data-theme="dark"] body.pm-premium #fhPhoto .fl-t b,:root[data-theme="dark"] body.pm-premium #eat .flog-keys .fh b{color:var(--ink)!important}
:root[data-theme="dark"] body.pm-premium #fhPhoto .fl-t span{color:var(--ink-3)!important}
:root[data-theme="dark"] body.pm-premium #eat .flog-keys .fh{min-height:68px!important;flex-direction:row!important;gap:8px!important;border-radius:16px!important;padding:12px 8px!important}/* Bring legacy porcelain controls into the same dark material without changing their layout. */


:root[data-theme="dark"] body.pm-premium :is(.pf-back,.pfdest:not(.quiet),.pfa-acct,.pfa-sec,.pfn-sec,.pfg-sec,.pf-tile,.pfb-hero,.pf-stage),
:root[data-theme="dark"] body.pm-premium #setup .msq-t,
:root[data-theme="dark"] body.pm-premium #pfSheet .pfs-card,
:root[data-theme="dark"] body.pm-premium .btn:not(.acc){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--hair)!important;box-shadow:var(--vr-key-edge)!important}
:root[data-theme="dark"] body.pm-premium .pfdest.quiet{background:var(--surface-subtle)!important;border-color:var(--hair)!important}
:root[data-theme="dark"] body.pm-premium .tabs button{color:var(--ink-3)!important;box-shadow:none!important}
:root[data-theme="dark"] body.pm-premium .tabs button.on{background:var(--accent-soft)!important;color:var(--bp)!important;box-shadow:inset 0 1px 0 var(--hairline)!important}
@media(min-width:900px){:root[data-theme="dark"] body.pm-premium .tabs button.on{background:none!important;box-shadow:none!important}}
:root[data-theme="dark"] body.pm-premium .topnav .tn-tabs button{color:var(--ink-3)!important}
:root[data-theme="dark"] body.pm-premium .topnav .tn-tabs button.on{background:none!important;color:var(--bp)!important;box-shadow:none!important}
:root[data-theme="dark"] body.pm-premium :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),textarea,select){background-color:var(--surface)!important;color:var(--ink)!important;border-color:var(--hair)!important;box-shadow:none!important;caret-color:var(--bp)}
:root[data-theme="dark"] body.pm-premium :is(input,textarea)::placeholder{color:var(--ink-3);opacity:1}
:root[data-theme="dark"] body:not(.pm-premium) :is(input,textarea)::placeholder{color:var(--ink-3);opacity:1}
:root[data-theme="dark"] body.pm-premium :is(button,input,textarea,select):focus-visible{outline:2px solid var(--bp);outline-offset:3px}/* Home and workout: a dark slate stage lets the porcelain objects and primary action stand out. */
:root[data-theme="dark"] body.pm-premium #today #saveCard{background:var(--surface)!important;border-color:var(--hair)!important;box-shadow:var(--shadow-1)!important}
:root[data-theme="dark"] body.pm-premium #today #saveCard #saveGo{background:var(--bp)!important;color:var(--accent-ink)!important;box-shadow:none!important}
:root[data-theme="dark"] body.pm-premium #wkHero{background-color:#293B4B!important;background-blend-mode:multiply!important;box-shadow:inset 0 1px 0 var(--hair),var(--shadow-1)!important}
:root[data-theme="dark"] body.pm-premium #wkHero .wh-n .wn{background:rgba(167,207,242,.09)!important;box-shadow:none!important}
:root[data-theme="dark"] body.pm-premium #wkHero .wh-n .wn b{color:var(--ink)!important}
:root[data-theme="dark"] body.pm-premium #wkHero .wh-n .wn span{color:var(--ink-2)!important}
:root[data-theme="dark"] body.pm-premium #wkHero.noweek :is(.wh-k,.wh-e){color:var(--ink)!important}
:root[data-theme="dark"] body.pm-premium #wkHero.noweek .wh-quiet .wh-plain{color:var(--bp)!important}
:root[data-theme="dark"] body.pm-premium #wkHero.noweek .wh-own{background:var(--surface-strong)!important;color:var(--bp)!important;box-shadow:none!important}
:root[data-theme="dark"] body.pm-premium #wkHero .wh-start::before{border-left-color:var(--accent-ink)!important}
:root[data-theme="dark"] body.pm-premium #progress :is(.wq-r,.ltarget){background:var(--surface)!important;color:var(--bp)!important;box-shadow:var(--vr-key-edge)!important}
:root[data-theme="dark"] body.pm-premium #progress #lifts .ltarget{background:var(--surface-strong)!important;color:var(--bp)!important;box-shadow:none!important}/* Nutrition: bright readings, quieter labels, clearly visible empty grooves. */


:root[data-theme="dark"] body.pm-premium #fuelDeck.dial-deck .dd-ringwrap{background:var(--surface)!important;box-shadow:inset 0 1px 0 var(--hairline)!important}
:root[data-theme="dark"] body.pm-premium #fuelDeck.dial-deck .dd-ringwrap::before{background:var(--surface-strong)!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.18)!important}
:root[data-theme="dark"] body.pm-premium #fuelDeck.dial-deck .dd-ringwrap::after{background:var(--surface-subtle)!important;box-shadow:0 2px 5px rgba(0,0,0,.2)!important}
:root[data-theme="dark"] body.pm-premium #fuelDeck :is(.vs-read b,.dd-val b){color:var(--ink)!important}
:root[data-theme="dark"] body.pm-premium #fuelDeck.dial-deck :is(.vs-read .tg,.vs-name,.vs-x){color:var(--ink-3)!important}
:root[data-theme="dark"] body.pm-premium #eat #fuelCard #calLeft{color:var(--ink-2)!important}
:root[data-theme="dark"] body.pm-premium #eat #aiFoodSec .fh b{color:var(--ink)!important}
:root[data-theme="dark"] body.pm-premium #eat #aiFoodSec .fh svg{color:var(--bp)!important;stroke:var(--bp)!important}
:root[data-theme="dark"] body.pm-premium #waterSec .wnum{color:var(--ink-3)!important}
:root[data-theme="dark"] .logcard{background:var(--surface)!important;border-color:var(--hair)!important}
:root[data-theme="dark"] .logcard .lc-ico{background:var(--surface-strong)!important}/* Coach: remove the bright composer panel and keep both draft and hint readable. */


:root[data-theme="dark"] body.pm-premium #ask #chatIn{background:var(--surface)!important;border:1px solid var(--hair)!important;box-shadow:none!important}
:root[data-theme="dark"] body.pm-premium #ask #chatSend{background:var(--bp)!important;color:var(--accent-ink)!important;box-shadow:none!important}
:root[data-theme="dark"] body.pm-premium #ask #chatSend svg{stroke:var(--accent-ink)!important}
:root[data-theme="dark"] body.pm-premium #ask .chatdock,
html[data-theme="dark"].kb-open body.pm-premium #ask .chatdock{background:var(--bg)!important}
html[data-theme="dark"].coach-screen body.pm-premium #ask .chatdock{background:none!important}/* Rulers and selected options use the same surface hierarchy. */


:root[data-theme="dark"] body.pm-premium .measure-ruler{background:var(--surface)!important;box-shadow:var(--vr-well)!important}
:root[data-theme="dark"] body.pm-premium .measure-ruler::before,:root[data-theme="dark"] body.pm-premium .measure-ruler::after{background:linear-gradient(90deg,var(--surface),transparent)!important}
:root[data-theme="dark"] body.pm-premium .measure-tick{background:var(--ink-3)}
:root[data-theme="dark"] body.pm-premium .measure-tick.major{background:var(--ink-2)}
:root[data-theme="dark"] body.pm-premium .measure-marker{box-shadow:0 0 0 2px var(--surface)}
:root[data-theme="dark"] body.pm-premium #setup .opt.on,:root[data-theme="dark"] body.pm-premium #setup .opt.sel,
:root[data-theme="dark"] body.pm-premium .pfs-body .opt.on,:root[data-theme="dark"] body.pm-premium .pfs-body .opt.sel{background:var(--bp)!important;box-shadow:none!important}
:root[data-theme="dark"] body.pm-premium #coachChips .chipbtn.ca{background:none!important;box-shadow:none!important}