html:is([data-theme=dark],:not([data-theme])){
  color-scheme:dark;
  --navy:#a9cdf2; --navy-soft:#1a3350;
  --sky-50:#13283e; --sky-ink:#7fd4e8;
  --ink:#e8edf3; --ink-2:#c3ccd7; --ink-3:#9ba7b5; --line:#2a3b52; --ctl-line:#62758c;
  --paper:#0c141e; --surface:#132031; --card:#101b29; --glass:rgba(12,20,30,.92);
  --brand:#2a64a6; --brand-deep:#1f4f87; --dark-band:#070c12;
  --shadow:0 2px 6px rgba(0,0,0,.35),0 20px 50px -24px rgba(0,0,0,.7);
}
html:is([data-theme=dark],:not([data-theme])) .nav{background:rgba(12,20,30,.9)}
html:is([data-theme=dark],:not([data-theme])) .burger span{background:var(--ink);box-shadow:0 -6px 0 var(--ink),0 6px 0 var(--ink)}
html:is([data-theme=dark],:not([data-theme])) .btn-navy{box-shadow:0 10px 24px -14px rgba(0,0,0,.8)}
html:is([data-theme=dark],:not([data-theme])) .btn-ghost:hover{color:#fff}
html:is([data-theme=dark],:not([data-theme])) :focus-visible{outline-color:var(--sky)}

html:is([data-theme=dark],:not([data-theme])) :is(.flogo,.mini .lg,.aoff-g .lg){background:#fff;border-radius:10px}
html:is([data-theme=dark],:not([data-theme])) :is(.o-logo,.flogo) img{opacity:1}

html:is([data-theme=dark],:not([data-theme])) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){background-color:var(--card);color:var(--ink);border-color:#7d8fa5}
html:is([data-theme=dark],:not([data-theme])) ::placeholder{color:#8593a4}

html:is([data-theme=dark],:not([data-theme])) .ctags .ship{background:#123526;color:#8fe0b5}
html:is([data-theme=dark],:not([data-theme])) .ex.soon{color:#f0c060}
html:is([data-theme=dark],:not([data-theme])) .ca .done{color:#8fe0b5}
html:is([data-theme=dark],:not([data-theme])) .v-mc{background:#3a1714;color:#f4a99d}
html:is([data-theme=dark],:not([data-theme])) .v-b{background:#0f3442;color:#8fdcef}
html:is([data-theme=dark],:not([data-theme])) .v-n{background:#1d2a3a;color:var(--ink-2)}
html:is([data-theme=dark],:not([data-theme])) .v-c{background:#3a2a0e;color:#f2c26b}

html:is([data-theme=dark],:not([data-theme])) :is(.phero-visual img,.cover,.post .cv img,.map img){filter:brightness(.9)}

html:is([data-theme=dark],:not([data-theme])) .theme .sun{display:block}
html:is([data-theme=dark],:not([data-theme])) .theme .moon{display:none}
html:is([data-theme=dark],:not([data-theme])) .code{background:#0f1a28;border-color:#4a6585}
html:is([data-theme=dark],:not([data-theme])) .cpn.gone .code{border-color:#3a4c63;color:var(--ink-2)}
html:is([data-theme=dark],:not([data-theme])) .tabs a[aria-current] small{color:#fff;background:rgba(0,0,0,.22)}
html:is([data-theme=dark],:not([data-theme])) .bcats button[aria-pressed=true] small{color:#fff}

html:is([data-theme=dark],:not([data-theme])) :is(.tabs a[aria-current],.fchips button[aria-pressed=true],.chip[aria-pressed=true],.seg button[aria-pressed=true],.lzseg button[aria-pressed=true],.tseg input:checked+span,.icmode input:checked+span,.pills a[aria-current],.fuelnav a[aria-current],.gform .fuels button[aria-pressed=true],.bcats button[aria-pressed=true]){background:#2f6fb8;border-color:#2f6fb8;color:#fff}
html:is([data-theme=dark],:not([data-theme])) .sw input:checked{background:#2f6fb8}
html:is([data-theme=dark],:not([data-theme])) .chip[aria-pressed=true] .cn{color:#fff}
html:is([data-theme=dark],:not([data-theme])) .fchips button[aria-pressed=true] small{color:#fff}
html:is([data-theme=dark],:not([data-theme])) .stl button[aria-pressed=true] small{color:#fff}
html:is([data-theme=dark],:not([data-theme])) .o-logo small{color:var(--ink-3)}
html:is([data-theme=dark],:not([data-theme])) .trows .cost dd,html:is([data-theme=dark],:not([data-theme])) td.up{color:#ff9b8c}
html:is([data-theme=dark],:not([data-theme])) .trows .save dd,html:is([data-theme=dark],:not([data-theme])) td.down{color:#6fd3a0}
html:is([data-theme=dark],:not([data-theme])) .thead p{color:#dbe9f7}
html:is([data-theme=dark],:not([data-theme])) .tcopy p{color:#8fe0b5}
html:is([data-theme=dark],:not([data-theme])) .kpi p.l,html:is([data-theme=dark],:not([data-theme])) .kpi p.c,html:is([data-theme=dark],:not([data-theme])) .kpi small,html:is([data-theme=dark],:not([data-theme])) .kpi.tip small{color:#dbe9f7}
html:is([data-theme=dark],:not([data-theme])) .logos li{background:#fff}
html:is([data-theme=dark],:not([data-theme])) .logos span{color:#4a4d52}
html:is([data-theme=dark],:not([data-theme])) .bill .sum small{color:#fff}
html:is([data-theme=dark],:not([data-theme])) .bill .sum em{color:#bfeaf4}
html:is([data-theme=dark],:not([data-theme])) .o-logo img{background:#fff;border-radius:8px;padding:4px 6px;object-fit:contain;max-width:100%;box-sizing:border-box}
html:is([data-theme=dark],:not([data-theme])) .err{color:#ff9b8c}
html:is([data-theme=dark],:not([data-theme])) [aria-invalid=true]{border-color:#ff9b8c!important;box-shadow:0 0 0 2px rgba(255,155,140,.2)}

html:is([data-theme=dark],:not([data-theme])) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):focus{border-color:var(--sky)}

html:is([data-theme=dark],:not([data-theme])) .map :focus-visible{outline-color:#111;box-shadow:0 0 0 2px #fff}
html:is([data-theme=dark],:not([data-theme])) .map .mview:focus-visible{box-shadow:inset 0 0 0 5px #fff}
html:is([data-theme=dark],:not([data-theme])) .cmpbar .add{color:#d9e7f5}

html:is([data-theme=dark],:not([data-theme])) .mtabs button[aria-selected=true]{background:#3577c2;border-color:#3577c2}

html:is([data-theme=dark],:not([data-theme])) .fo img{opacity:.75} 
html:is([data-theme=dark],:not([data-theme])) .fo img.pl{padding:2px;background:#fff;border-radius:5px} 
html:is([data-theme=dark],:not([data-theme])) .fo:hover img,html:is([data-theme=dark],:not([data-theme])) .fo.on img,html:is([data-theme=dark],:not([data-theme])) .fo:has(:focus-visible) img{opacity:1}
html:is([data-theme=dark],:not([data-theme])) .fo.none img{opacity:.4}
html:is([data-theme=dark],:not([data-theme])) .fo-mono{background:#22344a;color:#d3dde8} 
html:is([data-theme=dark],:not([data-theme])) .fo input:checked{border-color:#3d80cc;background:#3d80cc}
html:is([data-theme=dark],:not([data-theme])) .fo.none input{background:#0c141e}
html:is([data-theme=dark],:not([data-theme])) .fg-n{background:#3d80cc;color:#04101d}
html:is([data-theme=dark],:not([data-theme])) .f-ch{background:#17324f;border-color:#79cfe2;color:#e8edf3}
html:is([data-theme=dark],:not([data-theme])) .f-ch:hover{background:#1f4063}
html:is([data-theme=dark],:not([data-theme])) .fg-q input{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%239ba7b5'%20stroke-width='2'%20stroke-linecap='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7'/%3E%3Cpath%20d='m20%2020-4-4'/%3E%3C/svg%3E")}
html:is([data-theme=dark],:not([data-theme])) .fr-c{border-color:#7d8fa5}