/* platinum / plat-grade-b: the site skin (themes/warm.py, switched by themes/ACTIVE). mirror 1. style.css */
:root{--k-000:#e4ddcf;--k-0c0c0c:#ebe5d6;--k-111:#e7e1d2;--k-262626:#cbc5b7;--k-2b2b2b:#c4beb0;--k-333:#b7b1a5;--k-3a3a3a:#b0aa9e;--k-3d3d3d:#aea89c;--k-444:#a6a196;--k-555:#959087;--k-666:#4f4e4f;--k-777:#4f4e4f;--k-888:#4c4b4d;--k-8a8a8a:#4b4a4c;--k-999:#48474a;--k-9a9a9a:#474649;--k-a8a8a8:#434246;--k-aaa:#424145;--k-bbb:#39393e;--k-c8c8c8:#333439;--k-ccc:#313237;--k-cfcfcf:#303136;--k-d6d6d6:#2a2c32;--k-dcdcdc:#26272e;--k-ddd:#25272d;--k-e0e0e0:#23252b;--k-e3e3e3:#212229;--k-e6e6e6:#1f2026;--k-f1f1f1:#181a1f;--k-f2f2f2:#17191e;--k-f4f4f4:#16181c;--k-f5f5f5:#16181c;--k-f6f6f6:#15171b;--k-fff:#111216}
@media all{:root{--k-000:#1a1b21;--k-0c0c0c:#212229;--k-111:#24262c;--k-262626:#313237;--k-2b2b2b:#333439;--k-333:#36373b;--k-3a3a3a:#39393e;--k-3d3d3d:#3b3b3f;--k-444:#3e3e42;--k-555:#454447;--k-666:#49484b;--k-777:#4c4b4d;--k-888:#4f4e4f;--k-8a8a8a:#4f4e4f;--k-999:#4f4e4f;--k-9a9a9a:#4f4e4f;--k-a8a8a8:#908b83;--k-aaa:#918c84;--k-bbb:#9e998f;--k-c8c8c8:#aba599;--k-ccc:#aea89c;--k-cfcfcf:#b0aa9e;--k-d6d6d6:#b6b0a4;--k-dcdcdc:#beb7ab;--k-ddd:#c0b9ac;--k-e0e0e0:#c3bcaf;--k-e3e3e3:#c7c1b3;--k-e6e6e6:#cac4b6;--k-f1f1f1:#d6d0c2;--k-f2f2f2:#d8d1c3;--k-f4f4f4:#dbd4c6;--k-f5f5f5:#dbd4c6;--k-f6f6f6:#dcd5c7;--k-fff:#e7e1d2}}
body{background-image:none;background-color:var(--bg);color:var(--tx)}
a{color:inherit}
:focus-visible{outline-color:var(--inv)}
.muted{color:var(--mu)}
.nav{background-image:none;background-color:var(--k-000)}
.logo{text-decoration-color:currentcolor}
.nav nav a{text-decoration-color:currentcolor;color:var(--mu)}
.nav nav a:hover{color:var(--tx)}
.btn{background-image:none;background-color:var(--inv);color:var(--k-000)!important;border-color:var(--inv);text-decoration-color:currentcolor}
.btn:hover{background-image:none;background-color:var(--k-000);color:var(--inv)!important}
.sub{color:var(--mu)}
.sub a{color:var(--tx)}
.search input{border-color:var(--line2);background-image:none;background-color:var(--card);color:var(--tx)}
.search input::placeholder{color:var(--k-8a8a8a)}
.search input:focus{outline-color:var(--inv);border-color:var(--inv)}
.cat h2 a{text-decoration-color:currentcolor}
.cat h2 a:hover{text-decoration-color:currentcolor}
.cat h2 .all{color:var(--mu)}
.answer{color:var(--mu)}
.card{background-image:none;background-color:var(--bg);border-color:var(--line)}
.card:hover{border-color:var(--line2)}
.card.top{border-color:var(--k-8a8a8a)}
.badge{background-image:none;background-color:var(--inv);color:var(--k-000)}
.card h3 a{text-decoration-color:currentcolor}
.card h3 a:hover{text-decoration-color:currentcolor}
.v{color:var(--k-d6d6d6)}
dl.meta{color:var(--mu)}
dl.meta dt{color:var(--tx)}
.src{color:var(--mu)}
.src a{color:var(--mu)}
.tag{border-color:var(--line2);color:var(--tx)}
.ri time{color:var(--mu)}
.ri .meta{color:var(--mu)}
.sponsor{border-color:var(--line2)}
.sponsor p{color:var(--mu)}
.slbl{border-color:var(--mu)}
.digest{border-color:var(--line2)}
.digest input{border-color:var(--line2);background-image:none;background-color:var(--k-000);color:var(--tx)}
.digest input:focus{outline-color:var(--inv)}
.digest small{color:var(--mu)}
.foot{color:var(--mu)}
.foot b{color:var(--tx)}
.skip:focus{background-image:none;background-color:var(--k-fff);color:var(--k-000)}
.crumbs,.updated{color:var(--mu)}
.crumbs a{color:var(--mu)}
.updated a{color:var(--tx)}
.pick{border-color:var(--inv)}
.plbl{color:var(--mu)}
.pick h2 a{text-decoration-color:currentcolor}
.pmeta{color:var(--mu)}
.also li{border-color:var(--line)}
.also li span{color:var(--mu)}
.tw{border-color:var(--line)}
thead th{color:var(--mu);background-image:none;background-color:var(--card)}
tbody th a{text-decoration-color:currentcolor}
tbody th a:hover{text-decoration-color:currentcolor}
.tn{color:var(--mu)}
td{color:var(--k-d6d6d6)}
.nw{color:var(--mu)}
@media(max-width:640px){.tw{border-color:currentcolor}
tr{border-color:var(--line)}
th,td{border-color:currentcolor}
td:before{color:var(--tx)}}
dl.pf dd{color:var(--k-d6d6d6)}
.lnk{color:var(--tx)}
.tbl{border-color:var(--line)}
.th{color:var(--mu);background-image:none;background-color:var(--card)}
.tr summary:hover{background-image:none;background-color:var(--card)}
.bf,.pr{color:var(--k-d6d6d6)}
.tr[open] summary{background-image:none;background-color:var(--card)}
.more{background-image:none;background-color:var(--card)}
.more dd{color:var(--k-d6d6d6)}
.more dd a{color:var(--mu)}
.how ol{color:var(--mu)}
.how b{color:var(--tx)}
.sponsor a{color:var(--tx)}
dl.facts dd{color:var(--k-d6d6d6)}
dl.facts a{color:var(--tx)}
.page>p a,article p a{color:var(--tx)}
@media(max-width:640px){.tr .pr{color:var(--mu)}}
.lp p,.lp li{color:var(--k-d6d6d6)}
.lp b{color:var(--tx)}
.lp a{color:var(--tx)}
.lp thead th{background-image:none;background-color:var(--card);color:var(--mu)}
.lp .box{border-color:var(--inv)}
.fine{color:var(--mu)!important}
.unc{color:var(--mu)!important}
.btn.is-soon{background-image:none;background-color:transparent;color:var(--mu)!important;border-color:var(--line2)}
.btn.is-soon:hover{background-image:none;background-color:transparent;color:var(--mu)!important}
.tag.spon,.tag.feat{border-color:var(--mu);color:var(--tx)}
.glist a{text-decoration-color:currentcolor}
.glist a:hover{text-decoration-color:currentcolor}
.glist span{color:var(--mu)}
.sponbar{background-image:none;background-color:var(--k-000)}
.sponbar a{color:var(--tx);text-decoration-color:currentcolor}
.sponbar a:hover{text-decoration-color:currentcolor}
.fl a{color:var(--mu)}
@media(max-width:640px){.lp tbody tr{border-color:var(--line)}}
.card:hover,.pick:hover{border-color:var(--inv);background-image:none;background-color:var(--card)}
.card:hover h3 a,.pick:hover h2 a{text-decoration-color:currentcolor}
.card:focus-within,.pick:focus-within{outline-color:var(--inv)}
.card a.stretch:focus-visible,.pick a.stretch:focus-visible{outline-color:currentcolor}
.nsv{color:var(--mu)}
.ns .sc{color:var(--tx)}
.ns .sc small{color:var(--mu)}
.nsb{color:var(--tx)}
.nsr{color:var(--mu)}
.kick{color:var(--mu)}
.home{background-image:none;background-color:var(--k-fff);color:var(--k-000);background-image:radial-gradient(color-mix(in srgb,var(--k-000) 5.9%,transparent) 1px,transparent 1px)}
.home main a{color:var(--k-000)}
.home .muted,.home .sub{color:var(--k-444)}
.home .kick{color:var(--k-777)}
.hp-hero .search input{background-image:none;background-color:var(--k-fff);color:var(--k-000);border-color:var(--k-000)}
.hp-hero .search input:focus{outline-color:var(--k-000)}
.hp-opt{background-image:none;background-color:var(--k-fff);color:var(--k-000);border-color:var(--k-000)}
.hp-opt:hover{box-shadow:none}
.hp-opt.on{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.mono{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.lt{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.lt-hd{color:var(--k-aaa)}
.lt-row:hover{background-image:none;background-color:var(--k-111)}
.lt-nm a{color:var(--k-fff)!important;text-decoration-color:currentcolor}
.lt-nm small{color:var(--k-aaa)}
.lt-mv.dn{color:var(--k-999)}
.lt-note{color:var(--k-aaa)}
.sticker{background-image:none;background-color:var(--k-fff);border-color:var(--k-000);box-shadow:none}
.sticker::after{background-image:none;background-color:transparent;border-color:var(--k-bbb)}
.home .btn{background-image:none;background-color:var(--k-000);color:var(--k-fff)!important;border-color:var(--k-000)}
.home .btn:hover{background-image:none;background-color:var(--k-fff);color:var(--k-000)!important}
.home .lt .btn,.home .digest .btn{background-image:none;background-color:var(--k-fff);color:var(--k-000)!important}
.home .cat h2 a{color:var(--k-000)}
.home .cat h2 .all{color:var(--k-555)}
.card.mini{background-image:none;background-color:var(--k-fff);border-color:var(--k-000);color:var(--k-000)}
.card.mini:hover,.card.panel.tap:hover{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.card.mini:hover a,.card.panel.tap:hover a,.card.panel.tap:hover{color:var(--k-fff)!important}
.card.mini:hover .mono{background-image:none;background-color:var(--k-fff);color:var(--k-000)}
.card.mini:hover .v{color:var(--k-ccc)}
.card.mini h3 a{text-decoration-color:currentcolor}
.card.mini .v{color:var(--k-444)}
.home .rel,.home #releases,.home .sponsor,.home .digest,.home .how{color:var(--k-000)}
.home .digest,.home .sponsor{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.home .digest a,.home .sponsor a,.home .digest .muted,.home .sponsor p{color:var(--k-ddd)!important}
.home .digest input{background-image:none;background-color:var(--k-fff);color:var(--k-000)}
.home .ri,.home .how li{border-color:var(--k-ddd)}
.home .ri .meta,.home .ri a.src{color:var(--k-444)}
.home .foot{color:var(--k-444)}
.home .foot a{color:var(--k-000)}
.home .foot .muted{color:var(--k-555)}
.home .tag{color:var(--k-000);border-color:var(--k-999)}
body{background-image:none;background-color:var(--k-fff);color:var(--k-000);background-image:radial-gradient(color-mix(in srgb,var(--k-000) 5.9%,transparent) 1px,transparent 1px)}
.nav{background-image:none;background-color:var(--k-fff)}
.nav nav a{color:var(--k-333)}
.nav nav a:hover{color:var(--k-000)}
.logo{color:var(--k-000)}
.btn{background-image:none;background-color:var(--k-000);color:var(--k-fff)!important;border-color:var(--k-000)}
.btn:hover{background-image:none;background-color:var(--k-fff);color:var(--k-000)!important}
.badge{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.v,.bf,.pr,td,dl.pf dd,dl.facts dd,.more dd,.lp p,.lp li{color:var(--k-333)}
.pick{border-color:var(--k-000);background-image:none;background-color:var(--k-fff);box-shadow:none}
.pick:hover{background-image:none;background-color:var(--k-fff);border-color:var(--k-000)}
.card{background-image:none;background-color:var(--k-fff);border-color:var(--k-000)}
.card:hover{background-image:none;background-color:var(--k-fff);border-color:var(--k-000)}
.tbl,.tw{border-color:var(--k-000);background-image:none;background-color:var(--k-fff)}
.th{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.tr summary:hover,.tr[open] summary,.more{background-image:none;background-color:var(--k-f5f5f5)}
thead th,.lp thead th{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.lp .tblwrap,.lp table{background-image:none;background-color:var(--k-fff)}
.lp .box{border-color:var(--k-000);box-shadow:none;background-image:none;background-color:var(--k-fff)}
.mono{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.ns{border-color:var(--k-000);background-image:none;background-color:var(--k-fff)}
.ns.big{box-shadow:none}
.nsv{color:var(--k-555)}
.digest,.sponsor{background-image:none;background-color:var(--k-000);color:var(--k-fff);border-color:currentcolor}
.digest a,.sponsor a,.sponsor p,.digest .muted{color:var(--k-ddd)!important}
.slbl{border-color:var(--k-ccc)}
.digest .btn{background-image:none;background-color:var(--k-fff);color:var(--k-000)!important;border-color:var(--k-fff)}
.digest input{background-image:none;background-color:var(--k-fff);color:var(--k-000);border-color:var(--k-fff)}
.foot{color:var(--k-444)}
.foot a,.fl a{color:var(--k-000)}
.sponbar{background-image:none;background-color:var(--k-fff)}
.chev{border-color:var(--k-000)}
input[type=number]{background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-000)!important;border-color:var(--k-000)!important}
.btn.is-soon{background-image:none;background-color:var(--k-fff);color:var(--k-777)!important;border-color:var(--k-bbb)}
.tag,.tag.spon,.tag.feat{color:var(--k-000);border-color:var(--k-777)}
@media(max-width:640px){.tbl{border-color:currentcolor;background-image:none;background-color:transparent}}
main.page>article>ul a{border-color:var(--k-000);background-image:none;background-color:var(--k-fff);text-decoration-color:currentcolor}
main.page>article>ul a:hover{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.glinks a{border-color:var(--k-000);background-image:none;background-color:var(--k-fff);text-decoration-color:currentcolor}
.glinks a:hover{background-image:none;background-color:var(--k-000);color:var(--k-fff)!important}
.card.mini,.card.panel,.lp .box,.tbl{border-color:var(--cb)!important;box-shadow:none!important}
.card.panel{background-image:none;background-color:var(--k-fff);color:var(--k-000)}
.card.panel:not(.tap):hover{background-image:none;background-color:var(--k-fff);border-color:var(--k-000)}
.glist li{background-image:none;background-color:var(--k-fff)}
.nsl{color:inherit;text-decoration-color:currentcolor}
.mono.has-logo{background-image:none!important;background-color:var(--k-fff)!important;border-color:var(--k-000)}
.mono.has-logo img{filter:grayscale(1) contrast(1.1)}
.card:hover .mono.has-logo img,.pick:hover .mono.has-logo img,.tr summary:hover .mono.has-logo img,main.page h1:hover .mono.has-logo img{filter:none}
.card.mini:hover .mono.has-logo{background-image:none!important;background-color:var(--k-fff)!important}
.specs li{border-color:var(--k-000);background-image:none;background-color:var(--k-fff)}
.specs li span{color:var(--k-666)}
.lt .lt-smug{filter:invert(1)}
.filter-line{color:var(--mu)}
.filter-line a{color:inherit;text-decoration-color:currentcolor}
.hp-lot .search input{border-color:var(--k-000);background-image:none;background-color:var(--k-fff);color:var(--k-000)}
.hp-lot .search input:focus{outline-color:var(--k-000)}
.hp-cue{color:var(--k-777)!important;text-decoration-color:currentcolor}
.hp-cue:hover{color:var(--k-000)!important}
.nav .btn,#buy{border-color:var(--k-000)}
.digest button[type=submit]{border-color:var(--k-fff)}
.ps-link{border-color:var(--k-000);background-image:none;background-color:var(--k-fff)}
#ps th button{text-decoration-color:currentcolor}
.ps-sort select{border-color:var(--k-000);background-image:none;background-color:var(--k-fff)}
.home .card.mini .badge.tp{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.badge.tp{background-image:none;background-color:var(--k-fff);color:var(--k-000);border-color:var(--k-000)}
.home .card.mini .badge.tp{background-image:none;background-color:var(--k-fff);color:var(--k-000)}
.ns.card.panel,.pick.card.panel{background-image:none;background-color:var(--k-fff)}
.card.panel.tap:hover span,.card.panel.tap:hover .muted{color:var(--k-ccc)!important}
.bdg-item{border-color:var(--cb);background-image:none;background-color:var(--k-fff)}
.bdg-item.is-target{box-shadow:none;outline-color:var(--k-000)}
.bdg-nm a{color:var(--k-000)}
.bdg-code{background-image:none;background-color:var(--card);border-color:var(--line)}
.bdg-copy{color:var(--k-000)}
.nl .rel{color:var(--k-000)}
.nl .ri{border-color:var(--k-ddd)}
.nl .ri .meta,.nl .ri a.src{color:var(--k-444)}
.muted,.sub,.hint,.updated,.home .muted,.home .sub,.home .kick,.specs li span,.meta,.crumbs{color:var(--k-555)}
.search input{border-color:var(--cb)!important}
.lnk,.mk-cta,.pt-cta{color:var(--k-000);text-decoration-color:currentcolor;background-image:none;background-color:transparent;border-color:currentcolor}
button.cp,.bdg-copy,.bdg-item button{color:var(--k-000);text-decoration-color:currentcolor}
button.cp:focus-visible,.bdg-item button:focus-visible{outline-color:var(--k-000)}
textarea.snip,.bdg-code{border-color:var(--cb)!important}
.hp-opt:not(#picker .hp-opt){color:var(--k-555)}
.hp-opt:not(#picker .hp-opt):hover{color:var(--k-000)}
.hp-opt.on:not(#picker .hp-opt){color:var(--k-000);border-bottom-color:var(--k-000)}
.hp-opt:not(#picker .hp-opt):focus-visible{outline-color:var(--k-000)}
#specs .specs li span{color:var(--k-555)}
#specs .sheet{background-image:none;background-color:var(--k-fff);border-color:var(--cb)}
#specs .srow dt{color:var(--k-555)}
#specs .srow dd{color:var(--k-000)}
#specs .srow dd a{color:var(--k-000)}
#specs .sheet-ft{color:var(--k-555)}
#specs .sheet{background-image:none;background-color:var(--k-fff);border-color:var(--cb)}
#specs .sheet-t{background-image:none;background-color:var(--k-fff);color:var(--k-000)}
#specs .srow{border-color:currentcolor!important}
#specs .srow dt{color:var(--k-555)}
#specs .srow dd{color:var(--k-000)}
#specs .srow dd a{color:var(--k-000);text-decoration-color:currentcolor}
#specs .sheet-ft{color:var(--k-555)}
#specs .sheet.code{background-image:none;background-color:var(--k-fff)}
#specs .cl{color:var(--k-000)}
#specs .cl::before{color:var(--k-aaa)}
#specs .sheet-cmd .pr{color:var(--acc)}
#specs .sheet-cmd code{background-image:none;background-color:transparent;border-color:currentcolor;color:var(--k-000)}
#specs .sheet.code .srow{border-color:currentcolor!important;background-image:none!important;background-color:transparent!important}
#specs .sheet.code .srow dt{color:var(--k-666)}
#specs .sheet.code .srow dt .co{color:var(--k-aaa)}
#specs .sheet.code .srow dd{color:var(--k-000)}
#specs .sheet.code .num,#specs .sheet.code .kw{color:var(--k-000)}
#specs .sheet.code dd code{background-image:none;background-color:var(--k-f1f1f1);border-color:var(--k-e0e0e0);color:var(--k-000)}
#specs .sheet-cm .txt,#specs .sheet-ft .txt{color:var(--k-666)}
.cc{background-image:none;background-color:var(--k-fff);border-color:var(--cb);color:var(--k-000)}
.cc-t{background-image:none;background-color:var(--k-fff);color:var(--k-000)}
.cc-l{color:var(--k-000)}
.cc-l::before{color:var(--k-aaa)}
.cc-c>.x{color:var(--k-666)}
.cc-c a{color:var(--k-666)}
.cc-bdg pre.bdg-code.cc-l{background-image:none!important;background-color:transparent!important;border-color:currentcolor!important}
.cc-del>.x{color:var(--k-666)}
.cc-kv .k{color:var(--k-666)}
.cc-kv .v{color:var(--k-000)}
.cc-kv .cm{color:var(--k-666)}
.cc-toc .hh{color:var(--k-aaa)}
.cc-toc a{color:var(--k-000);text-decoration-color:currentcolor}
.lp .cc p,.lp .cc li{color:inherit}
.lp .cc-c>.x{color:var(--k-666)}
:root :is(.card,.card.mini,.card.panel,.pick,.lp .box,.box,.tbl,.tw,.tblwrap.card.panel,.ns,.ns.big,.glist li,.glinks a,.also li,
  main.page>article>ul a,.bdg-item,.bdg-code,.ps-link,.digest,.digest.sm,.sponsor,.lt,.sticker,.mk-kpis div,.cframe,.unc,figure,.snip,textarea.snip){border-color:var(--cb)!important;box-shadow:none!important}
:root :is(.cframe,.digest,.lt,.sticker,.pick,.sponsor,.foot-disc)>.cc-t{background-image:none;background-color:var(--k-fff);color:var(--k-000)!important}
:root :is(.card.mini,.card.panel.tap,.glinks a,main.page>article>ul a,.pick,.glist li):hover{background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-000)!important;box-shadow:inset 0 0 0 1px var(--k-000)!important}
:root :is(.card.mini,.card.panel.tap,.glinks a,main.page>article>ul a,.glist li):hover :is(a,span,.muted,.v){color:inherit!important}
:root .card.mini:hover .v,:root .card.panel.tap:hover span,:root .card.panel.tap:hover .muted{color:var(--k-444)!important}
:root :is(.card.mini,.card.panel.tap,.pick):hover :is(h2 a,h3 a,a.stretch){text-decoration-color:currentcolor}
:root .glinks a:hover,:root main.page>article>ul a:hover{text-decoration-color:currentcolor}
.card.mini:hover .mono{background-image:none;background-color:var(--k-fff);color:var(--k-000)}
:root :is(.digest,.home .digest,.sponsor,.home .sponsor){background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-000)!important}
:root :is(.digest,.sponsor) :is(a,p,.muted,small){color:var(--k-000)!important}
:root :is(.digest,.sponsor) .muted,:root .digest small{color:var(--k-555)!important}
:root .digest input,:root .home .digest input{background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-000)!important;border-color:var(--cb)!important}
:root .sponbar{background-image:none;background-color:var(--k-fff);color:var(--k-000)}
:root .sponbar a{color:var(--k-000)}
:root .lt{background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-000)!important}
:root .lt-hd{color:var(--k-555)}
:root .lt-row:hover{background-image:none;background-color:var(--k-f4f4f4)}
:root .lt-nm a{color:var(--k-000)!important}
:root .lt-nm small,:root .lt-note{color:var(--k-555)!important}
:root .lt-note a{color:var(--k-000)}
:root .lt .lt-smug{filter:none}
:root .sticker{background-image:none;background-color:var(--k-fff)}
:root :is(thead th,.lp thead th,.th){background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-555)!important}
:root .tr summary:hover,:root .tr[open] summary,:root .more{background-image:none;background-color:var(--k-f6f6f6)}
:root .lp .tblwrap{border-color:var(--cb);background-image:none;background-color:var(--k-fff)}
@media(max-width:640px){:root tr{border-color:var(--cb)!important}
:root .lp tbody tr{border-color:var(--cb)!important}
:root td:before{color:var(--k-555)}
:root .lp .tblwrap,:root .tw{border-color:currentcolor!important;background-image:none;background-color:transparent}}
:root :is(.kick,.plbl,.pt-k,.hp-hero .kick,.sticker .kick){color:var(--k-555)!important}
:root .ri time{color:var(--k-555)}
:root :is(.tag,.tag.spon,.tag.feat,.slbl,.badge,.badge.tp,.home .card.mini .badge.tp,.pick .badge.tp,.pill,.vtick+.tag,.mk-prev .tag){background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-000)!important;border-color:var(--k-000)!important}
:root .mk-prev .tag{background-image:none!important;background-color:var(--k-000)!important;color:var(--k-fff)!important}
:root .mono:not(.has-logo){background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-000)!important;border-color:var(--cb)}
:root :is(.btn,.btn.sm,.nav .btn,.home .btn,.home .lt .btn,.home .digest .btn,.digest .btn,.digest button[type=submit],#buy){background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-000)!important;border-color:var(--cb)!important;box-shadow:none!important;text-decoration-color:currentcolor}
:root :is(.btn,.digest button[type=submit],#buy):is(:hover,:focus-visible){background-image:none!important;background-color:var(--k-000)!important;color:var(--k-fff)!important}
:root .btn.is-soon,:root .btn.is-soon:hover{background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-777)!important;border-color:var(--k-bbb)!important}
:root :is(.lnk,.mk-cta,.pt-cta,.bdg-copy,button.cp,.bdg-item button){color:var(--k-000)!important;text-decoration-color:currentcolor;background-image:none;background-color:transparent;border-color:currentcolor}
:root :is(input[type=email],input[type=search],input[type=text]:not(.sr),input[type=number],select,textarea,.search input,.hp-lot .search input,.hp-hero .search input,#bt,.calc input[type=number],.ps-sort select){border-color:var(--cb)!important;background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-000)!important;box-shadow:none}
:root :is(input,select,textarea):focus{outline-color:var(--k-000)!important}
:root .snip,:root textarea.snip{background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-000)!important}
:root .bdg-code{background-image:none!important;background-color:var(--k-fff)!important}
:root .unc{color:var(--k-333)!important;background-image:none;background-color:var(--k-fff)}
:root .ns{background-image:none;background-color:var(--k-fff)}
:root .bdg-item.is-target{box-shadow:none!important;outline-color:var(--k-000)}
:root .hp-opt:hover{box-shadow:none!important}
:root .foot-disc{border-color:var(--cb);background-image:none;background-color:var(--k-fff)}
:root .foot-disc p{color:var(--k-333)}
:root .cframe{background-image:none;background-color:var(--k-fff)}
:root .lt>.cc-t{background-image:none;background-color:var(--k-fff)}
.glog-h .cm{color:var(--k-666)}
.glog .ri::before{background-image:none;background-color:var(--k-000);outline-color:var(--k-fff)}
.cc-score .cm{color:var(--k-555)}
@media(max-width:640px){:root .lp .tblwrap.card.panel,:root main .tblwrap.card.panel{border-color:currentcolor!important;background-image:none;background-color:transparent}
:root .lp tbody td:first-child:not([data-l]){color:var(--k-000)}}
:root .home ul.rel,:root .nl ul.rel{border-color:currentcolor!important}
:root .lt-hd,:root .glog-h{color:var(--k-000)}
:root .home .how li{border-color:var(--k-c8c8c8)!important}
:root main.page p>a[href="/guides/"]:only-child{text-decoration-color:currentcolor;color:var(--k-000)}
:root :not(pre)>code,:root #specs .sheet.code dd code{border-color:var(--rule-row)!important;background-image:none!important;background-color:transparent!important}
:root .cc-l>code,:root .cc-cmd code,:root .sheet-cmd code,:root #specs .sheet.code .srow:first-child code{border-color:currentcolor!important}
:root .foot-disc .foot-legal{color:var(--k-555)}
:root .foot-disc .foot-legal a{color:var(--k-000);text-decoration-color:currentcolor}
:root .hit:not(.lt-row,.ri):hover{box-shadow:inset 0 0 0 1px var(--k-000)!important}
:root .hit:hover a.stretch{text-decoration-color:currentcolor}
:root .hit:has(a.stretch:focus-visible),:root a.card.panel.tap:focus-visible{outline-color:var(--k-000)}
:root .hit a.stretch:focus-visible{outline-color:currentcolor}
:root .hit:focus-within:not(:has(a.stretch:focus-visible)){outline-color:currentcolor}
input[type=search]::-webkit-search-cancel-button{background-image:linear-gradient(45deg,transparent 43%,var(--k-000) 43%,var(--k-000) 57%,transparent 57%), linear-gradient(-45deg,transparent 43%,var(--k-000) 43%,var(--k-000) 57%,transparent 57%);background-color:transparent}
@media (max-width:699.98px){.mm-t{color:var(--k-000);text-decoration-color:currentcolor}
.mm-t:focus-visible{outline-color:var(--k-000)}
.mm-p{background-image:none;background-color:var(--k-fff)}
.mm-f{border-color:var(--k-000)}
:root .nav .mm-f nav a{color:var(--k-000);text-decoration-color:currentcolor}
:root .nav .mm-f nav a:hover,:root .nav .mm-f nav a:focus-visible{background-image:none;background-color:var(--k-000);color:var(--k-fff);outline-color:currentcolor}
.mm-f a[aria-current]{text-decoration-color:currentcolor}}
:root .nav nav a[aria-current]:not(.btn){color:var(--k-000);text-decoration-color:currentcolor}
:root :is(.cc-cur,#specs .cur){background-image:none;background-color:var(--k-000)}
:root span.pr[aria-hidden="true"]{color:var(--k-000)}
:root :is(.card.mini,.card.panel.tap,.glinks a,main.page>article>ul a,.pick,.glist li,.hit:not(.lt-row,.ri)){box-shadow:inset 0 0 0 0 var(--k-000)!important}
:root :is(.card.mini,.card.panel.tap,.glinks a,main.page>article>ul a,.pick,.glist li,.hit:not(.lt-row,.ri)):hover{box-shadow:inset 0 0 0 1.5px var(--k-000)!important}
.pint{color:var(--k-555)}
:root .wk-mini .muted a{color:var(--k-000)!important;text-decoration-color:currentcolor}
.stk{border-color:currentcolor}
.stk-row:hover{background-image:none;background-color:var(--k-f4f4f4)}
.stk-nm a{color:var(--k-000);text-decoration-color:currentcolor}
.stk-row:hover .stk-nm a{text-decoration-color:currentcolor}
.stk-sc small{color:var(--k-555)}
.stk-why{color:var(--k-333)}
.stk-kv dt{color:var(--k-666)}
.stk-note{color:var(--k-555)}
.hp-hero .hp-cmd{color:var(--k-000)}
.hp-hero .hp-cmt{color:var(--k-666)}
.hp-hero .hp-cmt .hp-hash{color:var(--k-aaa)}
.hp-hero .hp-cmt a{color:var(--k-000)}
.hp-hero .hp-cmt-list{color:var(--k-333)}
:root .hp-hero a.hp-wk{border-color:var(--k-000)!important;text-decoration-color:currentcolor!important;color:var(--k-000);text-decoration-color:currentcolor}
:root .hp-hero a.hp-wk:hover{background-image:none;background-color:var(--k-000);color:var(--k-fff)!important}
.hp-v-4 .t4-l .pr{color:var(--k-000)}
.hp-v-4 .t4-top a{color:var(--k-000);text-decoration-color:currentcolor}
.hp-v-4 .t4-top a:hover{text-decoration-color:currentcolor}
.hp-v-4 .t4-rk{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.hp-v-4 .t4-sc{color:var(--k-555)}
.hp-v-4 .t4-ok{color:var(--k-555)}
.hp-v-4 .t4-more{color:var(--k-000)}
:root .hp-v-4 .t4-win>.cc-t{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.hp-v-4 .t4-win>.cc-t::before{border-color:var(--k-fff);box-shadow:15px 0 0 -1.5px var(--k-000),15px 0 0 0 var(--k-fff),30px 0 0 -1.5px var(--k-000),30px 0 0 0 var(--k-fff)}
.hp-v-5 .t5-sub{color:var(--k-333)}
.hp-v-5 .t5-more{color:var(--k-000)}
.hp-v-5 .t5-card{background-image:none;background-color:var(--k-000);color:var(--k-fff);border-color:var(--k-000);box-shadow:8px 8px 0 0 color-mix(in srgb,var(--k-000) 14%,transparent)}
.hp-v-5 .t5-hd{color:var(--k-fff)}
.hp-v-5 .t5-hd span+span{color:var(--k-8a8a8a)}
.hp-v-5 .t5-no{color:var(--k-8a8a8a)}
.hp-v-5 .t5-logo{background-image:none;background-color:var(--k-fff)}
.hp-v-5 .t5-nm small{color:var(--k-8a8a8a)}
.hp-v-5 .t5-nm a{color:var(--k-fff);text-decoration-color:currentcolor}
.hp-v-5 .t5-row:hover{background-image:none;background-color:var(--k-111)}
.hp-v-5 .t5-pz{color:var(--k-bbb)}
.hp-v-5 .t5-sc{color:var(--k-fff)}
.hp-v-5 .t5-mat{background-image:none;background-color:var(--k-fff);border-color:var(--k-000);box-shadow:inset 0 0 0 6px var(--k-fff),inset 0 0 0 7.5px var(--k-000);color:var(--k-000)}
.hp-v-5 .t5-mat a{color:var(--k-000)}
.hp-v-6 .t6-sub{color:var(--k-333)}
.hp-v-6 .t6-pal{background-image:none;background-color:var(--k-fff);border-color:var(--k-000);box-shadow:10px 10px 0 0 var(--k-000)}
.hp-v-6 .t6-fix{color:var(--k-888)}
.hp-v-6 .t6-q{color:var(--k-000)}
.hp-v-6 .t6-kbd{border-color:var(--k-000);color:var(--k-000);background-image:none;background-color:var(--k-fff)}
.hp-v-6 .t6-r{color:var(--k-000)}
.hp-v-6 .t6-n{color:var(--k-999)}
.hp-v-6 .t6-logo{border-color:var(--k-ddd);background-image:none;background-color:var(--k-fff)}
.hp-v-6 .t6-nm{color:inherit;text-decoration-color:currentcolor}
.hp-v-6 .t6-pz{color:var(--k-555)}
.hp-v-6 .t6-top{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.hp-v-6 .t6-top .t6-n,.hp-v-6 .t6-top .t6-pz{color:var(--k-bbb)}
.hp-v-6 .t6-r:not(.t6-top):hover{background-image:none;background-color:var(--k-f2f2f2)}
.hp-v-6 .t6-ft{color:var(--k-777)}
.hp-v-6 .t6-ft a{color:var(--k-000)}
.hp-v-6 .t6-chip{border-color:var(--k-000);color:var(--k-000);text-decoration-color:currentcolor;background-image:none;background-color:var(--k-fff)}
.hp-v-6 .t6-chip.on,.hp-v-6 .t6-chip:hover{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.hp-v-6 .t6-pint{color:var(--k-666)}
.hp-v-6 .t6-pint a{color:var(--k-000)}
.hp-v-6 .t6-pint .hp-hash{color:var(--k-aaa)}
@media(max-width:640px){.hp-v-6 .t6-pal{box-shadow:6px 6px 0 0 var(--k-000)}}
.hp-v-7 .t7-shadow{background-image:radial-gradient(closest-side,color-mix(in srgb,var(--k-000) 18%,transparent),transparent);background-color:transparent}
.hp-v-7 .t7-bub{background-image:none;background-color:var(--k-fff);border-color:var(--k-000)}
.hp-v-7 .t7-bub::before{background-image:none;background-color:var(--k-fff)}
.hp-v-7 .t7-l{color:var(--k-000)}
.hp-v-7 .t7-l a{color:var(--k-000)}
.hp-v-7 .t7-pick{border-color:var(--k-000);text-decoration-color:currentcolor}
.hp-v-7 .t7-pick:hover{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.hp-v-7 .t7-more{color:var(--k-000)}
.hp-v-8 .t8-sub{color:var(--k-333)}
.hp-v-8 .t8-more{color:var(--k-000)}
.hp-v-8 .t8-board{background-image:none;background-color:var(--k-000);color:var(--k-f2f2f2);border-color:var(--k-000);outline-color:currentcolor;box-shadow:0 0 0 1.5px var(--k-000),10px 10px 0 0 color-mix(in srgb,var(--k-000) 15%,transparent)}
.hp-v-8 .t8-bd{color:var(--k-9a9a9a)}
.hp-v-8 .t8-job{color:var(--k-f2f2f2)}
.hp-v-8 .t8-row2 a{color:var(--k-fff);text-decoration-color:currentcolor}
.hp-v-8 .t8-it:hover .t8-row2 a{text-decoration-color:currentcolor}
.hp-v-8 .t8-meta{color:var(--k-9a9a9a)}
.hp-v-8 .t8-bf{color:var(--k-cfcfcf)}
.hp-v-8 .t8-bf a{color:var(--k-fff)}
.hp-v-8 .t8-tick{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.hp-v-8 .t8-tk::after{color:var(--k-777)}
.hp-v-8 .t8-tk-hd{background-image:none;background-color:var(--k-fff);color:var(--k-000)}
.hp-v-8 .t8-ok{color:var(--k-9a9a9a)}
.hp-v-7x .np-lab{color:var(--k-555)}
.hp-v-7x .np-chip{color:var(--k-000);background-image:none;background-color:var(--k-fff);border-color:var(--k-000);text-decoration-color:currentcolor}
.hp-v-7x .np-chip:focus-visible,.hp-v-7x .np-chip[aria-pressed=true]{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
@media(hover:hover){.hp-v-7x .np-chip:hover{background-image:none;background-color:var(--k-000);color:var(--k-fff)}}
.hp-v-7x .np-fine{color:var(--k-000)}
.hp-v-7x .np-fine a{color:var(--k-000)}
.hp-v-7x .np-form{border-color:var(--k-000);background-image:none;background-color:var(--k-fff)}
.hp-v-7x .np-form input{border-color:currentcolor;outline-color:currentcolor;background-image:none;background-color:transparent;color:var(--k-000)}
.hp-v-7x .np-form input::placeholder{color:var(--k-777)}
.hp-v-7x .np-form:focus-within{box-shadow:3px 3px 0 var(--k-000)}
.hp-v-7x .np-form button{background-image:none;background-color:var(--k-000);color:var(--k-fff);border-color:currentcolor}
.hp-v-7x .np-form button:hover{background-image:none;background-color:var(--k-333)}
.hp-v-7x .np-v span{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.hp-v-7x .np-form{border-color:var(--k-000);background-image:none;background-color:var(--k-fff);box-shadow:none}
.hp-v-7x .np-pr{color:var(--k-000)}
:root .hp-v-7x .np-form #np-q{border-color:currentcolor!important;background-image:none!important;background-color:transparent!important;box-shadow:none!important;outline-color:currentcolor!important;color:var(--k-000)!important}
.hp-v-7x .np-form button{border-color:currentcolor;background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.hp-v-7x .np-form button:hover{background-image:none;background-color:var(--k-2b2b2b)}
.hp-v-7x .np-form:focus-within{box-shadow:4px 4px 0 var(--k-000)}
.hp-v-7x .np-form button:focus-visible{outline-color:var(--k-fff)}
.hp-v-9 .n9-more{color:var(--k-777)}
.hp-v-9 .n9-rank{color:var(--k-000);text-decoration-color:currentcolor}
@media(hover:hover){.hp-v-9 .n9-rank:hover{background-image:none;background-color:var(--k-000);color:var(--k-fff)}}
.hp-v-9 .n9-quiet a:not(.n9-rank){color:var(--k-777)}
.hp-v-9 .n9-dot{color:var(--k-bbb)}
.hp-v-9 .n9-tag,.hp-hero .n9-h1{color:var(--k-666)}
:root:root .home .card.mini .rkn{color:var(--k-777)}
@media(max-width:640px){:root:root .ps .tw{border-color:currentcolor!important;background-image:none!important;background-color:transparent!important}
:root:root .ps #ps tbody tr{border-color:currentcolor!important;background-image:none!important;background-color:transparent!important;box-shadow:none!important}
:root:root .ps #ps td{border-color:currentcolor!important}
:root:root .ps #ps td[data-l="plan"]{color:var(--k-000)}
:root:root .ps #ps td[data-l="monthly"]{color:var(--k-000)}
:root:root .ps #ps td[data-l="annual"]{color:var(--k-555)}
:root:root .ps #ps td[data-l="limits"]{color:var(--k-333)}
:root:root .ps #ps :is(td[data-l="free tier"],td[data-l="BYO key"],td[data-l="checked"]){color:var(--k-555)}
:root:root .ps #ps :is(td[data-l="free tier"],td[data-l="BYO key"],td[data-l="checked"]):before{color:inherit}
:root:root .ps #ps td[data-l="checked"] a{color:var(--k-555)}}
.sl{border-color:var(--k-000);color:var(--k-000);background-image:none;background-color:var(--k-fff)}
.sl .sl-m{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.sl b{color:inherit}
.sl .sl-k{color:var(--k-000);background-image:none;background-color:var(--k-fff);border-color:currentcolor}
.sl .sl-k:hover{background-image:none;background-color:var(--k-000);color:var(--k-fff)}
.sl .sl-k:focus-visible{outline-color:var(--k-000)}
.man{color:var(--k-000)}
.man.ft{color:var(--k-555)}
.man .mid{color:var(--k-555)}
.man-sa{color:var(--k-000)}
.cc-404 .nf-l a{color:var(--k-000)}
.kf-row{background-image:none!important;background-color:var(--k-f2f2f2)!important}
.kf-row a:focus-visible{outline-color:var(--k-000)}
dialog.kh{border-color:currentcolor;background-image:none;background-color:transparent;color:var(--k-000)}
dialog.kh::backdrop{background-image:none;background-color:transparent}
dialog.kh .cc{background-image:none;background-color:var(--k-fff);box-shadow:6px 6px 0 var(--k-000)}
.kh .kh-x{background-image:none;background-color:var(--k-fff);border-color:currentcolor;color:var(--k-000)}
.kh .kh-x:hover{text-decoration-color:currentcolor}
.kh .kh-x:focus-visible{outline-color:var(--k-000)}
.np [fill="#000"],.vtick [fill="#000"]{fill:currentColor}
.vtick{color:var(--k-000)}
.vtick [stroke="#fff"]{stroke:var(--k-fff)}
@media all{:root:root .mono.has-logo,:root:root .card.mini:hover .mono.has-logo{background-image:none!important;background-color:#131519!important;border-color:var(--k-bbb)}
:root:root img[src^="/assets/brand/blob-"]{filter:invert(1)!important}
:root:root .badge.tp img[src^="/assets/brand/logo.svg"]{filter:invert(1)}
:root:root img[src^="/badges/"],:root:root img[src^="/badge/"]{background-image:none;background-color:#131519;outline-color:#131519}
:root:root .bdg-prev figure{background-image:none;background-color:#131519;color:#f4eee0}
:root:root .bdg-prev figure figcaption{color:#f4eee0}
:root:root .bdg-prev figure.dk{background-image:none;background-color:#e4ddcf}
:root:root .bdg-prev figure.dk figcaption{color:#111216}
:root:root .bdg-prev figure img{background-image:none;background-color:transparent;outline-color:currentcolor}}
@media(max-width:480px){body,.home{background-image:none}}
/* mirror 2. theme-a3.css */
:root{--vx-bg:#e9e3d4;--vx-bg2:#e5dfd0;--vx-hl:rgba(26,27,33,0.041);--vx-glow:rgba(26,27,33,0.248);--k-fff:#e9e3d4;--k-f5f5f5:#e2dbcd;--k-f6f6f6:#e2dbcd;--k-f4f4f4:#e1dacc}
html{background-image:none;background-color:var(--vx-bg)}
body.th-a{background-image:radial-gradient(1200px 600px at 50% -10%,rgba(26,27,33,0.054),transparent 60%), none;background-color:var(--vx-bg)}
body.th-a::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.th-a .nav{background-image:none;background-color:rgba(244,238,224,.82)}
.th-a .nav .logo .np{filter:drop-shadow(0 0 10px rgba(26,27,33,0.081))}
.vx-tabs{background-image:none;background-color:#eae3d5;color:#4f4e4f}
.vx-tab{color:#4f4e4f;text-decoration-color:currentcolor}
.vx-tab:hover{color:#1a1b21;background-image:none;background-color:#e1dacc}
.vx-tab.on{background-image:none;background-color:var(--vx-bg);color:#1a1b21}
.vx-tab.on::before{background-image:none;background-color:#1a1b21;box-shadow:0 0 12px var(--vx-glow)}
.vx-tab.on::after{background-image:none;background-color:var(--vx-bg)}
.vx-tab i{background-image:none;background-color:#1a1b21;box-shadow:0 0 8px var(--vx-glow)}
.vx-tab b{color:#504f50}
.vx-path{color:#504f50}
.vx-tabs.vx-home{background-image:none;background-color:rgba(244,238,224,.6)}
@media(min-width:1180px){.vx-gutter{color:#515051}
.vx-line{background-image:none;background-color:var(--vx-hl)}
.vx-line b{color:#1a1b21}}
.th-a .hp-hero::before{background-image:radial-gradient(520px 380px at var(--mx,62%) var(--my,46%),rgba(26,27,33,0.068),transparent 70%);background-color:transparent}
.th-a .hp-hero::after{background-image:linear-gradient(90deg,transparent,rgba(26,27,33,0.315),transparent);background-color:transparent}
.vx-ghost{color:#1a1b21}
.vx-ghost .c{color:#4b4a4c}
.vx-ghost .k{background-image:none;background-color:#1a1b21}
.th-a .t7-bub{box-shadow:0 0 0 1px rgba(26,27,33,0.018),0 30px 80px -20px rgba(26,27,33,0.054),0 0 60px rgba(26,27,33,0.023)}
.th-a .t7-bub::after{background-image:conic-gradient(from var(--vx-ang),transparent 0 62%,rgba(26,27,33,0.072) 70%,#131519 86%,rgba(26,27,33,0.072) 94%,transparent);background-color:transparent;filter:drop-shadow(0 0 6px rgba(26,27,33,0.270))}
.th-a .t7-blob{filter:drop-shadow(0 0 34px rgba(26,27,33,0.063))}
.th-a .n9-h1{text-shadow:0 0 18px rgba(26,27,33,0.081)}
.th-a :is(.hp-h,#rl,#hw,.cmp>h2,#wk-h1)::before{color:#4f4e4f;text-shadow:none}
.th-a main.page>h1:not(:has(.mono))::before{color:#504f50}
.th-a :is(.hp-h,#rl,#hw,.cmp>h2,main.page>h1){text-shadow:0 0 22px rgba(26,27,33,0.054)}
html.vx-m .vx-pre.vx-in::after{background-image:none;background-color:currentColor}
.th-a :is(.cframe,.lt,.sticker,.digest,.foot-disc,.sheet,.pick,.tbl,.cc){box-shadow:0 0 0 1px rgba(26,27,33,0.009),0 20px 60px -30px rgba(26,27,33,0.036)}
.th-a .cc-t::before{background-image:none;background-color:#1a1b21;box-shadow:0 0 6px var(--vx-glow)}
.th-a .lt-row:hover,.th-a .ri:hover{background-image:none;background-color:var(--vx-hl);box-shadow:inset 2px 0 0 #1a1b21}
.th-a .card.mini:hover{box-shadow:inset 0 0 0 1px #1a1b21,0 0 24px rgba(26,27,33,0.054)!important}
.th-a .lt-pts{text-shadow:0 0 14px rgba(26,27,33,0.158)}
.th-a .btn:hover{box-shadow:0 0 0 1px #1a1b21,0 0 22px rgba(26,27,33,0.135)}
.th-a .cc-cur{box-shadow:0 0 10px rgba(26,27,33,0.315)}
.th-a a.lnk:hover{text-shadow:0 0 12px rgba(26,27,33,0.225)}
.vx-status{color:#f4eee0;background-image:none;background-color:#2b2d33}
.vx-status .vx-mode{background-image:none;background-color:#e9e3d4;color:#1a1b21;box-shadow:inset 0 0 0 1px #2b2d33}
.vx-status .vx-sp{border-color:currentcolor}
.th-a3{--a3-ln:#c4beb0;--a3-dim:#4f4e4f}
:root:root body.th-a3 .a3-p{border-color:var(--a3-ln)!important;background-image:none!important;background-color:#ece6d7!important;box-shadow:0 0 0 1px rgba(30,31,37,0.180),0 14px 40px -24px rgba(30,31,37,0.270)!important}
:root:root body.th-a3 .a3-p:hover,:root:root body.th-a3 .a3-p:focus-within{border-color:#a09b90!important}
.th-a3 .a3-lb{color:#1f2026}
.th-a3 .a3-lb>*{background-image:none;background-color:var(--k-fff)}
.th-a3 .a3-lb{background-image:none;background-color:transparent}
.th-a3 .a3-p>.a3-lb .a3-dot,.th-a3 .a3-hlb .a3-dot{background-image:none;background-color:#1a1b21;box-shadow:0 0 0 4px var(--k-fff),0 0 8px var(--vx-glow)}
.th-a3 .a3-lb{text-shadow:0 0 0 transparent}
.th-a3 .a3-lb{color:#1f2026}
.th-a3 .a3-p>.a3-lb{background-image:none;background-color:var(--k-fff)}
.th-a3 .a3-hr{color:var(--a3-dim)}
.th-a3 .a3-live::before{background-image:none;background-color:#1a1b21}
:root:root:root body.th-a3 .a3-p :is(.lt,.sticker,.cc,.sheet,.tbl,.cframe,.ns,.digest){border-color:currentcolor!important;box-shadow:none!important;background-image:none!important;background-color:transparent!important}
.th-a3 .a3-top{color:#38383d}
.th-a3 .a3-top b{color:#111216}
.th-a3 .a3-mk{color:var(--a3-dim)}
.th-a3 .a3-mr b,.th-a3 .a3-bar b{color:#17191e;text-shadow:0 0 6px var(--vx-glow)}
.th-a3 .a3-mr em,.th-a3 .a3-bar em{color:#474649}
.th-a3 .a3-bar{color:#504f50}
.th-a3 .a3-scr{scrollbar-color:var(--a3-ln) transparent}
.th-a3 .a3-scr:focus-visible{outline-color:#1a1b21}
.th-a3 .a3-prices th{color:var(--a3-dim)}
.th-a3 .a3-prices td{color:#303136}
.th-a3 .a3-prices small{color:#4b4a4c}
.th-a3 .a3-prices a{color:#1a1b21;text-decoration-color:currentcolor}
.th-a3 .a3-prices a:hover{text-decoration-color:currentcolor}
.th-a3 .a3-prices td.a3-ck{color:#4f4e4f}
.th-a3 .a3-prices tr:hover td{background-image:none;background-color:var(--vx-hl)}
.th-a3 .a3-cats a{color:#2a2c32;text-decoration-color:currentcolor}
.th-a3 .a3-cats a:hover{background-image:none;background-color:var(--vx-hl);color:#111216}
.th-a3 .a3-cb{background-image:repeating-linear-gradient(90deg,#d4cdbf 0 6px,transparent 6px 8px);background-color:transparent}
.th-a3 .a3-cb b{background-image:repeating-linear-gradient(90deg,#1a1b21 0 6px,transparent 6px 8px);background-color:transparent;box-shadow:0 0 8px rgba(26,27,33,0.081)}
.th-a3 .a3-cc{color:#474649}
.th-a3 .a3-hlb{color:#4b4a4c}
.th-a3 .a3-hlb .a3-hr{border-color:currentcolor}
:root:root body.th-a3 .a3-w-ps>p{border-color:currentcolor!important;background-image:none!important;background-color:transparent!important;box-shadow:none!important}
:root:root body.th-a3 .a3-w-spn>aside{border-color:currentcolor!important;background-image:none!important;background-color:transparent!important}
.th-a3 .a3-ns{color:#4f4e4f}
.th-a3 .a3-hc{text-decoration-color:currentcolor;color:#4c4b4d}
.th-a3 .a3-hc b{background-image:repeating-linear-gradient(0deg,#1a1b21 0 5px,transparent 5px 7px);background-color:transparent;box-shadow:0 0 10px rgba(26,27,33,0.068)}
.th-a3 .a3-hc:hover b{background-image:repeating-linear-gradient(0deg,#131519 0 5px,transparent 5px 7px);background-color:transparent}
.th-a3 .a3-hn{color:#25272d}
@media(max-width:699.98px){:root:root body.th-a3 .a3-w-pg{background-image:none!important;background-color:transparent!important;box-shadow:none!important}}
.th-a3 .a3-sb .a3-clk{color:inherit}
:root:root body.th-a3 .a3-prs dt{color:#4f4e4f}
:root:root body.th-a3 .a3-prs dd{color:#222329}
:root:root body.th-a3 .a3-prs .srow:first-child dd{color:#111216}
.th-a3{--a3-ln:#d4cdbf}
:root:root body.th-a3 .a3-p{background-image:none!important;background-color:#ebe5d6!important;box-shadow:none!important}
:root:root body.th-a3 .a3-p:hover,:root:root body.th-a3 .a3-p:focus-within{border-color:#b7b1a5!important}
.th-a3 .a3-p>.a3-lb{color:#38383d}
.th-a3 .a3-p>.a3-lb .a3-dot{box-shadow:0 0 0 4px var(--k-fff)}
.th-a3 .a3-hr{color:#504f50;border-left-color:#cbc5b7}
.a3-ro-i b{color:#111216;text-shadow:0 0 24px rgba(26,27,33,0.081)}
.a3-ro-i span{color:#4f4e4f}
.a3-sg{background-image:repeating-linear-gradient(90deg,#d4cdbf 0 calc(10% - 2px),transparent calc(10% - 2px) 10%);background-color:transparent}
.a3-sg i{background-image:none;background-color:#3f3f43}
.th-a3 .a3-w-lg .lt-pos{color:#504f50!important}
.th-a3 .a3-w-lg .lt-pts{color:#474649}
.th-a3 .a3-w-lg .lt-row:first-child .lt-pos{color:#111216!important}
.th-a3 .a3-w-lg .lt-row:first-child .lt-pts{color:#111216;text-shadow:0 0 22px rgba(26,27,33,0.158)}
.th-a3 .a3-w-lg .lt-row:first-child .a3-sg i{background-image:none;background-color:#131519;box-shadow:0 0 14px rgba(26,27,33,0.135)}
.th-a3 .a3-prices th{color:#504f50}
.th-a3 .a3-prices .a3-pc a{color:#4b4a4c;text-decoration-color:currentcolor}
.th-a3 .a3-prices .a3-pt a{color:#1a1b21;text-decoration-color:currentcolor}
.th-a3 .a3-prices tr:hover .a3-pc a{color:#303136}
.th-a3 .a3-prices .a3-pp b{color:#111216}
.th-a3 .a3-prices .a3-pp small{color:#504f50}
html.a3-i body::after{background-image:none;background-color:#e9e3d4}
.a3-intro{background-image:none;background-color:#e9e3d4;color:#1a1b21}
.a3-ih{color:#474649}
.a3-ih b{color:#111216}
.a3-ic{color:#111216}
.a3-ic small{color:#4f4e4f}
.a3-if{color:#4f4e4f}
.a3-if b{color:#111216}
.a3-skip{color:#4b4a4c}
.a3-skip:focus-visible{outline-color:#131519}
:root:root body.th-a3 #releases .ri>time{color:#4f4e4f!important}
:root:root body.th-a3 #releases .ri>.meta{color:#4b4a4c!important}
.th-a3 .a3-sgb i{background-image:none;background-color:#1a1b21;box-shadow:0 0 12px rgba(26,27,33,0.113)}
.th-a3 .a3-vbar em{color:#111216}
.th-a3 .a3-vbar small{color:#4f4e4f}
.th-a3 .a3-rs{color:#474649}
.th-a3 .a3-rs.a3-ns em{color:#504f50}
.th-a3 .a3-plans{background-image:none;background-color:#d0c9bb;border-color:#d0c9bb}
.th-a3 .a3-plans li{background-image:none;background-color:#e9e3d4;color:#474649}
.th-a3 .a3-plans li:hover{background-image:none;background-color:#e5dfd0}
.th-a3 .a3-plans li .num:first-of-type{color:#111216}
.th-a3 .a3-plans li:first-child{box-shadow:inset 0 2px 0 #1a1b21}
@media (max-width:699.98px){.th-a3 .ax-mm>summary.mm-t{border-color:#c3bcaf;background-image:none;background-color:#e7e1d2;text-decoration-color:currentcolor!important}
.th-a3 .ax-mm>summary .mm-o{color:#1a1b21}
.th-a3 .ax-mm>summary .mm-x{color:#1a1b21}}
.th-a3 .ax-tabs{background-image:none;background-color:rgba(244,238,224,.9)}
.th-a3.home .ax-tabs{background-image:none;background-color:rgba(244,238,224,.5)}
.th-a3 .ax-tab{color:#4f4e4f;text-decoration-color:currentcolor}
.th-a3 .ax-tab:hover{color:#1a1b21;background-image:none;background-color:#e2dbcd}
.th-a3 .ax-tab:focus-visible{outline-color:#1a1b21}
.th-a3 .ax-tab i{background-image:none;background-color:#b7b1a5}
.th-a3 .ax-tab b{color:#504f50}
.th-a3 .ax-tab.on{background-image:none;background-color:var(--vx-bg);color:#1a1b21}
.th-a3 .ax-tab.on i{background-image:none;background-color:#1a1b21;box-shadow:0 0 8px var(--vx-glow)}
.th-a3 .ax-tab.on::before{background-image:none;background-color:#1a1b21;box-shadow:0 0 12px var(--vx-glow)}
.th-a3 .ax-tab.on::after{background-image:none;background-color:var(--vx-bg)}
.th-a3 .ax-tab.par{color:#38383d}
.th-a3 .ax-tab.par i{background-image:none;background-color:#6a6765}
.th-a3 .ax-path{color:#504f50}
.a3-lg{background-image:none;background-color:#e1dacc}
.a3-lg img{filter:grayscale(1) contrast(1.05)}
.a3-mono{color:#1a1b21;box-shadow:inset 0 0 0 1px #b7b1a5}
.ls-g{background-image:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(26,27,33,0.032),transparent 70%), radial-gradient(circle,rgba(26,27,33,0.063) 1px,transparent 1.2px), none;background-color:#e7e1d2;box-shadow:inset 0 0 0 1px #dbd4c6}
.ls-n::before{background-image:linear-gradient(90deg,rgba(26,27,33,calc(((.03 + var(--g)*.1)) * 0.9)),rgba(26,27,33,0.126));background-color:transparent}
.ls-n a{outline-color:currentcolor;box-shadow:0 0 0 1px rgba(26,27,33,calc(((.08 + var(--g)*.3)) * 0.45)),0 0 calc(4px + var(--g)*14px) rgba(26,27,33,calc(((var(--g)*.16)) * 0.45))}
.ls-ld a{box-shadow:0 0 0 1.5px rgba(26,27,33,0.383),0 0 34px rgba(26,27,33,0.135)}
.ls-cr{color:#111216;filter:drop-shadow(0 0 6px rgba(26,27,33,0.270))}
.ls-cr svg{fill:currentColor}
.ls-wn{background-image:none;background-color:rgba(244,238,224,.78);color:#111216;text-shadow:0 0 12px #e4ddcf,0 0 4px #e4ddcf}
.ls-wn b{color:#38383d}
.ls-un a{box-shadow:none;outline-color:#959087}
.ls-z{color:#4f4e4f;background-image:none;background-color:rgba(244,238,224,.82)}
.ls-z:hover,.ls-c.ls-on .ls-z{color:#111216;background-image:none;background-color:#d8d1c3}
.ls-z:focus-visible{outline-color:#131519}
.ls-c.ls-on .ls-n::before{background-image:linear-gradient(90deg,rgba(26,27,33,0.225),rgba(26,27,33,0.450));background-color:transparent}
.ls-n.ls-on a{box-shadow:0 0 0 1.5px #131519,0 0 30px rgba(26,27,33,0.203)}
.ls-n.ls-on .a3-lg img,.ls-n a:focus-visible .a3-lg img{filter:none}
.ls-n a:focus-visible{outline-color:#131519}
.ls-back{background-image:none;background-color:#1a1b21;color:#f4eee0}
.ls-back:focus-visible{outline-color:#131519}
.ls-ax{color:#504f50}
.ls-zb .ls-back{box-shadow:0 4px 18px rgba(30,31,37,0.165)}
.ls-rd0{color:#504f50}
.ls-rd0 b{color:#38383d}
a.ls-tip{color:inherit;text-decoration-color:currentcolor;outline-color:currentcolor}
.ls-rd1{background-image:none;background-color:rgba(244,238,224,.94);box-shadow:0 0 0 1px #b7b1a5,0 18px 40px rgba(30,31,37,0.180),0 0 28px rgba(26,27,33,0.023)}
.ls-rl .a3-lg{box-shadow:0 0 0 1px #b0aa9e}
.ls-rl .a3-lg img{filter:none}
.ls-rt .n{color:#111216}
.ls-rt .c{color:#4f4e4f}
.ls-rs b{color:#111216;text-shadow:0 0 18px rgba(26,27,33,0.126)}
.ls-rs small{color:#504f50}
.ls-rd1.ls-nos .ls-rs b{text-shadow:none;color:#4b4a4c}
.ls-rd1 .p{color:#4b4a4c}
.ls-rd1 .ls-mo{color:#4f4e4f;text-decoration-color:currentcolor;text-decoration-color:transparent}
@media(hover:hover){a.ls-tip:hover .ls-rd1{box-shadow:0 0 0 1px #959087,0 18px 40px rgba(30,31,37,0.180),0 0 28px rgba(26,27,33,0.032)}
a.ls-tip:hover .ls-mo{color:#111216;text-decoration-color:currentColor}}
@media(max-width:699.98px){.ls-n .a3-lg,.ls-n .a3-lg.a3-lgl{background-image:none!important;background-color:rgba(26,27,33,calc(((.25 + var(--g)*.6)) * 0.9))!important}
.ls-ld .a3-lg.a3-lgl{background-image:none!important;background-color:#212329!important}
.ls-ld .a3-lg:not(.a3-lgl){background-image:none!important;background-color:#e1dacc!important}
.ls-z{color:#4f4e4f}
.ls-f .ls-n .a3-lg:not(.a3-lgl){background-image:none!important;background-color:#e1dacc!important}
.ls-f .ls-n .a3-lg.a3-lgl{background-image:none!important;background-color:#212329!important}}
.a3-lg.a3-lgl{background-image:none!important;background-color:#212329!important}
.th-a3 .ax-hd>a:not(.btn){color:#38383d;text-decoration-color:currentcolor}
.th-a3 .ax-hd>a:not(.btn):hover{color:#111216}
.a3-w-tw .st-n .a3-twl{box-shadow:0 0 0 1px #c6c0b2;background-image:none;background-color:#dbd4c6}
.a3-w-tw .sticker:is(:hover,:focus-within) .a3-twl{box-shadow:0 0 0 1px #6a6765,0 0 14px rgba(26,27,33,0.081)}
.a3-w-tw .sticker:is(:hover,:focus-within) .a3-twl img{filter:none}
:root:root:root body.th-a3 :is(.digest.sm,.foot-disc,.cc-404,.cframe):not(.a3-p):not(.a3-p *){border-color:var(--a3-ln)!important;background-image:none!important;background-color:#ebe5d6!important;box-shadow:none!important}
:root:root:root body.th-a3 :is(.digest.sm,.foot-disc,.cc-404,.cframe):not(.a3-p):not(.a3-p *):is(:hover,:focus-within){border-color:#b7b1a5!important}
:root:root:root body.th-a3 :is(.digest.sm,.foot-disc,.cc-404,.cframe):not(.a3-p):not(.a3-p *)>.cc-t{color:#38383d!important;background-image:none!important;background-color:var(--k-fff)!important}
:root:root:root body.th-a3 :is(.digest.sm,.foot-disc,.cc-404,.cframe):not(.a3-p):not(.a3-p *)>.cc-t::before{box-shadow:0 0 0 4px var(--k-fff)!important}
:root:root:root body.th-a3 :is(.card.panel,.card.mini,.lp .box,.glinks a,.glist>li,.cm-tap,.alt3 a):not(.ns,.sticker,.lt,.cc,.sheet,.tbl,.digest,.cframe){border-color:#c6c0b2!important;background-image:none!important;background-color:#e8e2d3!important;box-shadow:none!important}
:root:root:root body.th-a3 :is(.card.panel,.card.mini,.glinks a,.glist>li,.cm-tap,.alt3 a):not(.ns,.sticker,.lt,.cc,.sheet,.tbl,.digest,.cframe):is(:hover,:focus-within){border-color:#84807a!important;background-image:none!important;background-color:#e2dbcd!important;color:var(--tx)!important}
:root:root .th-a3 .t7-pick img{filter:grayscale(1) contrast(1.05)}
:root:root .th-a3 .t7-pick:is(:hover,:focus-visible) img{filter:none}
.th-a3 .fl.a3-fl>.nw::after{color:#4f4e4f}
.a3-w-tw .a3-tf{color:#38383d}
.a3-w-tw .a3-tf>li>span{color:#4f4e4f}
.a3-w-tw .a3-tf>li>b{color:#1a1b21}
.a3-w-tw .a3-tf .a3-tfb{background-image:repeating-linear-gradient(90deg,#1a1b21 0 calc(10% - 3px),transparent calc(10% - 3px) 10%);background-color:transparent}
:root:root:root body.th-a3 .a3-p p.unc{border-color:#c6c0b2!important;background-image:none!important;background-color:#e8e2d3!important;box-shadow:none!important}
@media(max-width:640px){:root:root:root body.th-a3 .lp .a3-p tbody tr{border-color:#c6c0b2!important;background-image:none!important;background-color:#e8e2d3!important}}
:root:root:root:root body.th-a3 .a3-w-ps>p{border-color:currentcolor!important;background-image:none!important;background-color:transparent!important}
:root:root body.th-a3 .a3-prices .a3-pm{color:#38383d;text-decoration-color:currentcolor;text-decoration-color:#a6a196}
:root:root body.th-a3 .a3-prices .a3-pm:hover{color:#111216;text-decoration-color:#131519}
@media(max-width:999.98px){:root:root body.th-a3 .ps .tw{border-color:currentcolor!important;background-image:none!important;background-color:transparent!important}
:root:root body.th-a3 .ps #ps thead{border-color:currentcolor!important}
:root:root body.th-a3 .ps #ps tbody tr{border-color:currentcolor!important;background-image:none!important;background-color:transparent!important;box-shadow:none!important}
:root:root body.th-a3 .ps #ps td{border-color:currentcolor!important}
:root:root body.th-a3 .ps #ps td[data-l="plan"]{color:var(--k-000)}
:root:root body.th-a3 .ps #ps td[data-l="monthly"]{color:var(--k-000)}
:root:root body.th-a3 .ps #ps td[data-l="annual"]{color:var(--k-555)}
:root:root body.th-a3 .ps #ps td[data-l="limits"]{color:var(--k-333)}
:root:root body.th-a3 .ps #ps :is(td[data-l="free tier"],td[data-l="BYO key"],td[data-l="checked"]){color:var(--k-555)}
:root:root body.th-a3 .ps #ps :is(td[data-l="free tier"],td[data-l="BYO key"],td[data-l="checked"]):before{color:inherit}
:root:root body.th-a3 .ps #ps td[data-l="checked"] a{color:var(--k-555)}}
:root:root .th-a3 .a3-hero h1.n9-h1{color:#1a1b21}
:root:root .th-a3 .a3-hero h1.n9-h1 .a3-sub{color:#4b4a4c;text-shadow:none}
:root:root .th-a3 .a3-hero .t7-blob{filter:none!important}
:root:root .th-a3 .a3-hero .t7-bub{background-image:none!important;background-color:transparent!important;border-color:currentcolor!important;box-shadow:none!important}
:root:root .th-a3 .a3-hero .t7-l{color:#4b4a4c}
:root:root .th-a3 .a3-hero .t7-gt{color:#38383d}
:root:root .th-a3 .a3-hero .t7-l b,:root:root .th-a3 .a3-hero .t7-l a{color:#1a1b21}
.th-a3 .a3-vg .vs-q{color:#4b4a4c}
.th-a3 .a3-vg .vs-q .pr{color:#1a1b21}
.th-a3 .a3-vg .vs-ans{color:#1a1b21}
.th-a3 .a3-vg .vs-ans b{color:#111216}
.th-a3 .a3-vg .vs-rk{color:#4b4a4c}
.th-a3 .a3-vg .vs-tn .mono img{filter:grayscale(1)}
.th-a3 .a3-vg .vs-p:is(:hover,:focus-within) .vs-tn .mono img{filter:none}
.th-a3 .a3-vg .vs-dl dt{color:#4b4a4c}
.th-a3 .a3-vg .vs-dl dd{color:#303136}
.th-a3 .a3-vg .vs-k{color:#4b4a4c}
.th-a3 .a3-vg .vs-v{color:#303136}
.th-a3 .a3-vg .vs-hd .vs-v{color:#1a1b21}
.th-a3 .a3-vg .vs-win{color:#1a1b21}
.th-a3 .a3-vg .vs-win:before{color:#4f4e4f}
.th-a3 .a3-vg .vs-note{color:#4f4e4f}
.th-a3 .a3-vg .vs-ns{color:#4b4a4c}
@media(max-width:760px){.th-a3 .a3-vg .vs-mh{color:#4f4e4f}}
.th-a3 main.lp>h1.vs-h1 .vs-vs{color:#4f4e4f}
.th-a3 .nav .row>.ax-x{color:#1a1b21;text-decoration-color:currentcolor}
.th-a3 .nav .row>.ax-x:hover,.th-a3 .nav .row>.ax-x:focus-visible{color:#111216;filter:drop-shadow(0 0 6px rgba(26,27,33,0.203))}
.th-a3 .nav .row>.ax-x:focus-visible{outline-color:#1a1b21}
:root:root:root:root body.th-a3 .nl .a3-w-nh .nl-sub{color:#36373b!important}
:root:root:root:root body.th-a3 .nl .glog .ri .meta{color:#36373b!important}
:root:root:root:root body.th-a3 .a3-w-ttl>h1+p.updated{color:#36373b!important}
:root:root:root:root body.th-a3:not(.home) .a3-w-pg>p.sub{color:#36373b!important}
:root:root:root:root body.th-a3 .a3-prices .a3-pr-more a.lnk{text-decoration-color:currentcolor}
:root:root:root:root body.th-a3 .a3-prices .a3-th2{color:#504f50}
:root:root:root:root body.th-a3 .a3-prices .a3-pk a{text-decoration-color:currentcolor}
:root:root:root:root body.th-a3 .a3-prices .a3-pk .a3-pt{color:#1a1b21}
:root:root:root:root body.th-a3 .a3-prices .a3-pk .a3-pc{color:#4b4a4c}
:root:root:root:root body.th-a3 .a3-prices tr:hover .a3-pk .a3-pc{color:#303136}
:root:root:root:root body.th-a3 .a3-prices .a3-pk a:hover{text-decoration-color:currentcolor}
:root:root:root:root body.th-a3 .a3-w-lg .a3-lt-how{color:#4b4a4c;border-color:currentcolor!important}
.th-a3 main>.a3-w-vt>h1.vs-h1 .vs-vs{color:#4f4e4f}
/* mirror 3. community.css (community/lib/style.css.js) */
.cm a{color:var(--k-000)}
.cm .muted{color:var(--k-555)}
.sr{border-color:currentcolor!important}
.cm-tap a.stretch{text-decoration-color:currentcolor}
.cm-tap:hover a.stretch{text-decoration-color:currentcolor}
.cm-tap a.stretch:focus-visible{outline-color:currentcolor}
.cm-tap:focus-within{outline-color:var(--k-000)}
.cm-av{border-color:var(--b);background-image:none;background-color:var(--k-fff)}
.cm-rows a.stretch{color:var(--k-000)}
.cm-feed .when{color:var(--k-555)}
.cm-chat-h{color:var(--k-555)}
.cm-chat-h .cm-dot{background-image:none;background-color:var(--k-000)}
.cm-chat-h .cm-live.off .cm-dot{background-image:none;background-color:var(--k-fff);border-color:var(--k-000)}
.cm-msg .cm-meta{color:var(--k-555)}
.cm-msg .cm-meta a{color:var(--k-000)}
.cm-msg .cm-meta .bdr{border-color:var(--k-000);color:var(--k-000)}
.cm-msg .cm-meta .rp{background-image:none;background-color:var(--k-fff)}
.cm-empty{color:var(--k-555)}
.cm-compose small{color:var(--k-555)}
.cm-link{background-image:none;background-color:transparent;border-color:currentcolor;color:var(--k-555);text-decoration-color:currentcolor}
.cm-link:hover{color:var(--k-000)}
.cm-rep{color:var(--k-555)}
.cm-kv .k{color:var(--cm-mu)}
.cm-kv a{color:#1a1b21}
.cm-flag{border-color:var(--b);background-image:none;background-color:var(--k-fff)}
.cm-err{border-color:var(--b)}
.cm .hint{color:var(--k-555)}
.cm-form fieldset{border-color:var(--b)}
.cm-trow.hd span{color:var(--k-555)}
.cm-chk input{accent-color:var(--k-000)}
.cm-faces input:focus-visible+img{outline-color:var(--k-000)}
.cm-faces img{border-color:var(--k-000);background-image:none;background-color:var(--k-fff)}
.cm-faces input:checked+img{outline-color:var(--k-000)}
.cm .btn[disabled]{background-image:none!important;background-color:var(--k-fff)!important;color:var(--k-777)!important;border-color:var(--k-bbb)!important}
.cm section.c{border-color:var(--b)}
.cm-q th{color:var(--k-555)}
.cm-bwbox li a{color:var(--k-000)}
.cm-bwbox li:hover{background-image:none;background-color:var(--k-f6f6f6)}
@media(max-width:640px){.cm-q td{border-color:currentcolor!important}}
.cm .cm-thumb{border-color:var(--k-000);background-image:none;background-color:var(--k-f4f4f4)}
.cm-shots img{border-color:var(--k-000);background-image:none;background-color:var(--k-f4f4f4)}
.cm-shots .cm-cap{color:var(--k-555)}
.cm-upd-h time{border-color:var(--k-000)}
.cm-msg .cm-re{color:var(--k-555)}
.cm-msg .rpl{color:var(--k-555)}
.cm-reply .cm-meta .rp{background-image:none;background-color:transparent}
.cm-msg .rpl:hover{color:var(--k-000)}
.cm-feed li.cm-new{background-image:none;background-color:var(--k-f4f4f4)}
.cm-inote{color:var(--k-333)}
:root .cm span.pr[aria-hidden="true"],:root .cm-bar-p .pr{color:var(--k-000)}
.cm-bw0-l{color:var(--k-000)}
.cm-bw0-l .cm-mono{color:var(--k-555)}
.cm{--cm-ln:#c6c0b2;--cm-mu:#4b4a4c;--cm-dim:#4f4e4f}
.cm .a3-p>.a3-lb .a3-hr{color:var(--cm-dim)}
.cm .a3-p>.a3-lb .a3-hr::before{color:#504f50}
.cm-pn{color:var(--cm-mu)}
.cm-hd .cm-av.hd{border-color:#b7b1a5;background-image:none;background-color:#e1dacc}
.cm-meta-l{color:#454447}
.cm-meta-l a{color:#1a1b21}
.cm-bar{background-image:none;background-color:rgba(244,238,224,.9)}
.cm-bar-p{color:#1a1b21}
.cm-bar nav a,.cm-bar nav button{color:#454447;text-decoration-color:currentcolor;background-image:none;background-color:transparent;border-color:currentcolor}
.cm-bar nav a:hover,.cm-bar nav button:hover{color:#111216}
.cm-bar nav a[aria-current]{color:#1a1b21;text-decoration-color:currentcolor}
.cm-fn{color:var(--cm-dim)}
.cm-tl{color:#36373b}
.cm-more{color:var(--cm-mu)}
.cm .cm-thumb{border-color:var(--cm-ln);background-image:none;background-color:#e1dacc}
.cm-chip{color:#1a1b21;background-image:none;background-color:#e9e3d4;border-color:#1a1b21;text-decoration-color:currentcolor}
a.cm-chip:focus-visible{background-image:none;background-color:#1a1b21;color:#f4eee0}
@media(hover:hover){a.cm-chip:hover{background-image:none;background-color:#1a1b21;color:#f4eee0}}
.cm-chip0{color:var(--cm-mu);border-color:#b7b1a5}
.cm .a3-mono.cm-lg.xs{box-shadow:inset 0 0 0 1px #a6a196}
.cm-tap:is(:hover,:focus-within) .a3-lg img,a.cm-chip:is(:hover,:focus-visible) .a3-lg img,span.cm-chip:hover .a3-lg img{filter:none}
.cm .cm-trw{border-color:var(--cm-ln);background-image:none;background-color:#e8e2d3}
.cm .cm-trw.cm-tap:hover{border-color:#a09b90}
.cm-tn a,.cm-tn b{color:#1a1b21;text-decoration-color:currentcolor}
.cm-tn small{color:var(--cm-mu)}
.cm-trw.cm-tap:hover .cm-tn a{text-decoration-color:currentcolor}
.cm-sc{color:#1a1b21}
.cm-sc small{color:var(--cm-dim)}
.cm-sc0{color:var(--cm-dim)}
.cm-tr{color:var(--cm-mu)}
.cm-tot{color:#1a1b21}
.cm-tot small{color:var(--cm-dim)}
.cm-rows a.stretch{color:#1a1b21}
.cm-rows .when{color:var(--cm-mu)}
.cm-feed p{color:#36373b}
.cm-feed p a{color:#1a1b21}
.cm-feed li.cm-new{background-image:none;background-color:transparent}
.cm-feed li.cm-new p::before{color:#1a1b21}
.cm-av{border-color:#b7b1a5;background-image:none;background-color:#e1dacc}
:root .cm :is(.btn.on,#cm-on){background-image:none!important;background-color:var(--k-000)!important;color:var(--k-fff)!important;border-color:var(--k-000)!important}
.cm-prose p{color:#36373b}
.cm-note p{color:#36373b}
.cm-tips{color:#36373b}
.cm-rep{color:var(--cm-mu)}
.cm-kv .k{color:var(--cm-mu)}
.cm-kv a{color:#1a1b21}
.cm-flag{border-color:var(--cm-ln);background-image:none;background-color:#e8e2d3;color:#36373b}
.cm-flag::before{color:#1a1b21}
.cm-flag.err{color:#1a1b21}
.cm-err{border-color:#4b3c43}
.cm-form fieldset{border-color:var(--cm-ln)}
.cm-legal p,.cm-legal li{color:#36373b}
.cm-br::before,.cm-trw.cm-tap::before,.cm-feed>li::before{background-image:none;background-color:transparent}
.cm-br:is(:hover,:focus-within)::before,.cm-trw.cm-tap:is(:hover,:focus-within)::before,.cm-feed>li:is(:hover,:focus-within)::before{background-image:none;background-color:rgba(26,27,33,0.041)}
:root:root:root:root:root body.th-a3 .cm :is(.cm-br,.cm-trw,.cm-feed>li){border-color:currentcolor!important;background-image:none!important;background-color:transparent!important;box-shadow:none!important}
:root:root:root:root:root body.th-a3 .cm :is(.cm-br,.cm-trw,.cm-feed>li):focus-within{outline-color:#1a1b21}
.cm-br .cm-thumb{border-color:#c6c0b2}
.cm-rk{color:#4f4e4f}
.cm-br .cm-fn{color:#4f4e4f}
.cm-br .cm-fn .cm-by{color:#454447;text-decoration-color:currentcolor}
.cm-br .cm-fn .cm-by:hover,.cm-br .cm-fn .cm-by:focus-visible{color:#1a1b21;text-decoration-color:currentcolor}
.cm .cm-br h3{color:#1a1b21}
.cm-br h3 a{color:#1a1b21;text-decoration-color:currentcolor}
.cm-br .cm-tl{color:#454447}
.cm-bs b{color:#1a1b21}
.cm-blist>.cm-br-n:first-child .cm-bs b{color:#111216;text-shadow:0 0 18px rgba(26,27,33,0.081)}
.cm-blist>.cm-br-n:first-child .cm-rk{color:#1a1b21}
.cm-bs small{color:#4f4e4f}
.cm-bs .cm-cost{color:#4f4e4f}
.cm-ci .cm-inote{color:#454447}
.cm-chip{color:#38383d;background-image:none;background-color:transparent;border-color:#c6c0b2}
a.cm-chip:focus-visible{background-image:none;background-color:transparent;color:#1a1b21;border-color:#84807a}
@media(hover:hover){a.cm-chip:hover{background-image:none;background-color:transparent;color:#1a1b21;border-color:#84807a}}
.cm-chip0{color:#4f4e4f}
.cm-more{color:#4f4e4f}
.cm .tag,.cm-bar .tag{border-color:#aba599!important;color:#38383d!important;background-image:none!important;background-color:transparent!important}
.cm-upd-h time{border-color:#aba599;color:#38383d}
.cm-tn small{color:#4f4e4f}
.cm-sc small{color:#4f4e4f}
.cm-sc0{color:#4f4e4f}
.cm-tr{color:#4f4e4f}
.cm .a3-lg.cm-lgd img{filter:grayscale(1) invert(1) brightness(.85)}
.cm .a3-lg.cm-lgb img{filter:grayscale(1) brightness(.7)}
.cm-tap:is(:hover,:focus-within) .a3-lg.cm-lgd img,a.cm-chip:is(:hover,:focus-visible) .a3-lg.cm-lgd img{filter:invert(1)}
.cm .cm-feed p{color:#454447}
.cm .cm-feed p a,.cm .cm-feed p b{color:#1a1b21}
.cm-feed .when{color:#4f4e4f}
.cm-kv li,.cm-rows li,.cm-upd,.cm .cm-q td,.cm .cm-q th{border-bottom-color:#aba599}
.cm-msg{border-bottom-color:#aba599}
.cm-msg .cm-meta .bdr{border-color:#aba599;color:#38383d}
.cm-msg .cm-meta a{color:#1a1b21}
.cm-msg p{color:#38383d}
.cm-msg .cm-re{color:#4f4e4f}
.cm-repp .cm-rep{color:#454447}
.cm-repp .cm-rep a{color:#1a1b21}
.cm-repp .cm-link{color:#454447}
.cm-form input[type=url],.cm-form input[type=email]{background-image:none!important;background-color:#e9e3d4!important;color:#1a1b21!important}
.cm-faces img{border-color:#c6c0b2;background-image:none;background-color:#e1dacc}
.cm-faces label:hover img{border-color:#84807a}
.cm-faces input:checked+img{border-color:#84807a;outline-color:#1a1b21}
.cm-faces input:focus-visible+img{outline-color:#1a1b21}
@media(max-width:640px){.cm .cm-q tr{border-color:#c6c0b2!important;background-image:none;background-color:#e8e2d3}}
@media(max-width:699.98px){.cm-br .cm-bs b,.cm-blist>.cm-br-n:first-child .cm-bs b{color:#1a1b21;text-shadow:none}
.cm-br .cm-bs .cm-cost::before{color:#504f50}}
.cm .cm-au h1{color:#1a1b21;text-shadow:0 0 22px rgba(26,27,33,0.054)}
.cm .cm-au .sub{color:#454447}
.cm-au-q{color:#4b4a4c}
.cm-au-lines p{color:#38383d}
.cm-au-lines p>span{color:#1a1b21}
.cm .cm-si .cm-err{border-color:#a09b90;background-image:none;background-color:#e8e2d3;color:#1a1b21}
.cm-si-fine{color:#4b4a4c}
.cm-si-fine a{color:#1a1b21}
:root .cm-si-tb :is(.btn.sm.on,#cm-si-on){background-image:none!important;background-color:var(--k-000)!important;color:var(--k-fff)!important;border-color:var(--k-000)!important}
.cm-nudge{background-image:none;background-color:#ece6d7}
.cm-nudge p{color:#454447}
.cm-nudge p>span{color:#4f4e4f}
.cm-nudge button{color:#4b4a4c;background-image:none;background-color:transparent;border-color:currentcolor;text-decoration-color:currentcolor}
.cm-nudge button:hover{color:#111216}
:root:root .cm-si-f input[type=password]{border-color:#1a1b21;background-image:none;background-color:#e9e3d4;color:#1a1b21;box-shadow:none}
:root:root .cm-si-f input[type=password]:focus-visible{outline-color:#1a1b21}
.cm-form :is(input[type=text],input[type=email],input[type=url],select,textarea){border-color:#1a1b21!important;background-image:none!important;background-color:#e9e3d4!important;color:#1a1b21!important}
.cm-form :is(input[type=text],input[type=email],input[type=url],textarea)::placeholder{color:#4f4e4f}
.cm-form :is(input,select,textarea):focus,.cm-form :is(input,select,textarea):focus-visible{outline-color:#1a1b21!important;box-shadow:none!important}
.cm-k{color:#4b4a4c}
.cm-sep{color:#504f50}
.cm-big{color:#1a1b21;text-shadow:0 0 18px rgba(26,27,33,0.068)}
.cm-sr .cm-rk{color:#4f4e4f}
.cm-srows>.cm-sr-n:first-child .cm-rk{color:#1a1b21}
.cm-shp-t{color:#1a1b21}
.cm-shp-b{color:#4f4e4f}
.cm-shp-b a{color:#38383d}
span.cm-sl{color:var(--cm-mu)}
.cm-mrows .cm-rk{color:#4f4e4f}
.cm-mrows li:first-child .cm-rk{color:#1a1b21}
.cm-mn a{color:#1a1b21;text-decoration-color:currentcolor}
.cm-mn small{color:#4f4e4f}
.cm-ml{color:#1a1b21}
.cm-upd-ms .cm-upd-h .cm-k{color:#38383d}
.cm-upd-n small{color:#4f4e4f}
.cm-gl{color:#38383d}
.cm-gl .cm-k{color:#1a1b21}
.cm-check.cm-rb{border-color:#c6c0b2;background-image:none;background-color:#e8e2d3}
.cm-check.cm-rb p{color:#454447}
.cm-draft{border-color:#aba599;background-image:none;background-color:#e8e2d3}
.cm-draft h3{color:#1a1b21}
.cm-actr .cm-feed .when{color:#4f4e4f}
.cm-nudge{border-color:#aba599}
.cm-at{border-color:#1a1b21;color:#4b4a4c}
.cm-bwp .cm-bwi{color:#454447}
.cm-bwp .cm-bwk small{color:#4b4a4c}
.cm-bwp .cm-bwn{color:#1a1b21}
.cm-bwp .cm-bwt{color:#1a1b21;text-decoration-color:currentcolor}
.cm-bwp .cm-bwt:hover,.cm-bwp .cm-bwt:focus-visible{text-decoration-color:currentcolor}
.cm-bwp .cm-bwm small{color:#4f4e4f}
.cm-bwp .cm-bwm small:first-of-type{color:#454447}
.cm-bwp .cm-bws b{color:#1a1b21}
.cm-bwp .cm-bws small{color:#4f4e4f}
.cm-bwp .cm-bwa{border-color:#c6c0b2;color:#38383d;text-decoration-color:currentcolor}
.cm-bwp .cm-bwa:hover,.cm-bwp .cm-bwa:focus-visible{border-color:#1a1b21;color:#1a1b21}
.cm{--cm-t2:#36373b;--cm-bg2:#e8e2d3}
.cm-more-l .cm-sep,.cm-sep{color:var(--cm-dim)}
.cm-tabs{border-color:currentcolor}
:root:root:root:root:root:root body .cm .cm-hs-hd>.sub{color:var(--cm-t2)}
.cm-hs-empty{color:var(--cm-mu)}
.cm-hs-stats b{color:var(--tx)}
.cm-hs-stats dt{color:var(--cm-mu)}
.cm-hs-idle .cm-pn{color:var(--cm-t2)}
.cm-hs-ct a{text-decoration-color:currentcolor;color:var(--tx)}
.cm-hs-ct a:hover,.cm-hs-ct a:focus-visible{background-image:none;background-color:var(--cm-bg2)}
.cm-hs-rk{color:var(--cm-dim)}
.cm-hs-ct li:first-child .cm-hs-rk{color:var(--tx)}
.cm-hs-cm{color:var(--cm-mu)}
.cm-hs-ro{outline-color:currentcolor}
.cm-hs-cmd{color:var(--cm-mu)}
.cm-hs-ro h3 a{color:var(--tx);text-decoration-color:currentcolor}
.cm-hs-ro h3 a:hover,.cm-hs-ro h3 a:focus-visible{text-decoration-color:currentcolor}
.cm-hs-by{color:var(--cm-mu)}
.cm-hs-g{color:var(--cm-t2)}
.cm-hs-rd dd{color:var(--tx)}
.cm-hs-rd dt,.cm-hs-k{color:var(--cm-mu)}
.cm-hs-stk li{color:var(--cm-t2)}
.cm-hs-stk .a3-lg img,.cm-hs-cmp .a3-lg img{filter:none!important}
.cm-hs-none{color:var(--cm-mu)}
.cm-hs-u{color:var(--cm-mu)}
.cm-hs-vn b{color:var(--tx)}
.cm-hs-vn span{color:var(--cm-mu)}
:root:root:root body .cm table.cm-hs-cmp{color:var(--cm-t2)}
.cm-hs-cmp th{color:var(--cm-mu)}
.cm-hs-cmp td i{background-image:none;background-color:var(--a3-ln)}
.cm-hs-cmp td.y i{background-image:none;background-color:var(--tx)}
.cm-hs-cmp tr.both td:first-child{color:var(--tx)}
.cm-cdw{color:var(--cm-mu)}
.cm-cd{color:var(--tx)}
.cm-hb-w .cm-wnone{color:var(--cm-mu)}
.cm-spot{border-color:var(--cm-ln);background-image:none;background-color:var(--cm-bg2)}
.cm-spot-n{color:var(--tx)}
.cm-spot-k{color:var(--cm-mu)}
.cm-spot-t{color:var(--tx)}
.cm-spot-l small{color:var(--cm-mu)}
.cm-shp-b{color:var(--cm-mu)}
:root:root:root:root body .cm .cm-home .cm-wkb .cm-rk{color:var(--cm-dim)!important}
.cm-home .cm-wkb .cm-shp-t .cm-k{color:var(--cm-t2)}
.cm-bcards>.cm-bc:focus-within{outline-color:var(--tx)}
span.cm-bm{border-color:var(--a3-ln);background-image:radial-gradient(circle,rgba(26,27,33,0.081) 1px,transparent 1.3px), none;background-color:var(--cm-bg2);color:var(--tx)}
.cm-bcards h3 a{color:var(--tx);text-decoration-color:currentcolor}
.cm-bc-by{color:var(--cm-mu)}
.cm-bc-g{color:var(--cm-t2)}
.cm-bc-u{color:var(--cm-mu)}
.cm-htm{color:var(--cm-mu)}
.cm-bcards>.cm-bc:is(:hover,:focus-within) .a3-lg img{filter:none!important}
.cm-hl{color:var(--cm-mu)}
.cm-hl b{color:var(--tx)}
:root:root:root:root body .cm .cm-home .cm-dbars>li.cm-db{border-color:currentcolor!important;background-image:none!important;background-color:transparent!important}
.cm-db>a{color:var(--tx);text-decoration-color:currentcolor}
.cm-dots i{background-image:none;background-color:var(--a3-ln)}
.cm-dots i.on{background-image:none;background-color:var(--cm-t2)}
.cm-db:first-child .cm-dots i.on,.cm-db:is(:hover,:focus-within) .cm-dots i.on{background-image:none;background-color:var(--tx)}
.cm-dn{color:var(--cm-mu)}
.cm-dn b{color:var(--tx)}
.cm-hb-a .cm-feed .when{color:var(--cm-mu)}
.cm-log .cm-day{color:var(--cm-dim)}
.cm-ltag{color:var(--cm-t2)}
.cm-log>li.cm-new .cm-ltag{color:var(--tx)}
@media(max-width:699.98px){.cm-hs-ro{background-image:none;background-color:var(--k-fff);box-shadow:0 -16px 48px rgba(30,31,37,0.210)}
.cm-hs-ro::before{background-image:none;background-color:#b0aa9e}}
/* mirror 4. waitlist inline css (community/lib/waitlist.js) */
body.cw-page .cw-pg .cw-msg{color:#454447}
body.cw-page .cw-pg .cw-si{color:#454447}
body.cw-page .cw-dk .cd{border-color:currentcolor;background-image:none;background-color:transparent;box-shadow:none}
/* mirror 5. desk.css (site/assets/community/desk.css) */
.cd{border-color:#d4cdbf;background-image:none;background-color:#ebe5d6;box-shadow:0 40px 90px -40px rgba(26,27,33,0.041),0 0 0 1px rgba(30,31,37,0.180)}
.cd button{color:inherit}
.cd :focus-visible{outline-color:#1a1b21}
.cd-screen{color:#1a1b21;background-image:radial-gradient(760px 420px at 72% 18%,rgba(26,27,33,0.059),transparent 62%), radial-gradient(620px 380px at 12% 96%,rgba(26,27,33,0.032),transparent 60%), none;background-color:#e6dfd1;box-shadow:inset 0 0 0 1px #dbd4c6}
.cd-hint{color:#504f50}
.cd-bar{background-image:none;background-color:rgba(244,238,224,.6)}
.cd-mb{border-color:currentcolor;background-image:none;background-color:transparent;color:#282a30}
.cd-mb[aria-expanded="true"]{background-image:none;background-color:rgba(26,27,33,0.117);color:#111216}
.cd-an{color:#111216}
.cd-menu{background-image:none;background-color:rgba(219,212,198,.94);border-color:rgba(26,27,33,0.090);box-shadow:0 18px 40px -8px rgba(30,31,37,0.255)}
.cd-menu button{border-color:currentcolor;background-image:none;background-color:transparent;color:#202228}
.cd-menu button:focus-visible{background-image:none;background-color:#1a1b21;color:#f4eee0;outline-color:currentcolor}
.cd-menu hr{border-color:currentcolor;background-image:none;background-color:rgba(26,27,33,0.090)}
.cd-sys{color:#282a30}
.cd-clk{color:#1a1b21}
.cd-sf{background-image:none;background-color:#e5dfd0}
.cd-ib{border-color:currentcolor;background-image:none;background-color:transparent;color:#38383d}
.cd-ib:disabled{color:#504f50}
.cd-addr{background-image:none;background-color:#d9d2c4;border-color:#cbc5b7}
.cd-url{color:#2c2d33}
.cd-lock{color:#4b4a4c}
.cd-rl{color:#4b4a4c}
.cd-load{background-image:none;background-color:#1a1b21;box-shadow:0 0 6px rgba(26,27,33,0.248)}
.cd-win{background-image:none;background-color:#ebe5d6;border-color:#c6c0b2;box-shadow:0 34px 80px -24px rgba(30,31,37,0.285),0 0 0 1px rgba(30,31,37,0.150),inset 0 1px 0 rgba(26,27,33,0.018)}
.cd-tb{background-image:none;background-color:#e8e2d3}
.cd-tt{color:#4b4a4c}
.cd-li{border-color:currentcolor;background-image:none;background-color:#ff5f57;box-shadow:inset 0 0 0 .5px rgba(30,31,37,0.105);color:rgba(30,31,37,0.180)}
.cd-li.cd-y{background-image:none;background-color:#febc2e}
.cd-li.cd-g{background-image:none;background-color:#28c840}
.cd-screen:not(.win-focus) .cd-win .cd-li,.cd-term:not(.is-front) .cd-li{background-image:none;background-color:#b0aa9e}
.cd-term{background-image:none;background-color:rgba(244,238,224,.9);border-color:#c6c0b2;box-shadow:0 30px 70px -20px rgba(30,31,37,0.285)}
.cd-term .cd-tb{background-image:none;background-color:#e2dbcd}
.cd-tx{color:#1a1b21}
.cd-pr{color:#4b4a4c}
.cd-cur{background-image:none;background-color:#1a1b21}
.cd-go{border-color:currentcolor;background-image:none;background-color:transparent;color:#111216}
.cd-toast{background-image:none;background-color:rgba(213,206,192,.9);border-color:rgba(26,27,33,0.108);box-shadow:0 22px 50px -12px rgba(30,31,37,0.270)}
.cd-ti{background-image:none;background-color:#e9e3d4;border-color:#c6c0b2}
.cd-toast p{color:#26272e}
.cd-toast b{color:#111216}
.cd-tx-x{border-color:currentcolor;background-image:none;background-color:transparent;color:#4b4a4c!important}
.cd-tx-x:hover{color:#111216!important}
.cd-tip{background-image:none;background-color:rgba(213,206,192,.94);border-color:rgba(26,27,33,0.108);color:#1a1b21}
.cd-dock ul{background-image:none;background-color:rgba(244,238,224,.72);border-color:#d4cdbf;box-shadow:inset 0 1px 0 rgba(26,27,33,0.018),0 10px 30px -10px rgba(30,31,37,0.240)}
.cd-di{border-color:currentcolor;background-image:none;background-color:transparent}
.cd-di svg{filter:drop-shadow(0 2px 3px rgba(30,31,37,0.165)) brightness(.86)}
.cd-di:focus-visible svg,.cd-di.on svg{filter:drop-shadow(0 2px 3px rgba(30,31,37,0.165)) brightness(.94)}
.cd-dot{background-image:none;background-color:#1a1b21}
.cd-dl{background-image:none;background-color:rgba(213,206,192,.94);border-color:rgba(26,27,33,0.108);color:#1a1b21}
.cd-ps{color:#1a1b21}
.cd-ps>span[aria-hidden]{color:#4f4e4f}
.cd-dmo{color:#4f4e4f}
.cd-nav button{border-color:currentcolor;background-image:none;background-color:transparent;color:#4b4a4c}
.cd-nav button[aria-current]{color:#1a1b21;text-decoration-color:currentcolor}
.cd-body{scrollbar-color:#c6c0b2 transparent}
.cd-view:focus{outline-color:currentcolor}
.cd kbd{border-color:#c6c0b2;color:#454447}
.cd-k{color:#4f4e4f}
.cd-sep{color:#504f50}
.cd-who{border-color:currentcolor;background-image:none;background-color:transparent;color:#454447}
.cd-lk{border-color:currentcolor;background-image:none;background-color:transparent;color:#1a1b21;text-decoration-color:currentcolor;text-decoration-color:#a09b90}
.cd-bt{color:#38383d}
.cd-bt::before{background-image:none;background-color:#1a1b21;box-shadow:0 0 6px rgba(26,27,33,0.248)}
.cd-bn2{color:#4f4e4f}
.cd-lg{background-image:none;background-color:#e0d9cb;box-shadow:inset 0 0 0 1px #cbc5b7}
.cd-lg img{filter:grayscale(1) brightness(.95)}
.cd-lt{color:#38383d}
.cd-n{color:#1a1b21}
.cd-n small{color:#4b4a4c}
.cd-c{color:#2c2d33}
.cd-ty button,.cd-so button{border-color:currentcolor;background-image:none;background-color:transparent;color:#4f4e4f}
.cd-ty button[aria-pressed="true"],.cd-so button[aria-pressed="true"]{color:#1a1b21}
.cd-ty button[aria-pressed="true"]::after{background-image:none;background-color:#1a1b21;box-shadow:0 0 8px rgba(26,27,33,0.225)}
.cd-tc{color:#504f50}
.cd-ty button[aria-pressed="true"] .cd-tc{color:#4b4a4c}
.cd-tf{border-color:#aba599;background-image:none;background-color:transparent;color:#4b4a4c}
.cd-tf.on{border-color:#84807a;color:#1a1b21}
.cd-clr{border-color:currentcolor;background-image:none;background-color:transparent;color:#4b4a4c}
.cd-cnt2{color:#4f4e4f}
.cd-tp{background-image:none;background-color:rgba(244,238,224,.97);border-color:#c6c0b2;box-shadow:0 24px 50px -16px rgba(30,31,37,0.285)}
.cd-tl3,.cd-sl{scrollbar-color:#c6c0b2 transparent}
.cd-og{color:#504f50}
.cd-op{color:#2c2d33}
.cd-op[aria-selected="true"]{background-image:none;background-color:#cec7b9;color:#111216}
.cd-op[aria-selected="true"] .cd-lg img{filter:none}
.cd-on2 small{color:#4f4e4f}
.cd-oc{color:#4f4e4f}
.cd-ro{border-color:currentcolor;background-image:none;background-color:transparent;color:#1a1b21}
.cd-ro:focus-visible{outline-color:currentcolor}
.cd-row:has(.cd-ro:focus-visible){background-image:linear-gradient(90deg,rgba(26,27,33,0.032),transparent 70%);background-color:transparent;box-shadow:-10px 0 0 -8px #1a1b21}
.cd-rx{color:#434246}
.cd-rm{color:#4f4e4f}
.cd-rm .cd-who{color:#454447}
.cd-pinr .cd-k{color:#454447}
.cd-rk{color:#504f50}
.cd-new2{color:#1a1b21}
.cd-dm{color:#4b4a4c}
.cd-dp{color:#1a1b21}
.cd-diff span:not([aria-hidden]){color:#4f4e4f}
.cd-none{color:#454447}
.cd-cl>span[aria-hidden]{color:#4f4e4f}
.cd-kb{color:#504f50}
.cd-kb kbd{color:#4f4e4f}
.cd-mini .cd-lk{text-decoration-color:currentcolor;color:#2c2d33}
.cd-rk2{color:#504f50}
.cd-hv2{color:#4f4e4f}
.cd-rs{color:#504f50}
.cd-rs .cd-lk{color:#454447}
.cd-back{border-color:currentcolor;background-image:none;background-color:transparent;color:#454447}
.cd-fn2{color:#504f50}
.cd-pt{color:#1a1b21;text-shadow:0 0 22px rgba(26,27,33,0.045)}
.cd-qt{color:#1a1b21}
.cd-tl{color:#38383d}
.cd-pin2{color:#4b4a4c}
.cd-like{border-color:#c6c0b2;background-image:none;background-color:transparent;color:#454447}
.cd-like[aria-pressed="true"]{border-color:#1a1b21;color:#111216}
.cd-bd{color:#35363a}
.cd-sn2 b{color:#1a1b21}
.cd-sn2 small{color:#4f4e4f}
.cd-tl2{color:#1a1b21;text-decoration-color:currentcolor;text-decoration-color:#a09b90}
.cd-fb{border-color:currentcolor;background-image:none;background-color:transparent;color:#4f4e4f}
button.cd-fb{text-decoration-color:#a09b90}
.cd-fb0{color:#504f50}
.cd-tot{color:#4b4a4c}
.cd-log li::before{background-image:none;background-color:#ebe5d6;box-shadow:inset 0 0 0 1.5px #84807a}
.cd-log li:first-child::before{box-shadow:inset 0 0 0 1.5px #1a1b21,0 0 8px rgba(26,27,33,0.158)}
.cd-log time{color:#4f4e4f}
.cd-log p{color:#2c2d33}
.cd-log b{color:#1a1b21}
.cd-log .cd-ld{color:#474649}
.cd-of{color:#4b4a4c}
.cd-tgb{border-color:#aba599;background-image:none;background-color:transparent;color:#38383d}
.cd-cm .cd-who{color:#1a1b21}
.cd-bdr{color:#4f4e4f}
.cd-ct2{color:#38383d}
.cd-ct3 .cd-lk{color:#454447}
.cd-quiet{color:#4f4e4f}
.cd-say{border-color:#aba599;background-image:none;background-color:transparent;color:#4b4a4c}
.cd-note2{color:#4f4e4f}
.cd-rules{color:#38383d}
.cd-steps li{color:#504f50}
.cd-steps li::before{color:#504f50}
.cd-steps li.done{color:#4b4a4c}
.cd-steps li.done::before{color:#4b4a4c}
.cd-steps li[aria-current]{color:#1a1b21}
.cd-steps li[aria-current]::before{color:#454447}
.cd-q{color:#1a1b21}
.cd-in:focus-within{border-bottom-color:#1a1b21}
.cd .cd-in input:focus,.cd .cd-in textarea:focus,.cd .cd-ri:focus,.cd .cd-ci:focus,.cd .cd-in input:focus-visible,.cd .cd-in textarea:focus-visible{outline-color:currentcolor!important;box-shadow:none!important}
.cd-in:focus-within{box-shadow:0 1px 0 #1a1b21}
.cd-in input,.cd-in textarea,.cd-ri,.cd-ci{border-color:currentcolor;background-image:none;background-color:transparent;color:#1a1b21;outline-color:currentcolor}
.cd-in input::placeholder,.cd-in textarea::placeholder,.cd-ri::placeholder,.cd-ci::placeholder{color:#504f50}
.cd-pre{color:#4f4e4f}
.cd-msg{color:#4f4e4f}
.cd-msg.good{color:#38383d}
.cd-msg.bad{color:#2c2d33}
.cd-act .cd-lk{color:#4b4a4c;text-decoration-color:currentcolor}
.cd-screen .cd-go2{border-color:#1a1b21;background-image:none;background-color:#1a1b21;color:#f4eee0}
.cd-sl{background-image:none;background-color:rgba(244,238,224,.98);border-color:#c6c0b2;box-shadow:0 20px 40px -14px rgba(30,31,37,0.285)}
.cd-ri:focus{border-bottom-color:#6a6765}
.cd-cw{color:#4b4a4c}
.cd-ci:focus{border-bottom-color:#6a6765}
.cd-x{border-color:currentcolor;background-image:none;background-color:transparent;color:#4f4e4f}
.cd-endn{color:#4b4a4c}
.cd-keys{background-image:none;background-color:rgba(244,238,224,.97);border-color:#c6c0b2;box-shadow:0 24px 50px -16px rgba(30,31,37,0.285)}
.cd-keys dd{color:#454447}
.cd-keys .cd-lk{color:#4b4a4c;text-decoration-color:currentcolor}
@media (hover:hover){.cd-ib:not(:disabled):hover{background-image:none;background-color:rgba(26,27,33,0.072);color:#1a1b21}
.cd-mb:hover{background-image:none;background-color:rgba(26,27,33,0.117);color:#111216}
.cd-menu button:hover{background-image:none;background-color:#1a1b21;color:#f4eee0}
.cd-nav button:hover,.cd-ty button:hover,.cd-so button:hover,.cd-back:hover,.cd-clr:hover,.cd-x:hover,.cd-act .cd-lk:hover,.cd-keys .cd-lk:hover{color:#1a1b21}
.cd-row:hover{background-image:linear-gradient(90deg,rgba(26,27,33,0.023),transparent 75%);background-color:transparent}
.cd-row:hover .cd-lg img,.cd-stack li:hover .cd-lg img,.cd-mini li:hover .cd-lg img,.cd-tgb:hover .cd-lg img{filter:none}
.cd-who:hover,.cd-lk:hover,.cd-tl2:hover,button.cd-fb:hover{color:#111216;text-decoration-color:currentcolor;text-decoration-color:#1a1b21}
.cd-mini .cd-lk:hover{text-decoration-color:currentcolor}
.cd-tf:hover,.cd-tgb:hover,.cd-say:hover{border-color:#6a6765;color:#1a1b21}
.cd-like:hover{border-color:#84807a;color:#1a1b21}
.cd-like[aria-pressed="true"]:hover{border-color:#1a1b21;color:#111216}
.cd-go2:hover{background-image:none;background-color:#131519}
.cd-di:hover svg{filter:drop-shadow(0 2px 3px rgba(30,31,37,0.165)) brightness(.94)}
.cd-li.cd-r:hover{filter:brightness(1.08)}}
.cd-vl button[aria-pressed="true"]{border-left-color:#1a1b21}
.cd-so.cd-vl button{border-color:currentcolor}
.cd-wk2 .cd-lk{text-decoration-color:currentcolor;color:#1a1b21}
.cd-sh2{color:#4f4e4f}
.cd-mini a.cd-lk{text-decoration-color:currentcolor;color:#2c2d33}
.cd-mini .cd-lk small{color:#4f4e4f}
/* hand 1. themes/a3-warm.css */
/* ===== retro-platinum (Oct 21 2026, Andrew: retro-tech options on an off-white base). (site-wide since brand-platinum: themes/warm.py builds it into /theme-a3-plat.css, scoped to body.th-plat) =====
   a late-80s desktop: warm platinum page #e9e3d4, window panes #f4eee0 with a 1px ink #1a1b21 frame, a bevel and a crisp
   offset shadow, pinstriped title bars with a close box, a 1-bit dither on the board and under the hover window, ink text
   #1a1b21 with greys down to #515051 (5.8:1 or better), and one orange #a83f0b used sparingly: 'sorted.', crowns and
   leaders, links and 'full breakdown ->'. colours and textures only: fonts, box shapes and layout are the live ones. */
:root:has(>body.th-a3.th-plat),body.th-a3.th-plat{--w-bg0:#e9e3d4;--w-pane:#f4eee0;--w-pane-rgb:244,238,224;--w-board:#f0e9db;--w-ln:#1a1b21;--w-tx:#1a1b21;--w-hi:#111216;--w-raise:#e1dacc;
  --w-acc:#a83f0b;--w-acc2:#7d2e06;--w-acc-rgb:168,63,11;--w-on-acc:#fff8e9;--w-sig:#c8530f;--w-sig-rgb:200,83,15;
  --w-ink-rgb:26,27,33;--w-glow-rgb:255,253,240;--w-top-a:0;--w-spot-a:.0;--w-h1-shadow:none;--w-punch-glow:0;
  --w-dot-rgb:26,27,33;--w-dot-a:.12;--w-board-glow-a:0;--w-lead-glow:.18;
  --w-shadow-rgb:26,27,33;--w-shadow-a:.0;--w-tip-rgb:244,238,224;--w-tip-ln:#1a1b21;
  --w-tile:#1a1b21;--w-lgl:#fffbee;--w-lgl-ring:#959087;--w-blob-filter:none;--w-blob-blend:multiply;
  --w-dith:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect width='1' height='1' fill='%231a1b21' fill-opacity='.17'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%231a1b21' fill-opacity='.17'/%3E%3C/svg%3E");
  --w-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Crect width='1' height='1' fill='%231a1b21'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%231a1b21'/%3E%3C/svg%3E");
  --w-pin:repeating-linear-gradient(180deg,#817e78 0 1px,transparent 1px 2px);
  --w-bevel:inset 1px 1px 0 #fffdf0,inset -1px -1px 0 #c5bfb1;
  --a3-dot:26,27,33;--a3-lead:168,63,11;--a3-ink:244,238,224;--a3-lab:81,80,81}
/* the shared warm layer (same rules on every warm option; the option's own tokens are set in the block above) */
:root:has(>body.th-a3.th-plat){--vx-bg:var(--w-bg0);--k-fff:var(--w-bg0);background:var(--w-bg0)}
body.th-a3.th-plat ::selection{background:rgba(var(--w-acc-rgb),.32);color:var(--w-hi)}
body.th-a.th-a3.th-plat{background:radial-gradient(1200px 600px at 50% -10%,rgba(var(--w-glow-rgb),var(--w-top-a,.07)),transparent 60%),var(--w-page,var(--vx-bg))}
body.th-a.th-plat .hp-hero::before{background:radial-gradient(520px 380px at var(--mx,62%) var(--my,46%),rgba(var(--w-glow-rgb),var(--w-spot-a,.08)),transparent 70%)}
body.th-a.th-plat .hp-hero::after{background:linear-gradient(90deg,transparent,rgba(var(--w-acc-rgb),.35),transparent)}
body.th-a.th-plat .n9-h1{text-shadow:var(--w-h1-shadow,0 0 18px rgba(var(--w-glow-rgb),.16))}
:root:root:root body.th-a3.th-plat .a3-hero h1.n9-h1 .a3-punch{color:var(--w-acc);text-shadow:0 0 22px rgba(var(--w-acc-rgb),var(--w-punch-glow,.32))}
:root:root:root body.th-a3.th-plat img[src^="/assets/brand/blob-"]{filter:var(--w-blob-filter)!important;mix-blend-mode:var(--w-blob-blend,screen)!important}
:root:root:root body.th-a3.th-plat .a3-hero .t7-l a:hover{color:var(--w-acc)}
:root:root:root body.th-a3.th-plat .t7-pick:is(:hover,:focus-visible){border-color:var(--w-acc)!important;box-shadow:0 0 14px rgba(var(--w-acc-rgb),.25)!important}
:root:root:root body.th-a3.th-plat .np-chip:is(:hover,:focus-visible){border-color:var(--w-acc)!important;color:var(--w-acc)!important;background:rgba(var(--w-acc-rgb),.08)!important}
:root:root:root body.th-a3.th-plat .np-form:focus-within{border-color:var(--w-acc)!important;box-shadow:0 0 0 3px rgba(var(--w-acc-rgb),.16)!important}
:root:root:root body.th-a.th-a3.th-plat :is(.btn,#plat-btn):hover{box-shadow:0 0 0 1px var(--w-acc),0 0 22px rgba(var(--w-acc-rgb),.3)!important;border-color:var(--w-acc)!important}
:root:root:root body.th-a3.th-plat .digest input[type=email]:focus{border-color:var(--w-acc)!important;outline-color:var(--w-acc)!important}
:root:root:root:root:root body.th-a3.th-plat a.lnk{color:var(--w-acc)!important;text-decoration-color:rgba(var(--w-acc-rgb),.5)!important}
:root:root:root:root:root body.th-a3.th-plat a.lnk:hover{color:var(--w-acc2)!important;text-decoration-color:currentColor!important;text-shadow:0 0 12px rgba(var(--w-acc-rgb),.4)!important}
:root:root:root body.th-a3.th-plat .wk-stk a{color:var(--w-acc)!important;text-decoration-color:rgba(var(--w-acc-rgb),.5)!important}
:root:root:root body.th-a3.th-plat .wk-stk a:hover{color:var(--w-acc2)!important;text-decoration-color:currentColor!important}
:root:root:root body.th-a3.th-plat .hp-cue:hover{color:var(--w-acc)!important}
:root:root:root body.th-a3.th-plat :is(a,button,input,summary):focus-visible{outline-color:var(--w-acc)!important}
body.th-a3.th-plat .ax-tab.on::before{background:var(--w-acc);box-shadow:0 0 12px rgba(var(--w-acc-rgb),.5)}
body.th-a3.th-plat .ax-tab.on i{background:var(--w-acc);box-shadow:0 0 8px rgba(var(--w-acc-rgb),.6)}
body.th-a3.th-plat .ax-tab:hover{color:var(--w-hi);background:var(--w-raise)}
body.th-a3.th-plat .nav .row>.ax-x:is(:hover,:focus-visible){color:var(--w-acc);filter:drop-shadow(0 0 6px rgba(var(--w-acc-rgb),.45))}
:root:root:root body.th-a3.th-plat .a3-p{background-color:var(--w-pane)!important}
:root:root:root body.th-a3.th-plat .a3-p:is(:hover,:focus-within){border-color:rgba(var(--w-acc-rgb),.35)!important}
body.th-a3.th-plat .a3-ro-i b{text-shadow:0 0 24px rgba(var(--w-glow-rgb),.16)}
body.th-a3.th-plat .a3-w-lg .lt-row:first-child .lt-pos{color:var(--w-acc)!important}
:root:root:root body.th-a3.th-plat .a3-w-lg .lt-row:first-child .lt-pts{color:var(--w-acc)!important;text-shadow:0 0 22px rgba(var(--w-acc-rgb),var(--w-punch-glow,.35))!important}
body.th-a.th-plat .lt-row:hover,body.th-a.th-plat .ri:hover{background:rgba(var(--w-acc-rgb),.05);box-shadow:inset 2px 0 0 var(--w-acc)}
:root:root:root:root body.th-a3.th-plat .a3-prices tr:hover td{background:rgba(var(--w-acc-rgb),.05)}
:root:root:root:root body.th-a3.th-plat .a3-prices .a3-pk a.a3-pt:hover{color:var(--w-acc)}
:root:root:root:root body.th-a3.th-plat .a3-prices .a3-pm:hover{color:var(--w-acc);text-decoration-color:var(--w-acc)}
/* ---- the space cloud ---- */
body.th-a3.th-plat .ls-g{background-image:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(var(--w-board-glow-rgb,var(--w-acc-rgb)),var(--w-board-glow-a,.045)),transparent 70%),radial-gradient(circle,rgba(var(--w-dot-rgb),var(--w-dot-a,.075)) 1px,transparent 1.2px);background-color:var(--w-board);box-shadow:inset 0 0 0 1px var(--w-ln)}
body.th-a3.th-plat .ls-ld a{box-shadow:0 0 0 1.5px rgba(var(--w-acc-rgb),.9),0 0 34px rgba(var(--w-acc-rgb),var(--w-lead-glow,.3))}
body.th-a3.th-plat .ls-cr{color:var(--w-acc);filter:drop-shadow(0 0 6px rgba(var(--w-acc-rgb),.6))}
body.th-a3.th-plat .ls-wn b{color:var(--w-acc)}
body.th-a3.th-plat .ls-c.ls-on .ls-n::before{background:linear-gradient(90deg,rgba(var(--w-acc-rgb),.25),rgba(var(--w-acc-rgb),.55))}
body.th-a3.th-plat .ls-n.ls-on a{box-shadow:0 0 0 1.5px var(--w-acc),0 0 30px rgba(var(--w-acc-rgb),.42)}
body.th-a3.th-plat .ls-n a:focus-visible{outline-color:var(--w-acc)}
body.th-a3.th-plat .ls-z:hover,body.th-a3.th-plat .ls-c.ls-on .ls-z{color:var(--w-acc);background:var(--w-raise)}
body.th-a3.th-plat .ls-z:focus-visible{outline-color:var(--w-acc)}
body.th-a3.th-plat .ls-back{background:var(--w-tx);color:var(--w-bg0)}
body.th-a3.th-plat .ls-back:hover{background:var(--w-acc);color:var(--w-on-acc)}
:where(body.th-a3.th-plat) .a3-lg img{filter:var(--w-logo-filter,grayscale(1) contrast(1.05))}
body.th-a3.th-plat .ls-rd1{background:rgba(var(--w-tip-rgb),.96);box-shadow:0 0 0 1px var(--w-tip-ln),0 18px 40px rgba(var(--w-shadow-rgb),var(--w-shadow-a,.6)),0 0 28px rgba(var(--w-acc-rgb),.06)}
body.th-a3.th-plat .ls-rd1 .ls-mo{color:var(--w-acc)}
body.th-a3.th-plat .ls-rs b{text-shadow:0 0 18px rgba(var(--w-acc-rgb),.3)}
@media(hover:hover){
 body.th-a3.th-plat a.ls-tip:hover .ls-rd1{box-shadow:0 0 0 1px rgba(var(--w-acc-rgb),.6),0 18px 40px rgba(var(--w-shadow-rgb),var(--w-shadow-a,.6)),0 0 28px rgba(var(--w-acc-rgb),.1)}
 body.th-a3.th-plat a.ls-tip:hover .ls-mo{color:var(--w-acc2);text-decoration-color:currentColor}
}
html.a3-i body.th-a3.th-plat::after{background:var(--w-bg0)}
body.th-a3.th-plat .a3-intro{background:var(--w-bg0)}
body.th-a3.th-plat .a3-ih b,body.th-a3.th-plat .a3-if b{color:var(--w-acc)}
body.th-a3.th-plat .vx-status .vx-mode{background:var(--w-acc);color:var(--w-on-acc);box-shadow:none}
/* ---- the light (paper) layer every retro option shares, from warm-paper ---- */
/* logos keep the live dark tiles (ink discs), so every logo reads exactly as it does live; logos that need a light tile
   keep a light one with an ink ring */
:root:root body.th-a3.th-plat .a3-lg:not(.a3-lgl){background:var(--w-tile)!important}
:root:root body.th-a3.th-plat .a3-lg.a3-lgl{background:var(--w-lgl)!important;box-shadow:inset 0 0 0 1px var(--w-lgl-ring)}
:root:root body.th-a3.th-plat .a3-mono{color:var(--w-bg0)!important}
body.th-a3.th-plat .ls-n a{box-shadow:0 0 0 1px rgba(var(--w-ink-rgb),calc(.12 + var(--g)*.3)),0 2px calc(4px + var(--g)*8px) rgba(var(--w-shadow-rgb),calc(var(--g)*.22))}
body.th-a3.th-plat .ls-n::before{background:linear-gradient(90deg,rgba(var(--w-ink-rgb),calc(.08 + var(--g)*.14)),rgba(var(--w-ink-rgb),.22))}
body.th-a3.th-plat .ls-ld a{box-shadow:0 0 0 2px rgba(var(--w-sig-rgb),.95),0 4px 14px rgba(var(--w-shadow-rgb),.22)}
body.th-a3.th-plat .ls-cr{filter:none;color:var(--w-sig)}
body.th-a3.th-plat .ls-n.ls-on a{box-shadow:0 0 0 2px var(--w-sig),0 6px 18px rgba(var(--w-shadow-rgb),.28)}
body.th-a3.th-plat .ls-c.ls-on .ls-n::before{background:linear-gradient(90deg,rgba(var(--w-sig-rgb),.3),rgba(var(--w-sig-rgb),.65))}
body.th-a3.th-plat .ls-wn{color:var(--w-tx);text-shadow:none;background:rgba(var(--w-pane-rgb),.92)}
body.th-a3.th-plat .ls-z{background:rgba(var(--w-pane-rgb),.92)}
@media(max-width:699.98px){
 /* phone overview: the non-winners are ink dots again (the dark tile above is for logos) */
 :root:root:root body.th-a3.th-plat .ls-c:not(.ls-f) .ls-n:not(.ls-ld) .a3-lg{background:rgba(var(--w-ink-rgb),calc(.3 + var(--g)*.6))!important}
}
body.th-a3.th-plat .lt-pts{text-shadow:none}
/* plat-fixes-1 (Andrew, Oct 22: "should this be like the font we used to have?"): the status strip's counts and price-check clock
   keep the dark look's rendering exactly (same Doto 400, size, spacing, and its 24px .18 glow from themes/a3.css), in ink */
body.th-a3.th-plat .a3-ro-i b{text-shadow:0 0 24px rgba(var(--w-ink-rgb),.18)}
:root:root:root body.th-a3.th-plat .a3-w-lg .lt-row:first-child .lt-pts{text-shadow:none!important}
body.th-a3.th-plat .ls-rs b{text-shadow:none}
body.th-a3.th-plat .vx-ghost{opacity:.16}
body.th-a.th-a3.th-plat::after{opacity:.05}
/* ---- platinum only ---- */
/* page: flat platinum, no glows */
body.th-a.th-a3.th-plat{background:var(--w-bg0)}
body.th-a.th-plat .hp-hero::before{background:none}
body.th-a.th-plat .hp-hero::after{background:linear-gradient(90deg,transparent,rgba(26,27,33,.35),transparent)}
/* menu bar and tab strip */
:root:root body.th-a3.th-plat header.nav{background:var(--w-pane)!important;box-shadow:inset 0 -1px 0 #1a1b21,inset 0 1px 0 #fffdf0}
:root:root body.th-a3.th-plat .ax-tabs{background:var(--w-bg0)!important;border-bottom:1px solid #1a1b21!important}
:root:root body.th-a3.th-plat .ax-tab{border-color:#b8b2a6!important}
:root:root body.th-a3.th-plat .ax-tab.on{background:var(--w-pane)!important;color:#1a1b21!important;box-shadow:var(--w-bevel)}
body.th-a3.th-plat .ax-tab.on::before{background:var(--w-acc);box-shadow:none}
body.th-a3.th-plat .ax-tab.on i{background:var(--w-acc);box-shadow:none}
/* windows: an ink frame, a 1px bevel and the hard offset shadow */
:root:root:root body.th-a3.th-plat .a3-p{border-color:#1a1b21!important;background-color:var(--w-pane)!important;box-shadow:var(--w-bevel),3px 3px 0 #1a1b21!important}
:root:root:root body.th-a3.th-plat .a3-p:is(:hover,:focus-within){border-color:#1a1b21!important}
/* title bars (desktop and tablet): the pane label becomes the window's title bar, inside the top of the pane's padding: a
   close box, pinstripes either side, the title on plain platinum. the count (.a3-hr) rides at the right end, past the
   right stripes, so a long label never squeezes the stripes to stubs; both stripe runs keep a floor */
@media(min-width:700px){
 :root:root:root body.th-a3.th-plat .a3-p>.a3-lb{top:0;left:0;right:0;max-width:none;height:21px;transform:none;padding:0 8px!important;gap:0;
   border-radius:9px 9px 0 0;background:var(--w-pane);box-shadow:0 1px 0 #1a1b21,inset 0 1px 0 #fffdf0;color:#1a1b21;line-height:21px}
 :root:root:root body.th-a3.th-plat .a3-p>.a3-lb::after{content:"";flex:1 1 0;min-width:28px;height:11px;margin-left:8px;background:var(--w-pin) 0 1px/100% 9px no-repeat}
 :root:root:root body.th-a3.th-plat .a3-p>.a3-lb>*{background:transparent}
 :root:root:root body.th-a3.th-plat .a3-p>.a3-lb>.a3-dot{flex:1 1 0;min-width:52px;width:auto;height:11px;padding:0;margin:0 8px 0 0!important;border-radius:0;
   background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Crect x='.5' y='.5' width='10' height='10' fill='%23f4eee0' stroke='%231a1b21'/%3E%3Cpath d='M1.5 9.5V1.5H9.5' fill='none' stroke='%23fffdf0'/%3E%3C/svg%3E") 8px 0/11px 11px no-repeat,
    linear-gradient(90deg,var(--w-pane) 0 calc(8px + 11px + 4px),transparent 0) 0 0/100% 100% no-repeat,var(--w-pin) 0 1px/100% 9px no-repeat;box-shadow:none!important}
 :root:root:root body.th-a3.th-plat .a3-p>.a3-lb .a3-hr{order:1;flex:none;margin-left:8px!important;border-left-color:#b8b2a6!important;color:#515051}
}
/* phones: the label keeps live's exact place and size on the frame, just in platinum: ink text on a plate that is page
   above the frame line and pane below it, and an ink dot. no stripes, no close box */
@media(max-width:699.98px){
 :root:root:root body.th-a3.th-plat .a3-p>.a3-lb{background:linear-gradient(180deg,var(--w-bg0) 50%,var(--w-pane) 50%);color:#1a1b21;text-shadow:none}
 :root:root:root body.th-a3.th-plat .a3-p>.a3-lb>*{background:transparent}
 :root:root:root body.th-a3.th-plat .a3-p>.a3-lb>.a3-dot{background:#1a1b21;box-shadow:none!important}
 :root:root:root body.th-a3.th-plat .a3-p>.a3-lb .a3-hr{border-left-color:#b8b2a6!important;color:#515051}
}
/* the board is the desktop: a 1-bit dither, sunk into the window */
body.th-a3.th-plat .ls-g{background:var(--w-dith) 0 0/4px 4px,var(--w-board)!important;box-shadow:inset 0 0 0 1px #1a1b21,inset 2px 2px 0 #c5bfb1}
body.th-a3.th-plat .ls-wn{background:var(--w-pane);box-shadow:0 0 0 1px #1a1b21}
body.th-a3.th-plat .ls-z{background:var(--w-pane);box-shadow:0 0 0 1px #959087;color:#38383d}
body.th-a3.th-plat .ls-z:hover,body.th-a3.th-plat .ls-c.ls-on .ls-z{background:#1a1b21;color:var(--w-pane);box-shadow:0 0 0 1px #1a1b21}
/* the hover box is a little system window: an ink frame, a pinstriped title band with a close box, a dithered shadow */
body.th-a3.th-plat .ls-tip .ls-rd1{-webkit-backdrop-filter:none;backdrop-filter:none;background:
   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Crect x='.5' y='.5' width='10' height='10' fill='%23f4eee0' stroke='%231a1b21'/%3E%3C/svg%3E") 12px 5px/11px 11px no-repeat,
   var(--w-pin) 30px 6px/calc(100% - 42px) 9px no-repeat,var(--w-pane);
   padding-top:24px;box-shadow:0 0 0 1px #1a1b21,inset 0 20px 0 -19px #1a1b21,var(--w-bevel)}
body.th-a3.th-plat .ls-tip .ls-rd1::after{content:"";position:absolute;inset:4px -4px -4px 4px;z-index:-1;border-radius:10px;background:var(--w-check) 0 0/2px 2px;opacity:.55}
@media(hover:hover){body.th-a3.th-plat a.ls-tip:hover .ls-rd1{box-shadow:0 0 0 1px #1a1b21,inset 0 20px 0 -19px #1a1b21,var(--w-bevel)}}
body.th-a3.th-plat .ls-rd1 .p{border-top-color:#b8b2a6}
/* Numpty's shadow: a dithered ellipse */
body.th-a.th-plat .hp-hero .t7-shadow{opacity:.6;background:var(--w-check) 0 0/2px 2px;-webkit-mask:radial-gradient(closest-side,#000 70%,transparent 72%);mask:radial-gradient(closest-side,#000 70%,transparent 72%)}
/* push buttons and the text field. :is(.btn,#plat-btn) only matches .btn; the dummy id gives it id weight, because style.css's
   button reset ":root :is(.btn,...,#buy)" carries #buy's id weight and beat the plain .btn rule (header "get the weekly" showed the page fill, flat) */
:root:root:root body.th-a3.th-plat :is(.btn,#plat-btn){background:var(--w-pane)!important;color:#1a1b21!important;border-color:#1a1b21!important;box-shadow:inset -1px -1px 0 #b8b2a6,inset 1px 1px 0 #fffdf0,1px 1px 0 #1a1b21!important}
:root:root:root body.th-a3.th-plat .np-form button{background:var(--w-pane)!important;color:#1a1b21!important;box-shadow:inset 1px 0 0 #1a1b21,inset -1px -1px 0 #b8b2a6,inset 2px 1px 0 #fffdf0!important}
:root:root:root body.th-a.th-a3.th-plat :is(.btn,#plat-btn):hover{background:#1a1b21!important;color:var(--w-pane)!important;box-shadow:1px 1px 0 #1a1b21!important}
:root:root:root body.th-a3.th-plat :is(.btn.on,#plat-btn.on){background:#1a1b21!important;color:var(--w-pane)!important;box-shadow:1px 1px 0 #1a1b21!important}
:root:root:root body.th-a.th-a3.th-plat .np-form button:hover{background:#1a1b21!important;color:var(--w-pane)!important;box-shadow:none!important}
:root:root:root body.th-a3.th-plat .np-form{border-color:#1a1b21!important;background:#fffbee!important;box-shadow:inset 1px 1px 0 #b8b2a6,1px 1px 0 #1a1b21!important}
:root:root:root body.th-a3.th-plat .np-form:focus-within{box-shadow:inset 1px 1px 0 #b8b2a6,0 0 0 2px var(--w-acc)!important}
:root:root:root body.th-a3.th-plat .digest input[type=email]{background:#fffbee!important;border-color:#1a1b21!important;box-shadow:inset 1px 1px 0 #b8b2a6!important}
:root:root:root body.th-a3.th-plat .np-chip{background:var(--w-pane)!important;border-color:#1a1b21!important;box-shadow:var(--w-bevel)!important;color:#1a1b21!important}
/* readout and footer strip */
body.th-a3.th-plat .a3-ro,body.th-a3.th-plat .a3-ro-i{border-color:#b8b2a6!important}
:root:root body.th-a3.th-plat footer .sl{background:var(--w-pane)!important;border-color:#1a1b21!important;box-shadow:var(--w-bevel),2px 2px 0 #1a1b21}
:root:root body.th-a3.th-plat footer .sl>*{border-color:#b8b2a6!important}
:root:root body.th-a3.th-plat footer .sl>.sl-m{background:#1a1b21!important;color:var(--w-pane)!important}
:root:root body.th-a3.th-plat footer .sl-sp{background:var(--w-pin) 0 50%/100% 9px no-repeat}
/* status bar: the menu bar again, ink on platinum */
body.th-a3.th-plat .vx-status{background:var(--w-pane);color:#1a1b21;box-shadow:inset 0 1px 0 #1a1b21,inset 0 2px 0 #fffdf0}
body.th-a3.th-plat .vx-status>span{border-right-color:#b8b2a6}
body.th-a3.th-plat .vx-status .vx-mode{background:#1a1b21;color:var(--w-pane)}
/* ---- shared fixes (Oct 22) ---- */
/* the hover score: Doto's dot matrix reads light on platinum, so the digits get full ink and a hair of stroke */
body.th-a3.th-plat .ls-rs b{color:#111216;-webkit-text-stroke:.55px #111216;paint-order:stroke fill}
body.th-a3.th-plat .ls-rs small{color:#515051}
/* the board's cluster decorations (each version's .ls-c::before / ::after) paint under the tools: the tool list is lifted
   one step (it is already its own layer whenever it drifts, so the tools' stacking among themselves is unchanged) */
:root:root body.th-a3.th-plat .ls-c>.ls-ns{z-index:1}

/* hand 2. themes/a3-plat-min-a.css */
/* ===== plat-min-a (Oct 22 2026, Andrew on plat-classic: "the circles around the rankings pages dont really look good ...
   mock up a few others keeping in theme with a minimal design. also work something in with color grading"). site-wide since brand-platinum =====
   plat-classic's warm platinum desktop and windows, graded warm-to-cool (warm.py GRADES: paper keeps a warm ivory cast, the
   inks and shadows lean cool graphite; the oranges are untouched), with a soft lens wash over the page. the rankings board
   loses every ring: each cluster is held together by spacing and a soft pool of shade under it, spokes are single solid
   hairlines, tools sit on a soft contact shadow. orange only for crowns, the winner's ring and the hovered cluster.
   colours and textures only. */
:root:root body.th-a3.th-plat{
 --pc-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Crect width='1' height='1' fill='%231a1b21' fill-opacity='.04'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%231a1b21' fill-opacity='.04'/%3E%3C/svg%3E");
 --pm-ink:26,27,33;--pm-cool:44,50,63}
/* the grade's lens: warm light from the top, a cool fall-off toward the bottom and the corners, over everything */
body.th-a3.th-plat::before{content:"";position:fixed;inset:0;z-index:9990;pointer-events:none;mix-blend-mode:soft-light;
 background:radial-gradient(ellipse 120% 85% at 50% 18%,rgba(249,238,217,.38),rgba(249,238,217,0) 62%),
  linear-gradient(180deg,rgba(250,240,220,.25) 0%,rgba(124,124,123,0) 40%,rgba(49,57,75,.42) 100%),
  radial-gradient(ellipse 110% 100% at 50% 45%,rgba(0,0,0,0) 58%,rgba(32,38,53,.42) 100%)}
/* windows: the hard ink shadow keeps, with a soft cool fall-off under it; panes catch a faint light at the top */
:root:root:root body.th-a3.th-plat .a3-p{box-shadow:var(--w-bevel),3px 3px 0 #1a1b21,8px 10px 24px rgba(var(--pm-cool),.16)!important;
 background-image:linear-gradient(180deg,rgba(255,253,240,0) 21px,rgba(255,253,240,.55) 22px,rgba(255,253,240,0) 240px)!important}
:root:root:root body.th-a3.th-plat .a3-p.a3-w-sc{box-shadow:var(--w-bevel),5px 5px 0 #1a1b21,12px 16px 34px rgba(var(--pm-cool),.2)!important}

/* ---- the board: a soft lit well, no grid, no rings ---- */
:root:root body.th-a3.th-plat .ls-g{background:
  radial-gradient(ellipse 70% 60% at 40% 32%,rgba(255,250,234,.75),rgba(255,250,234,0) 72%),
  radial-gradient(ellipse 70% 60% at 78% 92%,rgba(var(--pm-cool),.09),rgba(var(--pm-cool),0) 70%),
  var(--pc-grain) 0 0/2px 2px,#e7e1d2!important;
 box-shadow:inset 0 0 0 1px #1a1b21,inset 2px 2px 0 1px #ada89d,inset -1px -1px 0 1px #fffdf0,inset 0 0 120px rgba(var(--pm-cool),.14),inset 0 0 26px rgba(var(--pm-cool),.07)!important}
/* every cluster: a soft pool of shade under the group, a touch below centre like a shadow; nothing else */
:root:root body.th-a3.th-plat .ls-c::before{content:none}
:root:root body.th-a3.th-plat .ls-c::after{content:"";position:absolute;left:calc(var(--cx)*1%);top:calc(var(--cy)*1%);transform:translate(-50%,-47%);
 width:calc(var(--u)*250);height:calc(var(--u)*220);border-radius:50%;pointer-events:none;z-index:0;opacity:1;transition:opacity .4s,background .4s;
 background:radial-gradient(closest-side,rgba(var(--pm-cool),.2),rgba(var(--pm-cool),.12) 38%,rgba(var(--pm-cool),.04) 70%,rgba(var(--pm-cool),0))}
:root:root body.th-a3.th-plat .ls-c.ls-on::after{background:radial-gradient(closest-side,rgba(168,63,11,.16),rgba(168,63,11,.085) 38%,rgba(168,63,11,.025) 70%,rgba(168,63,11,0))}
.ls-hv .ls-c:not(.ls-on)::after{opacity:.45}
/* spokes: one solid hairline, a little stronger for the stronger tools; the hovered cluster's turn orange */
:root:root body.th-a3.th-plat .ls-n::before{background:rgba(var(--pm-ink),calc(.13 + var(--g)*.17))}
:root:root body.th-a3.th-plat .ls-c.ls-on .ls-n::before{background:linear-gradient(90deg,rgba(168,63,11,.3),rgba(168,63,11,.7))}
/* tools: no ring, a soft contact shadow; the winner keeps a platinum gap and a fine orange ring */
:root:root body.th-a3.th-plat .ls-n a{box-shadow:0 1px 1px rgba(var(--pm-ink),.18),0 3px 8px rgba(var(--pm-cool),calc(.08 + var(--g)*.12))}
:root:root body.th-a3.th-plat .ls-ld a{box-shadow:0 0 0 2.5px #f7f0e2,0 0 0 4px #a83f0b,0 6px 16px rgba(var(--pm-cool),.26),0 2px 3px rgba(var(--pm-ink),.18)}
:root:root body.th-a3.th-plat .ls-n.ls-on a{box-shadow:0 0 0 2px #f7f0e2,0 0 0 3.5px #a83f0b,0 8px 18px rgba(var(--pm-cool),.28)}
:root:root body.th-a3.th-plat .ls-un a{box-shadow:none;outline-color:#515051}
:root:root body.th-a3.th-plat .ls-cr{color:#a83f0b;filter:drop-shadow(0 1px 1px rgba(26,27,33,.35))}
/* winner tags and cluster labels: the same little plates, a fine frame and a soft shadow; the hovered / zoomed label inverts */
:root:root body.th-a3.th-plat .ls-wn{background:#f7f0e2;color:#1a1b21;text-shadow:none;box-shadow:0 0 0 1px rgba(var(--pm-ink),.8),0 3px 8px rgba(var(--pm-cool),.16)}
:root:root body.th-a3.th-plat .ls-wn b{color:#a83f0b}
:root:root body.th-a3.th-plat .ls-z{background:#f7f0e2;color:#303136;box-shadow:0 0 0 1px rgba(var(--pm-ink),.45),0 2px 6px rgba(var(--pm-cool),.12)}
:root:root body.th-a3.th-plat .ls-z:hover,:root:root body.th-a3.th-plat .ls-c.ls-on .ls-z{background:#1a1b21;color:#f4eee0;box-shadow:0 0 0 1px #1a1b21,0 3px 10px rgba(168,63,11,.25)}
/* zoomed: the pool opens out into a soft field round the winner, still no lines */
:root:root body.th-a3.th-plat .ls-c.ls-f::after{width:calc(var(--u)*380);height:calc(var(--u)*340);transform:translate(-50%,-48%);
 background:radial-gradient(closest-side,rgba(255,252,238,.6),rgba(255,252,238,.2) 40%,rgba(var(--pm-ink),.05) 75%,rgba(var(--pm-ink),0))}
:root:root body.th-a3.th-plat .ls-f .ls-n::before{background:rgba(var(--pm-ink),calc(.16 + var(--g)*.18))}
:root:root body.th-a3.th-plat .ls-zb .ls-back{background:#f7f0e2;color:#1a1b21;box-shadow:0 0 0 1px #1a1b21,inset 1px 1px 0 #fffdf0,inset -1px -1px 0 #b8b2a6,0 3px 8px rgba(var(--pm-cool),.18)}
:root:root body.th-a3.th-plat .ls-zb .ls-back:hover{background:#1a1b21;color:#f4eee0}
/* the hover window: plat-classic's ink frame, with a soft cool shadow in place of the dither */
:root:root body.th-a3.th-plat .ls-tip .ls-rd1{box-shadow:0 0 0 1px #1a1b21,inset 0 20px 0 -19px #1a1b21,var(--w-bevel),0 14px 34px rgba(var(--pm-cool),.24),0 3px 8px rgba(var(--pm-ink),.12)}
:root:root body.th-a3.th-plat .ls-tip .ls-rd1::after{content:none}
@media(hover:hover){:root:root body.th-a3.th-plat a.ls-tip:hover .ls-rd1{box-shadow:0 0 0 1px #1a1b21,0 0 0 2px #a83f0b,inset 0 20px 0 -19px #1a1b21,var(--w-bevel),0 14px 34px rgba(var(--pm-cool),.26)}}
:root:root body.th-a3.th-plat .ls-rl .a3-lg{box-shadow:0 0 0 1px rgba(var(--pm-ink),.7),0 2px 5px rgba(var(--pm-cool),.18)}
@media(max-width:699.98px){
 :root:root:root body.th-a3.th-plat .a3-p{background-image:none!important}
 :root:root body.th-a3.th-plat .ls-c:not(.ls-f)::after{width:calc(var(--u)*330);height:calc(var(--u)*300)}
 :root:root body.th-a3.th-plat .ls-c:not(.ls-f) .ls-n:not(.ls-ld) a{box-shadow:none}
 :root:root body.th-a3.th-plat .ls-g{box-shadow:inset 0 0 0 1px #1a1b21,inset 2px 2px 0 1px #ada89d,inset -1px -1px 0 1px #fffdf0,inset 0 0 50px rgba(var(--pm-cool),.16)!important}
 :root:root body.th-a3.th-plat .ls-g{background-size:auto,auto,0 0,auto!important}
}

/* hand 3. themes/a3-plat-grade-b.css */
/* ===== plat-grade-b: depth (Oct 22 2026, Andrew on plat-min-a: "any other color branding on the home page? needs to be
   subtle" ... "keep it in line with number 1. color scheme" ... "just subtle grading"). site-wide since brand-platinum =====
   plat-min-a exactly (this sheet is added after themes/a3-plat-min-a.css, warm.py BASES), re-graded inside its own palette:
   the same ivory / graphite split tone on a slightly richer curve (warm.py GRADES: the mids and inks sit a touch deeper),
   a deeper graphite vignette (the lens) round the page edges and inside the board well, and a gentle top-to-bottom tone across every
   window pane (lit under the title bar, a breath of graphite at the foot). no new hue; colours only. */
body.th-a3.th-plat::before{
 background:linear-gradient(180deg,rgba(124,124,123,0) 36%,rgba(49,57,75,.5) 100%),
  radial-gradient(ellipse 105% 96% at 50% 46%,rgba(0,0,0,0) 50%,rgba(32,38,53,.56) 100%)}
body.th-a.th-a3.th-plat{background:radial-gradient(ellipse 115% 75% at 50% 0%,rgba(255,250,234,.5),rgba(255,250,234,0) 68%) fixed,var(--w-bg0)}
:root:root:root body.th-a3.th-plat .a3-p{background-image:
  linear-gradient(180deg,rgba(255,253,240,0) 21px,rgba(255,253,240,.6) 22px,rgba(255,253,240,0) 240px),
  linear-gradient(180deg,rgba(var(--pm-cool),0) 45%,rgba(var(--pm-cool),.055) 100%)!important}
:root:root body.th-a3.th-plat .ls-g{box-shadow:inset 0 0 0 1px #1a1b21,inset 2px 2px 0 1px #ada89d,inset -1px -1px 0 1px #fffdf0,inset 0 0 150px rgba(var(--pm-cool),.22),inset 0 0 34px rgba(var(--pm-cool),.1)!important}
@media(max-width:699.98px){
 :root:root:root body.th-a3.th-plat .a3-p{background-image:linear-gradient(180deg,rgba(var(--pm-cool),0) 50%,rgba(var(--pm-cool),.05) 100%)!important}
 :root:root body.th-a3.th-plat .ls-g{box-shadow:inset 0 0 0 1px #1a1b21,inset 2px 2px 0 1px #ada89d,inset -1px -1px 0 1px #fffdf0,inset 0 0 64px rgba(var(--pm-cool),.24)!important}
}

/* hand 4. themes/a3-plat-site.css (every page) */
/* ===== platinum, site-wide (brand-platinum, Oct 22 2026, Andrew: "go make the changes ... a preview of the whole site").
   the homepage layers above (a3-warm, plat-min-a, plat-grade-b) were written for index.html; on every other page the
   build-time mirror does the colour swap and this sheet fixes what the swap can't know. colours only: no fonts, box shapes,
   sizes or positions. ===== */
/* logo tiles: the logos are drawn for the dark look's white tile, so they keep a white tile (the swap made it ink) */
:root:root:root body.th-plat .mono.has-logo,:root:root:root body.th-plat .card.mini:hover .mono.has-logo{background:#fff!important;border-color:#959087}
/* code-block punctuation (toc '##', spec-sheet ':'): the swapped grey was 2.9:1 on the pane; full muted ink */
body.th-plat .cc-toc .hh,body.th-plat #specs .sheet.code .srow dt .co{color:#515051}
/* the framed boxes that aren't panes (the small newsletter box section.digest.sm, the footer disclosure, the 404 code box,
   code frames .cframe; the dark look draws them exactly like a pane): the same window as every pane, ink frame, pane,
   bevel, hard ink shadow with the soft cool fall-off, the depth tone down the pane. their legend (.cc-t) is a little plate
   on the frame line, half page, half pane, like the panes' labels on phones; on desktop / tablet the newsletter box's legend
   becomes the pinstriped title bar inside the top of its 32px padding, like the panes' */
:root:root:root:root body.th-plat :is(.digest.sm,.foot-disc,.cc-404,.cframe):not(.a3-p):not(.a3-p *){border-color:#1a1b21!important;background-color:var(--w-pane)!important;
 background-image:linear-gradient(180deg,rgba(255,253,240,0) 21px,rgba(255,253,240,.6) 22px,rgba(255,253,240,0) 240px),
  linear-gradient(180deg,rgba(var(--pm-cool),0) 45%,rgba(var(--pm-cool),.055) 100%)!important;
 box-shadow:var(--w-bevel),3px 3px 0 #1a1b21,8px 10px 24px rgba(var(--pm-cool),.16)!important}
:root:root:root:root body.th-plat :is(.digest.sm,.foot-disc,.cc-404,.cframe):not(.a3-p):not(.a3-p *):is(:hover,:focus-within){border-color:#1a1b21!important}
:root:root:root:root body.th-plat :is(.digest.sm,.foot-disc,.cc-404,.cframe):not(.a3-p):not(.a3-p *)>.cc-t{background:linear-gradient(180deg,var(--w-bg0) 50%,var(--w-pane) 50%)!important;color:#1a1b21!important}
:root:root:root:root body.th-plat :is(.digest.sm,.foot-disc,.cc-404,.cframe):not(.a3-p):not(.a3-p *)>.cc-t::before{background:#1a1b21!important;box-shadow:none!important}
@media(min-width:700px){
 :root:root:root:root:root body.th-plat section.digest.sm:not(.a3-p):not(.a3-p *)>.cc-t{top:0!important;left:0!important;right:0!important;max-width:none!important;width:auto!important;height:21px;padding:0 8px!important;gap:0;justify-content:center;transform:none!important;
   border-radius:9px 9px 0 0;background:var(--w-pane)!important;box-shadow:0 1px 0 #1a1b21,inset 0 1px 0 #fffdf0;color:#1a1b21!important;line-height:21px!important}
 :root:root:root:root:root body.th-plat section.digest.sm:not(.a3-p):not(.a3-p *)>.cc-t::before{flex:1 1 0!important;min-width:52px;width:auto!important;height:11px!important;margin:0 8px 0 0!important;border-radius:0!important;
   background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' shape-rendering='crispEdges'%3E%3Crect x='.5' y='.5' width='10' height='10' fill='%23f4eee0' stroke='%231a1b21'/%3E%3Cpath d='M1.5 9.5V1.5H9.5' fill='none' stroke='%23fffdf0'/%3E%3C/svg%3E") 8px 0/11px 11px no-repeat,
    linear-gradient(90deg,var(--w-pane) 0 calc(8px + 11px + 4px),transparent 0) 0 0/100% 100% no-repeat,var(--w-pin) 0 1px/100% 9px no-repeat!important;box-shadow:none!important}
 :root:root:root:root:root body.th-plat section.digest.sm:not(.a3-p):not(.a3-p *)>.cc-t::after{content:"";flex:1 1 0;min-width:28px;height:11px;margin-left:8px;background:var(--w-pin) 0 1px/100% 9px no-repeat}
}
@media(max-width:699.98px){
 :root:root:root:root body.th-plat :is(.digest.sm,.foot-disc,.cc-404,.cframe):not(.a3-p):not(.a3-p *){background-image:linear-gradient(180deg,rgba(var(--pm-cool),0) 50%,rgba(var(--pm-cool),.05) 100%)!important}
}
/* hovered / focused cards: the swap's raised step was a hair too deep for the orange links in them (4.49:1); one step lighter */
:root:root:root:root body.th-plat :is(.card.panel,.card.mini,.glinks a,.glist>li,.cm-tap,.alt3 a):not(.ns,.sticker,.lt,.cc,.sheet,.tbl,.digest,.cframe):is(:hover,:focus-within){background:#e5dfd0!important}
/* plat-fixes-1 (Andrew, Oct 22): one logo treatment on the scores board. every node (winners too, and the hover card's copy)
   shows the background-free ink glyph from themes/logo_discs.py in the same small paper circle with a thin ink ring; baked-in
   black/white plates are gone, so nothing clashes. sizes, positions and the phone overview's dots are unchanged */
:root:root:root body.th-a3.th-plat .a3-lg.a3-lgd{background:#f4eddd!important;box-shadow:inset 0 0 0 1px #16181f}
:root:root:root body.th-a3.th-plat .a3-lg.a3-lgd img{object-fit:contain;filter:none!important}
:root:root:root body.th-a3.th-plat .ls-n .a3-lg.a3-lgd img{opacity:calc(.55 + var(--g)*.45)}
:root:root:root body.th-a3.th-plat .ls-ld .a3-lg.a3-lgd img,:root:root:root body.th-a3.th-plat .ls-n.ls-on .a3-lg.a3-lgd img,:root:root:root body.th-a3.th-plat .ls-n a:focus-visible .a3-lg.a3-lgd img,:root:root:root body.th-a3.th-plat .ls-rl .a3-lg.a3-lgd img{opacity:1}
:root:root:root body.th-a3.th-plat .ls-rl .a3-lg.a3-lgd{box-shadow:inset 0 0 0 1px #16181f,0 2px 5px rgba(var(--pm-cool),.18)}
@media(max-width:699.98px){
 :root:root:root:root body.th-a3.th-plat .ls-c:not(.ls-f) .ls-n:not(.ls-ld) .a3-lg.a3-lgd{box-shadow:none}
 :root:root:root:root body.th-a3.th-plat .ls-c:not(.ls-f) .ls-n:not(.ls-ld) .a3-lg.a3-lgd img{opacity:0}
}
/* plat-fixes-2 (Oct 22). badges: the dark look's white plate behind every badge (a 4px #fff outline) mirrored to near-black
   #101218. the badges are already paper with a thin ink ring, so they sit on nothing; the /badge/ preview tiles are
   platinum windows (#f4eddd) with a thin ink border and ink captions */
:root:root:root body.th-plat img[src^="/badges/"],:root:root:root body.th-plat img[src^="/badge/"]{background:none!important;outline:0!important}
:root:root:root body.th-plat .bdg-prev figure,:root:root:root body.th-plat .bdg-prev figure.dk{background:#f4eddd!important;border:1px solid #16181f!important;color:#16181f!important}
:root:root:root body.th-plat .bdg-prev figure figcaption,:root:root:root body.th-plat .bdg-prev figure.dk figcaption{color:#16181f!important}
/* hero subtitle ("plus the weekly. not for sale."): the dark look set it in plain Doto 500 #878684 with no glow (themes/a3.css),
   so nothing to restore; Doto's dots read thinner on paper, so a slightly darker ink (was #44464c). font unchanged */
:root:root:root body.th-a3.th-plat .a3-hero h1.n9-h1 .a3-sub{color:#2e313b}
/* plat-fixes-3 (Andrew, Oct 22): the board's zoom buttons ('<- back to the cloud', 'open <cluster> ->') and the phone header's
   '...' menu button are numptr's platinum button, like .btn and the try: chips: square corners, paper fill, ink border,
   1px bevel. the cluster label chips and the tools' name tags stay as they are (they're part of the board's look) */
:root:root:root body.th-a3.th-plat .ls-zb .ls-back{border-radius:0;background:#f4eddd;color:#16181f;box-shadow:0 0 0 1px #16181f,inset 1px 1px 0 #fffdf0,inset -1px -1px 0 #b8b2a6,1px 1px 0 1px #16181f}
@media(hover:hover){:root:root:root body.th-a3.th-plat .ls-zb .ls-back:hover{background:#16181f;color:#f4eddd;box-shadow:0 0 0 1px #16181f,1px 1px 0 1px #16181f}}
:root:root:root body.th-a3.th-plat .ls-zb .ls-back:focus-visible{outline:2px solid #a83f0b;outline-offset:3px}
@media(max-width:699.98px){
 :root:root:root body.th-a3.th-plat .ax-mm>summary.mm-t{border-radius:0;border-color:#16181f!important;background-color:#f4eddd!important;box-shadow:inset 1px 1px 0 #fffdf0,inset -1px -1px 0 #b8b2a6,1px 1px 0 #16181f}
}
/* plat-fixes-5 (Andrew, Oct 22: every button / pill on the cloud square like the site's buttons): the cluster label chips,
   the winners' name + score tags and the tool card are square-cornered too, in overview, zoom and on phones. colours, borders
   and sizes unchanged. the logo discs stay round (they're icons, not buttons) */
:root:root:root body.th-a3.th-plat .ls-z,:root:root:root body.th-a3.th-plat .ls-wn,:root:root:root body.th-a3.th-plat .ls-tip .ls-rd1,
:root:root:root body.th-a3.th-plat .ls-tip .ls-rd1::after,:root:root:root body.th-a3.th-plat .a3-skip{border-radius:0}
/* plat-fixes-5 (Andrew, Oct 22: the stats strip's numbers look thinner than the dark version's): same Doto, size, spacing,
   alignment and ink glow, one step up Doto's weight axis (the woff2 is the variable 100-900 font, so no new file). dark ink
   on paper reads lighter than white dots on black at the same weight; at 500 the dots cover ~1.1x what the dark strip's did
   (fixes5/stats.py), so the counts and the h/m clock read as heavy as they used to. Doto is monospaced: widths unchanged */
:root:root:root body.th-a3.th-plat .a3-ro-i b{font-weight:500}
/* plat-fixes-6 (Andrew, Oct 22 9:23pm: still not heavy enough, lean bolder): Doto 700 (same variable file, 100-900 wght axis).
   ink coverage ~1.85x the dark strip's (500 was ~1.15x), so the dark-on-paper dots read as chunky as the dark version's white
   ones with their glow. Doto is monospaced: the same digit widths and left edges at 700 (checked in chromium and webkit) */
:root:root:root:root body.th-a3.th-plat .a3-ro-i b{font-weight:700}
/* plat-fixes-6 (Andrew, Oct 22 8:20pm: the category labels shouldn't look like buttons at all): plain ink text, same mono
   face and size, no fill, border, shadow or box, in the overview, the zoomed header and while a cluster is hovered. still the
   zoom button (click / tap / keys): pointer cursor, underlined on hover and on keyboard focus. the padding stays as an
   invisible tap area. a tight halo in the board's own paper colour keeps the words readable over spokes and logos */
:root:root:root:root body.th-a3.th-plat .ls-c .ls-z,:root:root:root:root body.th-a3.th-plat .ls-c .ls-z:hover,
:root:root:root:root body.th-a3.th-plat .ls-c.ls-on .ls-z,:root:root:root:root body.th-a3.th-plat .ls-c .ls-z:focus-visible{
 background:none!important;box-shadow:none!important;border:0!important;border-radius:0;outline:none;color:#1a1b21!important;cursor:pointer;
 text-decoration:none;text-underline-offset:3px;text-decoration-thickness:1px;
 text-shadow:0 0 2px #e7e1d2,0 0 2px #e7e1d2,0 0 4px #e7e1d2,1px 0 0 #e7e1d2,-1px 0 0 #e7e1d2,0 1px 0 #e7e1d2,0 -1px 0 #e7e1d2;transition:none}
@media(hover:hover){:root:root:root:root body.th-a3.th-plat .ls-c .ls-z:hover{text-decoration:underline}}
:root:root:root:root body.th-a3.th-plat .ls-c .ls-z:focus-visible{text-decoration:underline;text-decoration-thickness:2px}
/* plat-fixes-6 (Andrew, Oct 22 9:12pm: the board's grading and shadows are too dark and don't fit the site): the board well
   stays in the page's warm paper family. the ivory-to-graphite grade (plat-min-a + plat-grade-b's lens) becomes a light
   warm one: paper #ece5d6, the same lit patch top-left, a faint warm shade bottom-right, and an inset vignette in warm ink
   (122,100,70) instead of graphite, smaller and lighter, so the darkest corner is a light warm grey (no darker than ~#d3cdbe).
   the ink frame line stays (every pane has one); its inner bevel is lighter. the clusters' shade pools, the logo discs', name
   tags' and card's drop shadows are smaller, lower and warm ink, not graphite. lines, discs, labels, tags unchanged */
body.th-a3.th-plat{--pf-sh:104,97,89}
:root:root:root:root body.th-a3.th-plat .ls-g{background:
  radial-gradient(ellipse 70% 60% at 40% 32%,rgba(255,252,238,.7),rgba(255,252,238,0) 72%),
  radial-gradient(ellipse 70% 60% at 78% 92%,rgba(var(--pf-sh),.045),rgba(var(--pf-sh),0) 70%),
  var(--pc-grain) 0 0/2px 2px,#ece5d6!important;
 box-shadow:inset 0 0 0 1px #1a1b21,inset 2px 2px 0 1px #d0c9ba,inset -1px -1px 0 1px #fffdf0,inset 0 0 80px rgba(var(--pf-sh),.08),inset 0 0 20px rgba(var(--pf-sh),.04)!important}
:root:root:root:root body.th-a3.th-plat .ls-c::after{background:radial-gradient(closest-side,rgba(var(--pf-sh),.12),rgba(var(--pf-sh),.07) 38%,rgba(var(--pf-sh),.02) 70%,rgba(var(--pf-sh),0))}
:root:root:root:root body.th-a3.th-plat .ls-c.ls-on::after{background:radial-gradient(closest-side,rgba(168,63,11,.12),rgba(168,63,11,.06) 38%,rgba(168,63,11,.02) 70%,rgba(168,63,11,0))}
:root:root:root:root body.th-a3.th-plat .ls-n a{box-shadow:0 1px 1px rgba(var(--pm-ink),.12),0 2px 5px rgba(var(--pf-sh),calc(.06 + var(--g)*.06))}
:root:root:root:root body.th-a3.th-plat .ls-ld a{box-shadow:0 0 0 2.5px #f7f0e2,0 0 0 4px #a83f0b,0 3px 8px rgba(var(--pf-sh),.18),0 1px 2px rgba(var(--pm-ink),.12)}
:root:root:root:root body.th-a3.th-plat .ls-n.ls-on a{box-shadow:0 0 0 2px #f7f0e2,0 0 0 3.5px #a83f0b,0 4px 10px rgba(var(--pf-sh),.2)}
:root:root:root:root body.th-a3.th-plat .ls-un a{box-shadow:none}
:root:root:root:root body.th-a3.th-plat .ls-wn{box-shadow:0 0 0 1px rgba(var(--pm-ink),.8),0 2px 4px rgba(var(--pf-sh),.12)}
:root:root:root:root body.th-a3.th-plat .ls-tip .ls-rd1{box-shadow:0 0 0 1px #1a1b21,inset 0 20px 0 -19px #1a1b21,var(--w-bevel),0 8px 20px rgba(var(--pf-sh),.16),0 2px 4px rgba(var(--pm-ink),.08)}
@media(hover:hover){:root:root:root:root body.th-a3.th-plat a.ls-tip:hover .ls-rd1{box-shadow:0 0 0 1px #1a1b21,0 0 0 2px #a83f0b,inset 0 20px 0 -19px #1a1b21,var(--w-bevel),0 8px 20px rgba(var(--pf-sh),.18)}}
:root:root:root:root body.th-a3.th-plat .ls-rl .a3-lg{box-shadow:0 0 0 1px rgba(var(--pm-ink),.7),0 1px 3px rgba(var(--pf-sh),.14)}
@media(max-width:699.98px){
 :root:root:root:root body.th-a3.th-plat .ls-g{box-shadow:inset 0 0 0 1px #1a1b21,inset 2px 2px 0 1px #d0c9ba,inset -1px -1px 0 1px #fffdf0,inset 0 0 40px rgba(var(--pf-sh),.08)!important;background-size:auto,auto,0 0,auto!important}
 :root:root:root:root body.th-a3.th-plat .ls-c:not(.ls-f) .ls-n:not(.ls-ld) a{box-shadow:none}
}
/* the labels' halo follows the lighter paper */
:root:root:root:root body.th-a3.th-plat .ls-c .ls-z,:root:root:root:root body.th-a3.th-plat .ls-c .ls-z:hover,:root:root:root:root body.th-a3.th-plat .ls-c.ls-on .ls-z,:root:root:root:root body.th-a3.th-plat .ls-c .ls-z:focus-visible{
 text-shadow:0 0 2px #ece5d6,0 0 2px #ece5d6,0 0 4px #ece5d6,1px 0 0 #ece5d6,-1px 0 0 #ece5d6,0 1px 0 #ece5d6,0 -1px 0 #ece5d6}
