@font-face{font-family:Bricolage;src:url(/assets/fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/assets/fonts/source-sans3-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";src:url(/assets/fonts/source-sans3-latin-ext.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --paper:#F2ECE1; --paper2:#F5EFE4; --card:#FBF8F1;
  --ink:#16222E; --ink2:#46515C; --ink3:#5E6670; --rule:#CFC4B2; --rule2:#E2D9CA;
  --navy:#123C63; --navy-h:#0D2E4D; --on-navy:#FBF8F1;
  --mark:#A8381F;
  --head:"Bricolage",Georgia,serif; --body:"Source Sans 3",system-ui,"Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  color-scheme:light;
}
:root[data-theme=dark]{
  --paper:#12181F; --paper2:#171F28; --card:#1B242E;
  --ink:#ECE6DA; --ink2:#B4B0A6; --ink3:#A19D95; --rule:#33404D; --rule2:#26313C;
  --navy:#E9C77B; --navy-h:#F3D592; --on-navy:#14100A; --mark:#E8775C;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0}
body{background:var(--paper);color:var(--ink);font:400 18px/1.55 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
img{max-width:100%;display:block}
.w{max-width:1120px;margin:0 auto;padding:0 28px}
@media (max-width:620px){.w{padding:0 16px}}
h1,h2,h3{font-family:var(--head);font-weight:700;letter-spacing:-.025em;line-height:1}
.n{font-variant-numeric:tabular-nums}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:2px}

.top{border-bottom:1px solid var(--rule)}
.top .w{display:flex;align-items:baseline;gap:32px;padding-top:22px;padding-bottom:18px}
.logo{font:800 21px/1 var(--head);letter-spacing:-.02em;text-decoration:none}
.logo span{font-weight:400;color:var(--ink3)}
.top nav{display:flex;gap:26px;font-size:16px}
.top nav a{text-decoration:none;color:var(--ink2)}
.top nav a:hover{color:var(--ink);text-decoration:underline}
.top .right{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:15px;color:var(--ink3)}
.langs{display:flex;align-items:center}
.langs a,.langs b{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;padding:0 4px;text-decoration:none}
.langs a{color:var(--ink2)}.langs a:hover{color:var(--ink);text-decoration:underline}
.langs b{color:var(--ink)}
.theme{display:inline-flex;border:1px solid var(--rule);border-radius:999px;padding:3px;background:var(--card)}
.theme button{background:none;border:0;border-radius:999px;color:var(--ink2);font:600 14px/1 var(--body);padding:0 12px;min-height:36px;cursor:pointer}
.theme button:hover{color:var(--ink)}
.theme button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
@media (max-width:760px){.top nav{display:none}}
@media (max-width:620px){.top .w{flex-wrap:wrap;align-items:center;gap:6px 16px;padding-top:12px;padding-bottom:10px}.logo{display:inline-flex;align-items:center;min-height:44px}
.top .right{width:100%;margin-left:0;justify-content:space-between;gap:10px}.theme button{min-height:44px;padding:0 10px}}

.open{padding:72px 0 88px;border-bottom:1px solid var(--rule)}
.open .w{display:grid;grid-template-columns:1fr;gap:72px;align-items:start}
.open h1{font-size:clamp(46px,6.6vw,86px);font-weight:800;max-width:11ch}
.open .intro{margin-top:32px;font-size:21px;line-height:1.5;color:var(--ink2);max-width:36ch}
.open .intro strong{color:var(--ink);font-weight:600}
.act{margin-top:40px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.btn{display:inline-block;background:var(--navy);color:var(--on-navy);text-decoration:none;font:600 17px/1 var(--body);padding:16px 22px;border-radius:4px;transition:background .15s}
.btn:hover{background:var(--navy-h)}
.act .alt{font-size:17px;color:var(--ink2)}
@media (max-width:900px){.open .w{grid-template-columns:1fr;gap:56px}}

.recu{background:var(--card);border:1px solid var(--rule2);padding:26px 26px 30px;font:14px/1.5 var(--mono);color:var(--ink);position:relative;transform:rotate(1.2deg);box-shadow:0 1px 0 var(--rule2),0 18px 30px -22px rgba(22,34,46,.35);margin-top:12px;max-width:360px}
.recu .h{text-align:center;letter-spacing:.18em;font-weight:700}
.recu .s{text-align:center;color:var(--ink3);margin:2px 0 16px}
.recu table{width:100%;border-collapse:collapse;border-top:1px dashed var(--rule);border-bottom:1px dashed var(--rule)}
.recu td{padding:5px 0}
.recu td+td{text-align:right}
.recu .tot{display:flex;justify-content:space-between;font-weight:700;font-size:17px;padding-top:12px}
.recu .foot{color:var(--ink3);text-align:center;margin-top:14px;font-size:12px}
.tampon{position:absolute;left:44%;bottom:18px;border:2px solid var(--mark);color:var(--mark);font:700 13px/1.1 var(--mono);letter-spacing:.06em;padding:6px 8px;transform:rotate(-9deg);opacity:.8;text-align:center}

.regles{padding:64px 0;border-bottom:1px solid var(--rule)}
.regles .w{display:grid;grid-template-columns:220px 1fr;gap:48px}
.regles h2{font-size:28px}
.regles ol{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 56px;counter-reset:r}
.regles li{counter-increment:r;padding-left:44px;position:relative}
.regles li::before{content:counter(r);position:absolute;left:0;top:-4px;font:700 30px/1 var(--head);color:var(--ink3)}
.regles li b{display:block;font-size:19px;margin-bottom:4px}
.regles li span{color:var(--ink2);font-size:16px}
@media (max-width:860px){.regles .w,.regles ol{grid-template-columns:1fr}}

.cat{padding:88px 0 40px}
.cat-h{display:flex;justify-content:space-between;align-items:end;gap:24px;border-bottom:2px solid var(--ink);padding-bottom:16px;margin-bottom:8px;flex-wrap:wrap}
.cat-h h2{font-size:clamp(36px,4.6vw,56px)}
.cat-h p{color:var(--ink2);max-width:38ch;font-size:16px}
.art{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;padding:44px 0;border-bottom:1px solid var(--rule)}
.art .no{font:600 15px/1 var(--mono);color:var(--ink3);padding-top:10px}
.art h3{font-size:40px;margin-bottom:12px}
.art .what{font-size:19px;color:var(--ink2);margin-bottom:24px;max-width:34ch}
.spec{width:100%;border-collapse:collapse;font-size:15px;margin-bottom:24px}
.spec th{text-align:left;font-weight:600;color:var(--ink3);font-size:13px;padding:0 12px 8px 0;border-bottom:1px solid var(--rule)}
.spec td{padding:9px 12px 9px 0;border-bottom:1px solid var(--rule2);vertical-align:top;color:var(--ink2)}
.spec td:first-child{color:var(--ink);width:44%}
.buy{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.prix{font:700 34px/1 var(--head);letter-spacing:-.02em}
.prix small{display:block;font:400 14px/1.3 var(--body);color:var(--ink3);letter-spacing:0;margin-top:6px}
.buy .btn{margin-left:auto}
.free{font-size:16px;color:var(--ink2)}
.shot{margin:0;align-self:start}
.shot img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 1px 2px rgba(20,24,32,.10),0 12px 32px -12px rgba(20,24,32,.35)}
.shot img.petite{max-width:380px;margin:0 auto}
.shot figcaption{font-size:13px;color:var(--ink3);padding:8px 2px 0}
.art.big{grid-template-columns:1fr}
.art.big .shot{margin-top:28px}
.art.big .cols{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.os{font-size:14px;color:var(--ink3);margin:-4px 0 18px}
.bientot{font:600 13px/1 var(--mono);color:var(--mark);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;display:block}
@media (max-width:900px){.art,.art.big{grid-template-columns:1fr;gap:20px}.art.big .cols{grid-template-columns:1fr;gap:8px}.art .no{padding:0}.buy .btn{margin-left:0}}

.gr{padding:72px 0;background:var(--paper2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.gr h2{font-size:36px;margin-bottom:10px}
.gr .lead{color:var(--ink2);margin-bottom:32px;max-width:56ch}
.tab{width:100%;border-collapse:collapse;font-size:16px}
.tab td{padding:14px 16px 14px 0;border-top:1px solid var(--rule)}
.tab td:first-child{font-weight:700;white-space:nowrap;width:1%}
.tab td:nth-child(2){color:var(--ink2)}
.tab td:nth-child(3){color:var(--ink3);font-size:14px;white-space:nowrap}
.tab td:last-child{text-align:right;white-space:nowrap}
.tab a{color:var(--navy);font-weight:600}
@media (max-width:700px){.tab td:nth-child(3){display:none}.tab td:first-child{white-space:normal}}

.calc{padding:80px 0;border-bottom:1px solid var(--rule)}
.calc .w{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.calc h2{font-size:clamp(32px,4vw,46px);margin-bottom:18px}
.calc p{color:var(--ink2);max-width:40ch}
.bars{display:grid;gap:18px;font-size:15px}
.bar{display:grid;grid-template-columns:170px 1fr;gap:4px 16px;align-items:center}
.bar i{display:block;height:26px;background:var(--rule)}
.bar.us i{background:var(--navy)}
.bar em{font-style:normal;color:var(--ink3);font-size:13px;grid-column:2}
.calc .src{font-size:13px;color:var(--ink3);margin-top:20px}
@media (max-width:860px){.calc .w{grid-template-columns:1fr}.bar{grid-template-columns:1fr}.bar em{grid-column:1}}

.qui{padding:80px 0;border-bottom:1px solid var(--rule)}
.qui .w,.faq .w{display:grid;grid-template-columns:220px 1fr;gap:48px}
.qui h2,.faq h2{font-size:28px}
.qui .txt{max-width:62ch;font-size:19px;color:var(--ink2)}
.qui .txt p+p{margin-top:16px}
.qui .txt strong{color:var(--ink);font-weight:600}
.sha{margin-top:16px;font:14px/1.6 var(--mono);background:var(--card);border:1px solid var(--rule2);padding:14px 16px;color:var(--ink2);overflow-wrap:anywhere}
.faq{padding:80px 0}
.faq dl{max-width:64ch}
.faq dt{font-weight:700;font-size:19px;margin-top:28px}
.faq dt:first-child{margin-top:0}
.faq dd{margin:6px 0 0;color:var(--ink2)}
@media (max-width:860px){.qui .w,.faq .w{grid-template-columns:1fr;gap:16px}}

footer{border-top:2px solid var(--ink);padding:28px 0 48px;font-size:15px;color:var(--ink3)}
footer .w{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}
footer a{color:var(--ink2);margin-left:18px}
footer a:first-child{margin-left:0}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#12181F;--paper2:#171F28;--card:#1B242E;--ink:#ECE6DA;--ink2:#B4B0A6;--ink3:#A19D95;--rule:#33404D;--rule2:#26313C;--navy:#E9C77B;--navy-h:#F3D592;--on-navy:#14100A;--mark:#E8775C}}
.dl{margin-top:16px;font-size:15px;color:var(--ink3);display:flex;flex-wrap:wrap;gap:4px 14px}
.dl a{color:var(--ink2)}
.dl a:hover{color:var(--ink)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--card);padding:8px 12px;z-index:10}
.legal{max-width:70ch;padding:64px 0 96px}
.legal h1{font-size:44px;margin-bottom:24px}.legal h2{font-size:24px;margin:32px 0 10px}.legal p,.legal li{color:var(--ink2)}
.feat{padding-left:20px;display:grid;gap:8px;color:var(--ink2)}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:860px){.shots{grid-template-columns:1fr}}
.art h3 a{text-decoration:none}.art h3 a:hover{text-decoration:underline}
.open .os a{color:var(--ink3)}
/* Sur mesure */
.sm{padding:64px 0 88px}
.sm h2{font-size:32px;margin:56px 0 12px}
.sm h2:first-child{margin-top:0}
.sm .sub{color:var(--ink3);font-size:16px}
.offres{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}
.of{border:1px solid var(--rule);background:var(--card);padding:28px 24px;border-radius:10px}
.of h3{font-size:22px}
.of .prix{font-size:30px;font-weight:700;margin:10px 0 18px}
.of ul{padding-left:18px;color:var(--ink2);font-size:16px;line-height:1.5}
.of li+li{margin-top:6px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:64px}
.duo p{color:var(--ink2);font-size:18px;max-width:46ch}
.etapes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:e;margin-top:20px}
.etapes li{counter-increment:e;border-top:2px solid var(--ink);padding-top:14px}
.etapes li::before{content:counter(e);font:700 15px/1 var(--mono);color:var(--ink3);display:block;margin-bottom:10px}
.etapes b{display:block;font-size:19px;margin-bottom:6px}
.etapes span{color:var(--ink2)}
.maint td{padding:14px 0;vertical-align:top}.maint td span{color:var(--ink3);font-size:15px;font-weight:400}.maint td.n{text-align:right;white-space:nowrap;font-weight:600}
.crumb{font-size:14px;color:var(--ink3);margin-bottom:16px}
@media (max-width:820px){.offres,.duo,.etapes{grid-template-columns:1fr}}
/* Téléchargement par système */
.dlz{padding:64px 0;border-top:1px solid var(--rule)}
.dlz h2{font-size:32px}
.dlz .sub{color:var(--ink3);margin:8px 0 24px}
.dlg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;align-items:start}
.dlc{border:1px solid var(--rule);background:var(--card);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:10px}
.dlc h3{font-size:22px;display:flex;align-items:center;gap:10px;margin-bottom:4px}
.dlc .toi{display:none;font:600 12px/1 var(--mono);color:var(--paper,#fff);background:var(--ink);padding:5px 8px;border-radius:99px}
.dlc.moi{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.dlc.moi .toi{display:inline-block}
.dlb{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink);border:1px solid var(--rule2);border-radius:8px;padding:12px 14px}
.dlb:hover,.dlb:focus-visible{border-color:var(--ink);background:var(--paper2,rgba(0,0,0,.03))}
.dlb b{font-size:17px}.dlb small{color:var(--ink3);font-size:14px}
.dlc .aide{font-size:13px;color:var(--ink3);line-height:1.45}
.dlweb{margin-top:20px;color:var(--ink2)}

/* Captures en paire clair / sombre : seule celle du thème actif s'affiche (comme kdl-tech.fr). */
:root:not([data-theme=dark]) .cap-sombre{display:none}
:root[data-theme=dark] .cap-clair{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .cap-clair{display:none}:root:not([data-theme]) .cap-sombre{display:block}}
/* Version, compteur, notes et empreintes de la zone de téléchargement */
.dlz .ver{display:flex;flex-wrap:wrap;gap:6px 18px;margin:-12px 0 22px;font-size:15px;color:var(--ink2)}
.cpt{color:var(--ink2)}
.cpt::before{content:"↓ ";color:var(--ink3)}
.dlz .note{margin-top:14px;font-size:14px;color:var(--ink3);max-width:72ch}
details.sha{margin-top:18px;font-size:14px;color:var(--ink3)}
details.sha summary{cursor:pointer;color:var(--ink2);display:inline-flex;align-items:center;min-height:44px}
details.sha ul{list-style:none;padding:0;margin-top:6px;display:grid;gap:8px}
details.sha li{display:grid;gap:2px}
details.sha li span{color:var(--ink2)}
details.sha code{font:12px/1.4 var(--mono);overflow-wrap:anywhere;color:var(--ink3)}
/* Cibles tactiles >= 44 px sur mobile */
@media (max-width:760px){
  footer .w{flex-direction:column;gap:8px}
  footer .liens{display:flex;flex-wrap:wrap;gap:0 18px}
  footer a{margin-left:0;display:inline-flex;align-items:center;min-height:44px}
  .tab a,.dl a,.open .os a,.crumb a,.dlweb a,.act .alt{display:inline-flex;align-items:center;min-height:44px}
  .dlb{min-height:56px}
}
.btn{min-height:44px}

/* Icônes officielles des apps (A1 Acier) : cadre acier clair, lisible sur les deux fonds */
.avec-ico{display:flex;align-items:center;gap:14px}
.ico{flex:none;width:48px;height:48px;display:inline-block}
.ico-s{width:32px;height:32px}
.ico-l{width:clamp(64px,9vw,96px);height:clamp(64px,9vw,96px)}
h1.avec-ico{gap:18px}
.tab a.avec-ico{display:inline-flex;gap:10px}
:root[data-theme=dark] .ico{filter:drop-shadow(0 0 1px rgba(236,230,218,.35))}
.art h3 a{display:inline-flex;align-items:center;min-height:44px}

/* Harmonie A1 Acier : cartes en surface acier, accent = couleur d'écran de l'icône (--acc, texte AA) */
:root{--acier:#E8E9E6;--acier-bord:#C9CED3}
:root[data-theme=dark]{--acier:#222B36;--acier-bord:#3A4757}
.art.carte{--acc:var(--ink3);border:1px solid var(--acier-bord);border-top:3px solid var(--acc);border-radius:14px;padding:28px;margin:24px 0;
  background:var(--card);background:linear-gradient(180deg,var(--acier) 0,var(--card) 220px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);transition:border-color .15s,box-shadow .15s}
:root[data-theme=dark] .art.carte{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.art.carte:hover,.art.carte:focus-within{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.art.carte .os::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--acc);margin-right:8px;vertical-align:1px}
.art.carte h3 a:hover{color:var(--acc)}
.art.carte .dl a{color:var(--acc)}
.art.carte .shot img{border-radius:10px}
.art.carte .ico,.tab .ico{border-radius:10px}
@media (max-width:620px){.art.carte{padding:20px 16px}}
.tab tr[class^=app-] td:first-child a{color:var(--acc)}
.tab tr[class^=app-]:hover td{background:color-mix(in srgb,var(--acc) 6%,transparent)}
body[class^=app-] .open{border-top:4px solid var(--acc);background:radial-gradient(60% 90% at 100% 0,color-mix(in srgb,var(--acc) 9%,transparent),transparent 70%)}
body[class^=app-] .open .os a,body[class^=app-] .act .alt{color:var(--acc)}
body[class^=app-] .feat li::marker{color:var(--acc)}
body[class^=app-] .dlc.moi{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
body[class^=app-] .dlc .toi{background:var(--acc);color:var(--paper)}
body[class^=app-] .dlb:hover,body[class^=app-] .dlb:focus-visible{border-color:var(--acc)}
body[class^=app-] .faq dt{border-left:3px solid var(--acc);padding-left:12px}
body[class^=app-] .shot img{outline:1px solid var(--acier-bord);outline-offset:-1px}
.buy .free{display:inline-flex;align-items:center;min-height:44px}

/* Accents des apps (générés par build.py depuis les icônes A1 Acier) */
.app-kdl-desk{--acc:#1062C8;--acc-vif:#4f9dff}.app-kdl-memo{--acc:#7F620A;--acc-vif:#ffcc33}.app-kdl-protect{--acc:#C71021;--acc-vif:#ff5d6c}.app-kdl-anti-arnaque{--acc:#C71049;--acc-vif:#ff5d8f}.app-kdl-passwords{--acc:#A34C0D;--acc-vif:#ff9f5a}.app-kdl-pass{--acc:#815C10;--acc-vif:#f7b733}.app-kdl-privacy-browser{--acc:#226F68;--acc-vif:#2ec4b6}.app-kdl-backup-care{--acc:#1160D4;--acc-vif:#3d8bff}.app-kdl-prompt-studio{--acc:#7A37EF;--acc-vif:#b388ff}.app-kdl-qr{--acc:#0E67B0;--acc-vif:#7cc4ff}.app-kdl-shell{--acc:#176F61;--acc-vif:#5eead4}.app-kdl-tpe{--acc:#4E7017;--acc-vif:#a3e635}.app-turbodl{--acc:#AA18C1;--acc-vif:#e879f9}.app-kdl-diag{--acc:#3551EF;--acc-vif:#8b9cff}.app-kdl-coupures{--acc:#76640A;--acc-vif:#ffe14d}.app-kdl-toolbox{--acc:#516680;--acc-vif:#cbd5e1}.app-kdl-tidydesk{--acc:#CA152B;--acc-vif:#fda4af}.app-kdl-security{--acc:#1D723C;--acc-vif:#4ade80}
:root[data-theme=dark]{}
:root[data-theme=dark] .app-kdl-desk{--acc:#4F9DFF}:root[data-theme=dark] .app-kdl-memo{--acc:#FFCC33}:root[data-theme=dark] .app-kdl-protect{--acc:#FF5D6C}:root[data-theme=dark] .app-kdl-anti-arnaque{--acc:#FF5D8F}:root[data-theme=dark] .app-kdl-passwords{--acc:#FF9F5A}:root[data-theme=dark] .app-kdl-pass{--acc:#F7B733}:root[data-theme=dark] .app-kdl-privacy-browser{--acc:#2EC4B6}:root[data-theme=dark] .app-kdl-backup-care{--acc:#4C94FF}:root[data-theme=dark] .app-kdl-prompt-studio{--acc:#B388FF}:root[data-theme=dark] .app-kdl-qr{--acc:#7CC4FF}:root[data-theme=dark] .app-kdl-shell{--acc:#5EEAD4}:root[data-theme=dark] .app-kdl-tpe{--acc:#A3E635}:root[data-theme=dark] .app-turbodl{--acc:#E879F9}:root[data-theme=dark] .app-kdl-diag{--acc:#8B9CFF}:root[data-theme=dark] .app-kdl-coupures{--acc:#FFE14D}:root[data-theme=dark] .app-kdl-toolbox{--acc:#CBD5E1}:root[data-theme=dark] .app-kdl-tidydesk{--acc:#FDA4AF}:root[data-theme=dark] .app-kdl-security{--acc:#4ADE80}