/* Slush Night for Distribute. Loaded after slush.css; only under html[data-theme="dark"]. */
html[data-theme="dark"]:root{--bg:#0e0e11;--card:#1b1b20;--card2:#232329;--border:rgba(243,239,230,.2);--border2:rgba(243,239,230,.28);--ink:#f3efe6;--ink2:#e6e1d6;--muted:#a8a49b;--faint:#8a877f;--white:#f3efe6;--accent:#f3efe6;--accent-dim:rgba(243,239,230,.08);--sky:#15151a;--paper:#1b1b20}
html[data-theme="dark"] body,html[data-theme="dark"] html{background:var(--bg)!important;color:var(--ink)!important}
html[data-theme="dark"] header{background:var(--sky)!important;border-bottom-color:var(--border)!important}
html[data-theme="dark"] .brand b,html[data-theme="dark"] .brand span{color:var(--ink)!important}
html[data-theme="dark"] .brand span{background:var(--sun)!important;color:#000!important}
html[data-theme="dark"] :is(.card,.appcard,.step,.angle,.aa-card,.intel,.srcgrid>*,.ctx,.appchip,.appmenu,.btn,.tab,.dside,.dsr-it video,.sd-num,.bc-embed,.bc-embed .ebar,.bc-mini,.tb-focus,.tb-item,#tboard .tb-top,.stagestep .idx,.kick,.stylecard,.ymode,.yvidwrap,.ycard,.ystep,.aitem,.ychip,.yex,.ystub,.ydirect,.yov,.qcard,input,textarea,select,.lv-card,.sc-card,.sched-card,.slot,.queue-item,.mmvcard,.mmchip,.sdchip,.mm-edinline,.rxwrap .card,.ctabar){background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .kick{background:var(--lav)!important;color:#000!important}
html[data-theme="dark"] :is(.btn.primary,.btn.accent,.tab.on,.dside .tab.on,.tb-use,.appchip .tt,.stagestep.on .idx,.stagestep.done .idx,.bc-embed .ebar .ex,#lpchip,.rxbatchbanner,.appcard .tbadge,.ystep.on,.ychip.on,.ymode-pill.on){color:#000!important}
html[data-theme="dark"] :is(.btn.primary,.btn.accent,.tab.on,.dside .tab.on,.tb-use,.bc-embed .ebar .ex,.ystep.on,.ymode-pill.on){background:var(--ink)!important;color:var(--bg)!important;border-color:var(--ink)!important}
html[data-theme="dark"] .btn:hover,html[data-theme="dark"] .tab:hover:not(.on),html[data-theme="dark"] .dside .tab:hover:not(.on){background:var(--sun)!important;color:#000!important}
html[data-theme="dark"] .appchip .tt{background:var(--lav)!important} html[data-theme="dark"] #lpchip{background:var(--mint)!important} html[data-theme="dark"] .rxbatchbanner{background:var(--sun)!important}
html[data-theme="dark"] .rxbatchbanner .bt b,html[data-theme="dark"] .rxbatchbanner .bgo,html[data-theme="dark"] .rxbatchbanner .bt{color:#000!important}
html[data-theme="dark"] .appcard .tbadge{background:var(--sun)!important} html[data-theme="dark"] .stagestep.on .idx{background:var(--sun)!important} html[data-theme="dark"] .stagestep.done .idx{background:var(--mint)!important}
html[data-theme="dark"] .appcard .thumb.live{background:#000!important}
html[data-theme="dark"] .appcard.addcard{background:transparent!important}
html[data-theme="dark"] .bc-embed .ev{background:var(--bg)!important} html[data-theme="dark"] .bc-embed .ev::after{background:linear-gradient(transparent 70%,var(--bg))!important}
html[data-theme="dark"] .bc-embed .ebar .sub,html[data-theme="dark"] .bc-mini .mk,html[data-theme="dark"] .tb-focus .k,html[data-theme="dark"] .tb-item .k{color:var(--muted)!important}
html[data-theme="dark"] .dsr-it{color:var(--ink)} html[data-theme="dark"] .dsr-it:hover,html[data-theme="dark"] .appmenu .ai2:hover{background:var(--card2)!important}
html[data-theme="dark"] .appmenu .ai2.cur{background:var(--sun)!important;color:#000!important}
html[data-theme="dark"] .dside .tab:hover{background:var(--card2)!important;color:var(--ink)!important}
html[data-theme="dark"] .sd-num em{color:var(--ember)}
html[data-theme="dark"] .lede,html[data-theme="dark"] .dsh,html[data-theme="dark"] .dsr-day,html[data-theme="dark"] .hint,html[data-theme="dark"] .dim{color:var(--muted)!important}
html[data-theme="dark"] h1.big,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:var(--ink)!important}
html[data-theme="dark"] h1.big em{color:var(--sun)!important;-webkit-text-stroke:0!important}
html[data-theme="dark"] .good,html[data-theme="dark"] .ok{background:var(--mint)!important;color:#000!important} html[data-theme="dark"] .warn{background:var(--sun)!important;color:#000!important}


html[data-theme="dark"] .mapp,html[data-theme="dark"] .rail .rxsec,html[data-theme="dark"] .rail .mmstep,html[data-theme="dark"] .rail .lvstep,html[data-theme="dark"] .mh-tile .mh-meta,html[data-theme="dark"] #pane-carousel.bar .rxsec{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .rail #rexport{background:var(--card2)!important}
html[data-theme="dark"] .mh-empty{border-color:var(--border)}

html[data-theme="dark"] #pane-react.rail .rxtop,html[data-theme="dark"] #pane-react.rail .rxtop > .mrender,html[data-theme="dark"] #pane-react.rail .ed-inline,html[data-theme="dark"] #pane-react.rail .ed-bar,html[data-theme="dark"] #pane-react.rail .ed-transport,html[data-theme="dark"] .mh-det,html[data-theme="dark"] .mh-tab,html[data-theme="dark"] .mh-seg button,html[data-theme="dark"] #pane-react.rail .txtchip,html[data-theme="dark"] #pane-react.rail .txcard{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] #pane-react.rail .rxtop > *,html[data-theme="dark"] #pane-react.rail .rxtop > .bc-embed .ebar{border-top-color:var(--border)!important}
html[data-theme="dark"] #pane-react.rail .srcbtn{background:var(--card2)!important;border-color:var(--border)!important}
html[data-theme="dark"] #pane-react.rail .ed-inrow{background:var(--bg)!important} html[data-theme="dark"] #pane-react.rail .ed-phone2,html[data-theme="dark"] .mh-row .mh-vid{border-color:var(--border)!important}
html[data-theme="dark"] .mh-seg button.on{background:var(--ink)!important;color:var(--bg)!important}
html[data-theme="dark"] #pane-react.rail .txtchip.on,html[data-theme="dark"] #pane-react.rail .txcard.on{background:var(--sun)!important;color:#000!important}
html[data-theme="dark"] #pane-react.rail .mrender .dim{color:var(--muted)}

html[data-theme="dark"] #pane-memes.rail > .mapp,html[data-theme="dark"] #pane-faceless.rail > .mapp,html[data-theme="dark"] #pane-memes.rail .bc-embed,html[data-theme="dark"] #pane-faceless.rail .bc-embed,html[data-theme="dark"] #pane-memes.rail .mmstep:not(:last-of-type),html[data-theme="dark"] #pane-faceless.rail .lvstep:not(:last-of-type),html[data-theme="dark"] #pane-faceless.rail .lvmodebar{background:var(--card)!important;border-color:var(--border)!important}

html[data-theme="dark"] #pane-carousel.bar .rxsec:not(:last-of-type),html[data-theme="dark"] .bt-card{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important}

html[data-theme="dark"] .rc-preset,html[data-theme="dark"] .rc-change,html[data-theme="dark"] .rc-box,html[data-theme="dark"] .rc-mh,html[data-theme="dark"] #mText .txcard,html[data-theme="dark"] #mText .txtchip,html[data-theme="dark"] .rc-own input{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .rc-slot{background:var(--card2);border-color:var(--border);color:var(--ink)} html[data-theme="dark"] .rc-slot:hover,html[data-theme="dark"] .rc-preset:hover{background:var(--sun)!important;color:#000!important}
html[data-theme="dark"] .rc-box{background:var(--bg)!important} html[data-theme="dark"] .rc-mh{background:var(--bg)!important}
html[data-theme="dark"] #mText .txcard.on,html[data-theme="dark"] #mText .txtchip.on{background:var(--sun)!important;color:#000!important}
html[data-theme="dark"] .mhead h1{color:var(--ink)}
html[data-theme="dark"] .mrender .btn.primary,html[data-theme="dark"] .rc-modal .btn.primary{background:var(--sun)!important;color:#000!important;border-color:transparent!important}

html[data-theme="dark"] #pane-yap.rail .ysteps,html[data-theme="dark"] #mStyle .txcard{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] #mStyle .txcard.on{background:var(--sun)!important;color:#000!important}

html[data-theme="dark"] .cc,html[data-theme="dark"] .cc-app{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .cc{box-shadow:0 18px 50px rgba(0,0,0,.6)}
html[data-theme="dark"] .cc-chip{border-color:rgba(255,255,255,.22);color:var(--ink)} html[data-theme="dark"] .cc-chip:hover{border-color:var(--ink)}
html[data-theme="dark"] .cg-tile{border-color:var(--border)} html[data-theme="dark"] .cg-acts button{background:var(--ink);color:var(--bg)}
html[data-theme="dark"] .cc-dot{background:var(--sun)}
html[data-theme="dark"] .mkrail,html[data-theme="dark"] .mkstage{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .mkrail .rc-block+.rc-block,html[data-theme="dark"] .mkrail .mrender{border-color:var(--border)} html[data-theme="dark"] .mkrail .mrender .dim{color:var(--ink)}
html[data-theme="dark"] .mks-empty{border-color:var(--border)}
html[data-theme="dark"] .fc-look{background:var(--card2);border-color:var(--border);color:var(--ink)} html[data-theme="dark"] .fc-look.on{background:var(--sun);color:#000;border-color:transparent}
html[data-theme="dark"] .cc-gen{border-color:transparent!important;box-shadow:0 4px 0 rgba(0,0,0,.6)}
html[data-theme="dark"] .mrender .btn.primary{border-color:transparent!important;box-shadow:0 4px 0 rgba(0,0,0,.6)!important}
html[data-theme="dark"] .mrender .btn.primary:disabled{background:var(--sun)!important;color:#000!important;opacity:.7!important}
html[data-theme="dark"] #v-stage2 .mrender .btn.primary:disabled,html[data-theme="dark"] #v-stage2 .mrender .btn.primary[disabled]{background:var(--sun)!important;color:#000!important;opacity:.7!important;border-color:transparent!important}
html[data-theme="dark"] .cv-side{background:var(--card)!important;color:var(--ink)!important} html[data-theme="dark"] .cvf input,html[data-theme="dark"] .cvf textarea{border-color:var(--border)!important;background:var(--card2)!important;color:var(--ink)!important}
html[data-theme="dark"] .cv-foot{border-color:var(--border)} html[data-theme="dark"] .cv-stage .btn.ghost{background:transparent!important}
html[data-theme="dark"] .cv-quick .qa{background:var(--card2);color:var(--ink);border-color:var(--border)} html[data-theme="dark"] .cv-quick .qa:hover{background:var(--sun);color:#000;border-color:transparent}
html[data-theme="dark"] .cv-prompt textarea{border-color:var(--border);background:var(--card2);color:var(--ink)} html[data-theme="dark"] .cv-apply{border-color:transparent;box-shadow:0 3px 0 rgba(0,0,0,.6)}
html[data-theme="dark"] .cc-pill,html[data-theme="dark"] .cc-box{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .cc-pill:hover{background:var(--sun)!important;color:#000!important} html[data-theme="dark"] .cc-pill .pi{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .cc-mode{background:var(--card2);border-color:var(--border);color:var(--ink)} html[data-theme="dark"] .cc-mode.on{background:var(--sun);color:#000;border-color:transparent}
html[data-theme="dark"] .cc-rc{border-color:rgba(255,255,255,.3);color:var(--ink)} html[data-theme="dark"] .cc-rc:hover{background:var(--sun);color:#000}
html[data-theme="dark"] .cc-box{box-shadow:0 18px 50px rgba(0,0,0,.6)}
html[data-theme="dark"] .bc-embed .ebar .ic{border-color:transparent} html[data-theme="dark"] .bc-embed .ebar .ex{background:var(--ink)!important;color:var(--bg)!important}
html[data-theme="dark"] .ybig{border-color:transparent;box-shadow:0 4px 0 rgba(0,0,0,.6)} html[data-theme="dark"] .ytsum{border-color:var(--border)} html[data-theme="dark"] .ytpl-right textarea,html[data-theme="dark"] .ytpl-right input[type=text]{border-color:var(--border);background:var(--card2);color:var(--ink)} html[data-theme="dark"] .ytpl-left img{border-color:var(--border)} html[data-theme="dark"] .ytpl-status.ok{color:#7ee2a0}
html[data-theme="dark"] .cc-pill{background:var(--card)!important;border:0!important} html[data-theme="dark"] .cc-pill .pi{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .cc-box{border-color:var(--border)!important}
html[data-theme="dark"] .rc-adj{background:var(--card2);color:var(--ink);border-color:var(--border)} html[data-theme="dark"] .rc-adj:hover{background:var(--sun);color:#000}
html[data-theme="dark"] .md-seek{background:rgba(255,255,255,.14)} html[data-theme="dark"] .md-seek i#md-fill{background:#fff} html[data-theme="dark"] .md-chip{border-color:var(--border)} html[data-theme="dark"] .md-sum{border-color:var(--border)}
html[data-theme="dark"] .mh-row{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)}
html[data-theme="dark"] .mh-row{background:transparent!important;border:0!important} html[data-theme="dark"] .mh-facts{border-color:var(--border)}
html[data-theme="dark"] .mh-row .mh-det{background:transparent!important;border:0!important}

/* ── TONAL LAYERS (Sep 5): in the dark, depth comes from three shades, not from lines.
   l0 ground · l1 panel · l2 rows, chips and inputs inside a panel · l3 hover / raised. Borders only on focus. ── */
html[data-theme="dark"]{--l0:#0e0e11;--l1:#15151a;--l2:#1f1f25;--l3:#2a2a32}
html[data-theme="dark"] .mkrail,html[data-theme="dark"] #pane-react.rail .rxtop,html[data-theme="dark"] .rail > .mapp,html[data-theme="dark"] #pane-react.rail .rxtop > .mapp,html[data-theme="dark"] .rail .bc-embed,html[data-theme="dark"] .bc-embed .ebar,html[data-theme="dark"] .mkstage,html[data-theme="dark"] .cc-box,html[data-theme="dark"] .cc-pill,html[data-theme="dark"] .rc-box,html[data-theme="dark"] .ysteps,html[data-theme="dark"] #pane-yap.rail .bc-embed{background:var(--l1)!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme="dark"] #pane-react.rail .rxtop > *{border-color:transparent!important}
html[data-theme="dark"] .rc-box{box-shadow:0 30px 80px rgba(0,0,0,.6)!important}
html[data-theme="dark"] .rc-preset,html[data-theme="dark"] .rc-slot,html[data-theme="dark"] .rc-change,html[data-theme="dark"] .ychip,html[data-theme="dark"] .mmchip,html[data-theme="dark"] .lvchip,html[data-theme="dark"] .cc-chip,html[data-theme="dark"] .cc-app,html[data-theme="dark"] .cc-rc,html[data-theme="dark"] .btn.ghost,html[data-theme="dark"] .mh-acts2 .btn:not(.fill),html[data-theme="dark"] .cv-quick .qa,html[data-theme="dark"] .fc-look,html[data-theme="dark"] .ystep,html[data-theme="dark"] .ymode-pill,html[data-theme="dark"] .rc-adj,html[data-theme="dark"] .ytsum,html[data-theme="dark"] .md-chip,html[data-theme="dark"] .md-sum,html[data-theme="dark"] .mks-empty,html[data-theme="dark"] .mh-empty,html[data-theme="dark"] .cg-empty,html[data-theme="dark"] .ytcard,html[data-theme="dark"] .txcard,html[data-theme="dark"] .angle,html[data-theme="dark"] .mh-tab,html[data-theme="dark"] .mapp .tp,html[data-theme="dark"] .mapp .btn,html[data-theme="dark"] .bc-embed .ebar .ex,html[data-theme="dark"] .rc-mh .btn:not(.primary){background:var(--l2)!important;border-color:transparent!important;color:var(--ink)!important;box-shadow:none!important}
html[data-theme="dark"] .rc-preset:hover,html[data-theme="dark"] .rc-slot:hover,html[data-theme="dark"] .ychip:hover,html[data-theme="dark"] .mmchip:hover,html[data-theme="dark"] .lvchip:hover,html[data-theme="dark"] .btn.ghost:hover,html[data-theme="dark"] .mh-acts2 .btn:not(.fill):hover,html[data-theme="dark"] .cv-quick .qa:hover,html[data-theme="dark"] .cc-pill:hover,html[data-theme="dark"] .cc-chip:hover,html[data-theme="dark"] .ytcard:hover{background:var(--l3)!important;color:var(--ink)!important}
html[data-theme="dark"] .rc-thumb,html[data-theme="dark"] .cc-pill .pi,html[data-theme="dark"] .rc-slot .ic{background:var(--l3)!important}
html[data-theme="dark"] .ychip.on,html[data-theme="dark"] .mmchip.on,html[data-theme="dark"] .lvchip.on,html[data-theme="dark"] .ystep.on,html[data-theme="dark"] .ymode-pill.on,html[data-theme="dark"] .fc-look.on{background:var(--sun)!important;color:#000!important}
html[data-theme="dark"] .cvf input,html[data-theme="dark"] .cvf textarea,html[data-theme="dark"] .cv-prompt textarea,html[data-theme="dark"] .ytpl-right textarea,html[data-theme="dark"] .ytpl-right input[type=text],html[data-theme="dark"] .rc-box input[type=text],html[data-theme="dark"] .rc-box textarea,html[data-theme="dark"] .mm-edinline input,html[data-theme="dark"] .mm-edinline textarea{background:var(--l2)!important;border:1px solid transparent!important;color:var(--ink)!important}
html[data-theme="dark"] .cvf input:focus,html[data-theme="dark"] .cvf textarea:focus,html[data-theme="dark"] .cv-prompt textarea:focus,html[data-theme="dark"] .rc-box input:focus,html[data-theme="dark"] .rc-box textarea:focus{outline:2px solid var(--sun)!important;border-color:transparent!important}
html[data-theme="dark"] .rc-k,html[data-theme="dark"] .cv-k,html[data-theme="dark"] .ytpl-k,html[data-theme="dark"] .md-k{color:var(--ink);opacity:.85}
html[data-theme="dark"] .mh-facts{border-top-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .mh-row .mh-vid{background:var(--l1)}
html[data-theme="dark"] .cg-tile,html[data-theme="dark"] .mh-tile{border-color:transparent!important}
html[data-theme="dark"] .rc-modal{background:rgba(6,6,8,.72)!important}
html[data-theme="dark"] .mrender .btn.primary,html[data-theme="dark"] .ybig,html[data-theme="dark"] .cc-gen,html[data-theme="dark"] .cv-dl,html[data-theme="dark"] .cv-apply,html[data-theme="dark"] .mh-acts2 .btn.fill{background:var(--sun)!important;color:#000!important;border-color:transparent!important}
html[data-theme="dark"] .mh-acts2 .btn.fill{box-shadow:none!important}
html[data-theme="dark"] .bc-embed .ebar .ex{background:var(--ink)!important;color:var(--bg)!important}
html[data-theme="dark"] .mkrail,html[data-theme="dark"] #pane-react.rail .rxtop{border:1px solid rgba(255,255,255,.16)!important;border-radius:26px!important;padding-top:12px!important}
html[data-theme="dark"] .rail > .mapp,html[data-theme="dark"] #pane-react.rail .rxtop > .mapp{border-radius:26px 26px 0 0!important}
html[data-theme="dark"] .mkrail .mrender,html[data-theme="dark"] #pane-react.rail .rxtop > .mrender{padding-bottom:4px!important}
/* Memes + Faceless: the app row, the plan and the rail read as ONE outlined panel */
html[data-theme="dark"] #pane-memes.rail > .mapp,html[data-theme="dark"] #pane-faceless.rail > .mapp{border:1px solid rgba(255,255,255,.16)!important;border-bottom:0!important;border-radius:26px 26px 0 0!important;padding:14px 16px 8px!important}
html[data-theme="dark"] #pane-memes.rail .bc-embed,html[data-theme="dark"] #pane-faceless.rail .bc-embed{border:1px solid rgba(255,255,255,.16)!important;border-top:0!important;border-bottom:0!important;border-radius:0!important}
html[data-theme="dark"] #pane-memes.rail .mkrail,html[data-theme="dark"] #pane-faceless.rail .mkrail{border:1px solid rgba(255,255,255,.16)!important;border-top:0!important;border-radius:0 0 26px 26px!important;padding-top:4px!important}
html[data-theme="dark"] #pane-memes.rail .bc-embed .ebar,html[data-theme="dark"] #pane-faceless.rail .bc-embed .ebar{padding:6px 16px 10px!important}
/* Carousel keeps the look it had before the tonal pass: card surfaces with their outlines */
html[data-theme="dark"] .cc-pill{background:var(--card)!important;border:0!important} html[data-theme="dark"] .cc-pill .pi{background:rgba(255,255,255,.08)!important} html[data-theme="dark"] .cc-pill:hover{background:var(--sun)!important;color:#000!important}
html[data-theme="dark"] .cc-box{background:var(--card)!important;border:1px solid var(--border)!important;box-shadow:0 18px 50px rgba(0,0,0,.6)!important}
html[data-theme="dark"] .cc-chip{background:transparent!important;border:1px solid rgba(255,255,255,.22)!important} html[data-theme="dark"] .cc-chip:hover{border-color:var(--ink)!important;background:transparent!important}
html[data-theme="dark"] .cc-app{background:var(--card)!important;border:1px solid var(--border)!important}
html[data-theme="dark"] .cc-rc{background:transparent!important;border:1px dashed rgba(255,255,255,.3)!important} html[data-theme="dark"] .cc-rc:hover{background:var(--sun)!important;color:#000!important;border-style:solid!important}
html[data-theme="dark"] #cAngle .rc-box,html[data-theme="dark"] #cLook .rc-box,html[data-theme="dark"] #cBrand .rc-box,html[data-theme="dark"] #cView .rc-box{background:var(--card)!important;border:1px solid var(--border)!important}
html[data-theme="dark"] #cAngle .rc-mh .btn:not(.primary),html[data-theme="dark"] #cLook .rc-mh .btn:not(.primary),html[data-theme="dark"] #cView .rc-mh .btn:not(.primary){background:var(--card)!important;border:1px solid var(--border)!important}
html[data-theme="dark"] .angle{background:var(--card)!important;border:1px solid var(--border)!important}
html[data-theme="dark"] .cv-side{background:var(--card)!important} html[data-theme="dark"] .cv-quick .qa{background:var(--card2)!important;border:1px solid var(--border)!important} html[data-theme="dark"] .cv-quick .qa:hover{background:var(--sun)!important;color:#000!important}
html[data-theme="dark"] .cvf input,html[data-theme="dark"] .cvf textarea,html[data-theme="dark"] .cv-prompt textarea{background:var(--card2)!important;border:1px solid var(--border)!important}
html[data-theme="dark"] .cg-tile{border:1px solid var(--border)!important} html[data-theme="dark"] .cg-empty{background:transparent!important;border:0!important}
html[data-theme="dark"] .cc-pop{background:var(--card)!important;border-color:var(--border)!important;color:var(--ink)}
html[data-theme="dark"] #cAngle .rc-mh,html[data-theme="dark"] #cLook .rc-mh,html[data-theme="dark"] #cBrand .rc-mh,html[data-theme="dark"] #cView .rc-mh{background:var(--card)!important}
html[data-theme="dark"] #pane-yap.rail > .mapp{border:1px solid rgba(255,255,255,.16)!important;border-bottom:0!important;border-radius:26px 26px 0 0!important}
html[data-theme="dark"] #pane-yap.rail .ysteps{border:1px solid rgba(255,255,255,.16)!important;border-top:0!important;border-bottom:0!important;border-radius:0!important;background:var(--l1)!important}
html[data-theme="dark"] #pane-yap.rail .bc-embed{border:1px solid rgba(255,255,255,.16)!important;border-top:0!important;border-radius:0 0 26px 26px!important;background:var(--l1)!important}
html[data-theme="dark"] .yup-card{background:var(--l2)!important;border-color:transparent!important;color:var(--ink)} html[data-theme="dark"] .yup-card.on{border:2px solid var(--sun)!important}
html[data-theme="dark"] .yup-drop{border-color:rgba(255,255,255,.28);background:var(--l1)} html[data-theme="dark"] .yup-have{border-color:var(--border)}
html[data-theme="dark"] .ytk-bar{background:rgba(255,255,255,.14)} html[data-theme="dark"] .ytk-line:hover{background:rgba(255,255,255,.06)} html[data-theme="dark"] .ytk-line input{color:var(--ink)}
html[data-theme="dark"] .yload{border-color:rgba(255,255,255,.18);background:var(--l1)}
html[data-theme="dark"] .yup-cta{border-color:transparent} html[data-theme="dark"] .w.editing{background:var(--ink);color:var(--bg)} html[data-theme="dark"] .ytk-line.now{background:rgba(255,215,49,.08)}
html[data-theme="dark"] .ytk-video,html[data-theme="dark"] .ytk-tx,html[data-theme="dark"] .ypv-side{background:var(--l1)!important;border-color:transparent!important;color:var(--ink)}
html[data-theme="dark"] .ytk-sum .pill{background:var(--l2)} html[data-theme="dark"] .ytk-sum .pill.ok{background:rgba(60,200,120,.2)} html[data-theme="dark"] .ytk-line .t{background:var(--l2)}
html[data-theme="dark"] .ytk-para .sm .t{background:var(--l2)} html[data-theme="dark"] .ytk-para .sm .menu button{background:var(--l2);color:var(--ink)} html[data-theme="dark"] .ytk-para .w.st-kept:hover{background:rgba(255,215,49,.22)} html[data-theme="dark"] .l-user{border-color:rgba(255,255,255,.3)}
html[data-theme="dark"] .ytcard{background:var(--l2)!important} html[data-theme="dark"] .ytcard:hover{background:var(--l3)!important} html[data-theme="dark"] .yttag{background:var(--l3)} html[data-theme="dark"] .yttag.ok{background:var(--sun);color:#000}
html[data-theme="dark"] .ypv-prompt{border-color:var(--border)} html[data-theme="dark"] .ypv-prompt textarea{background:var(--l2);border-color:transparent;color:var(--ink)}
html[data-theme="dark"] .ytl{background:var(--l2)} html[data-theme="dark"] .ytl-beats .beat{background:rgba(255,255,255,.18)} html[data-theme="dark"] .ytl-marks .mark{background:var(--ink);color:var(--bg);border-color:transparent;box-shadow:0 2px 0 rgba(0,0,0,.6)}
html[data-theme="dark"] .ybs-chip{border-color:rgba(255,255,255,.3);color:var(--ink)} html[data-theme="dark"] .ybs-chip:hover{background:var(--sun);color:#000}
html[data-theme="dark"] .yxp-side{background:var(--l1)!important;border-color:transparent!important} html[data-theme="dark"] .yxp-side textarea,html[data-theme="dark"] .yxp-row input[type=datetime-local]{background:var(--l2);border-color:transparent;color:var(--ink)} html[data-theme="dark"] .yxp-row input[type=datetime-local]{color-scheme:dark}
html[data-theme="dark"] .rc-own.hot input{background:rgba(255,215,49,.07)!important;color:var(--ink)!important} html[data-theme="dark"] .rc-send{border-color:transparent}
html[data-theme="dark"] .md-film{background:var(--l2)} html[data-theme="dark"] .md-cutbtn{border-color:rgba(255,255,255,.3);color:var(--ink)} html[data-theme="dark"] .md-cutbtn.on{background:#ff5a5a;color:#fff}
html[data-theme="dark"] .ypv-sep{background:rgba(255,255,255,.16)}
html[data-theme="dark"] .rc-own.hot input{border:2px solid var(--sun)!important;background:rgba(255,215,49,.07)!important;color:var(--ink)!important}
html[data-theme="dark"] .md-film{background:#221e33}
html[data-theme="dark"] #ytopbar{background:var(--l1)!important;border-color:transparent!important}
html[data-theme="dark"] #pane-yap.rail .bc-embed{border-color:transparent!important;background:var(--l1)!important}
html[data-theme="dark"] .ytk2{background:var(--l1)!important;border-color:transparent!important}
html[data-theme="dark"] .ytknote .tp{border-color:rgba(255,255,255,.25);color:var(--ink)} html[data-theme="dark"] .ytknote .tp.on{background:var(--sun);color:#000;border-color:transparent}
html[data-theme="dark"] .tbtn2{border-color:rgba(255,255,255,.25);color:var(--ink)} html[data-theme="dark"] .tbtn2:not(:disabled):hover{background:var(--sun);color:#000}
html[data-theme="dark"] #ytkstrip{background:#221e33}
html[data-theme="dark"] #pane-yap.rail > .mapp,html[data-theme="dark"] #pane-yap.rail .ysteps{background:var(--l1)!important;border:0!important}
html[data-theme="dark"] #pane-yap.rail .bc-embed{border:0!important;border-top:1px solid rgba(255,255,255,.06)!important}
html[data-theme="dark"] .ytknote{background:rgba(255,215,49,.08);border-color:rgba(255,215,49,.3)}
html[data-theme="dark"] .tp{border-color:rgba(255,255,255,.25);color:var(--ink)} html[data-theme="dark"] .tp.on{background:var(--sun);color:#000}
html[data-theme="dark"] .tbtn2{border-color:rgba(255,255,255,.28);color:var(--ink)}
/* preview boxes: tonal layers, no lines */
.ypv.one{background:var(--l1);border-color:transparent}
.ypv-stage,.ypv-toggles{background:var(--l2);border-color:transparent}
/* distribute home in the dark: tonal layers, no lines */
.flowstrip{background:var(--l1)}
.fs-step{background:var(--l2)}
.toolcard{background:var(--l1)}
.toolcard:hover{background:var(--l2)}
.dh-slider{background:var(--l2)}
/* the new home in the dark: same treatment as the app cards, outlined + ink text */
html[data-theme="dark"] :is(.toolcard,.flowstrip,.fs-step,.dh-slider){background:var(--card)!important;border:1px solid var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .fs-step{background:var(--l2)!important;border-color:transparent!important}
html[data-theme="dark"] .appcard .meta .nm{color:var(--ink)!important}
html[data-theme="dark"] .appcard .meta .sm{color:var(--muted)!important}
html[data-theme="dark"] .appcard .meta .ft{color:var(--faint)!important}
html[data-theme="dark"] .tc-nm{color:var(--ink)!important}
html[data-theme="dark"] .tc-line{color:var(--muted)!important;opacity:1}
html[data-theme="dark"] .dh-slider button{color:var(--ink)}
html[data-theme="dark"] .dh-slider button.on{color:#141318}
/* add-your-own-app: readable in the dark */
html[data-theme="dark"] .addcard .addt{color:var(--ink)!important}
html[data-theme="dark"] .addcard .adds{color:var(--muted)!important}
html[data-theme="dark"] .addcard .plus{background:var(--l2)!important;color:var(--sun)!important;border-color:transparent!important}
html[data-theme="dark"] #addapp .aa-card,html[data-theme="dark"] #addapp input,html[data-theme="dark"] #addapp textarea,html[data-theme="dark"] #addapp select{color:var(--ink)!important;background:var(--l2)!important}
html[data-theme="dark"] #addapp ::placeholder{color:var(--faint)!important}
html[data-theme="dark"] .ybig.ctx2{outline-color:rgba(255,255,255,.35);color:var(--ink)}
html[data-theme="dark"] .ybig.ctx2.warn{outline-color:var(--sun)}
html[data-theme="dark"] .ybig.ctx2{background:transparent!important;color:var(--ink)!important;outline:2px solid rgba(255,255,255,.35)!important}
html[data-theme="dark"] .ybig.ctx2.warn{outline-color:var(--sun)!important}
/* Catfish modal at night */
html[data-theme="dark"] .cf-drop,html[data-theme="dark"] .cf-face{background:var(--l2)!important;border-color:var(--l3)!important;color:var(--ink)}
html[data-theme="dark"] .cf-drop.has{background:#000!important}
html[data-theme="dark"] .cf-tabs span,html[data-theme="dark"] .cf-chip,html[data-theme="dark"] .cf-pc{border-color:var(--l3)!important;color:var(--ink)}
html[data-theme="dark"] .cf-tabs span.on{background:var(--ink)!important;color:var(--bg)!important;border-color:var(--ink)!important}
html[data-theme="dark"] .cf-chip.on{background:var(--sun)!important;color:#000!important;border-color:transparent!important}
html[data-theme="dark"] .cf-pc.done{color:#000!important;border-color:transparent!important}
html[data-theme="dark"] .cf-input,html[data-theme="dark"] .cf-select{background:var(--l2)!important;color:var(--ink)!important;border-color:var(--l3)!important}
html[data-theme="dark"] .cf-est{background:rgba(255,215,49,.12)!important;border-color:transparent!important;color:var(--ink)}
html[data-theme="dark"] .cf-bar{background:var(--l3)!important} html[data-theme="dark"] .cf-meta .bad,html[data-theme="dark"] .cf-err{color:#ff8a7a}
html[data-theme="dark"] .cf-face em{background:var(--sun);color:#000}