#dx-diag{--dx-ink:#111827;--dx-mut:#5B6472;--dx-bg:#FFFFFF;--dx-surf:#F6F7F9;
  --dx-line:#E3E6EB;--dx-acc:#3A47FC;--dx-ok:#0F7B4F;--dx-warn:#8A6100;
  color:var(--dx-ink);font-size:16px;line-height:1.55;max-width:860px;margin:0 auto}
html[data-rvj-theme="dark"] #dx-diag{--dx-ink:#C9D1DC;--dx-mut:#98A1AE;--dx-bg:#0D0F14;
  --dx-surf:#141922;--dx-line:#222A35;--dx-acc:#8E97FF;--dx-ok:#5FC98A;--dx-warn:#E0B463}
html[data-rvj-theme="dark"] #dx-diag button{color:#0D0F14}
html[data-rvj-theme="dark"] #dx-diag button.dx-sec{color:var(--dx-acc)}
#dx-diag *{box-sizing:border-box}
#dx-diag .dx-fam{margin:1.6rem 0 .4rem;font-weight:700;font-size:1.05rem}
#dx-diag .dx-fam small{display:block;font-weight:400;color:var(--dx-mut);font-size:.88rem}
#dx-diag label{display:flex;gap:.7rem;align-items:flex-start;padding:.6rem .8rem;
  border:1px solid var(--dx-line);border-radius:8px;margin:.4rem 0;cursor:pointer;
  background:var(--dx-bg);transition:border-color .15s,background .15s}
#dx-diag label:hover{border-color:var(--dx-acc)}
#dx-diag label.on{border-color:var(--dx-acc);background:var(--dx-surf)}
#dx-diag input{margin-top:.28rem;accent-color:var(--dx-acc);flex:0 0 auto}
#dx-diag .dx-go{margin:1.6rem 0;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
#dx-diag button{font:inherit;font-weight:600;padding:.75rem 1.4rem;border-radius:8px;
  border:1px solid var(--dx-acc);background:var(--dx-acc);color:#fff;cursor:pointer}
#dx-diag button.dx-sec{background:transparent;color:var(--dx-acc)}
#dx-diag .dx-cpt{color:var(--dx-mut);font-size:.92rem}
#dx-diag .dx-res{display:none;margin-top:2rem}
#dx-diag .dx-res.on{display:block}
#dx-diag .dx-bloc{border:1px solid var(--dx-line);border-left:4px solid var(--dx-line);
  border-radius:8px;padding:1.1rem 1.3rem;margin:1rem 0;background:var(--dx-surf)}
#dx-diag .dx-b1{border-left-color:var(--dx-ok)}
#dx-diag .dx-b2{border-left-color:var(--dx-acc)}
#dx-diag .dx-b3{border-left-color:var(--dx-warn)}
#dx-diag .dx-bloc h3{margin:0 0 .5rem;font-size:1.08rem}
#dx-diag .dx-bloc ul{margin:.6rem 0 0;padding-left:1.1rem}
#dx-diag .dx-bloc li{margin:.25rem 0}
#dx-diag .dx-pied{border-top:1px solid var(--dx-line);margin-top:1.6rem;padding-top:1.1rem;
  color:var(--dx-mut);font-size:.95rem}
#dx-diag .dx-pied strong{color:var(--dx-ink)}
@media(max-width:600px){#dx-diag{font-size:15px}#dx-diag label{padding:.55rem .65rem}}