
#aitest{--ink:#14282e;--muted:#526a70;--line:#c9d6d8;--accent:#0c6f86;--soft:#dcecef;--warm:#bd5a2c;--calm:#3e7d5a;color:var(--ink);max-width:760px;font-size:17px;line-height:1.55;clear:both;padding-top:24px}
#aitest *{box-sizing:border-box}
#aitest p{margin:0}
#aitest .a-lead{color:var(--muted);margin-bottom:20px}
#aitest .a-prog{font-weight:600;font-size:15px;color:var(--muted);margin-bottom:10px}
#aitest .a-list{border-top:2px solid var(--ink)}
#aitest fieldset{border:0;border-bottom:1px solid var(--line);margin:0;padding:18px 0;min-width:0}
#aitest legend{border:0;padding:0;margin:0 0 10px;font-size:18px;line-height:1.4;font-weight:600;float:left;width:100%;color:var(--ink)}
#aitest .a-scale{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#aitest .a-scale label{display:block;min-width:0;margin:0;font-weight:400}
#aitest .a-scale input{position:absolute;opacity:0;width:1px;height:1px}
#aitest .a-scale span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;font-size:16px}
#aitest .a-scale input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
#aitest .a-scale input:focus-visible+span{outline:3px solid var(--warm);outline-offset:2px}
#aitest button{font-weight:600;font-size:16px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;padding:13px 22px;cursor:pointer}
#aitest button.a-ghost{background:transparent;color:var(--accent)}
#aitest .a-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}
#aitest .a-msg{color:var(--warm);font-weight:600}
#aitest .a-result{display:grid;gap:22px;margin-top:28px}
#aitest .a-result[hidden]{display:none}
#aitest .a-result h2,#aitest .a-next h2{margin:0;font-size:24px}
#aitest .a-bar{display:flex;height:22px;border-radius:4px;overflow:hidden;background:var(--line)}
#aitest .a-bar i{display:block;height:100%}
#aitest .b1{background:var(--warm)}#aitest .b2{background:var(--accent)}#aitest .b3{background:var(--calm)}
#aitest .a-leg{display:grid;gap:8px;margin:0;padding:0;list-style:none}
#aitest .a-leg li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:baseline;margin:0;padding:0}
#aitest .a-leg li:before{display:none}
#aitest .a-dot{width:14px;height:14px;border-radius:3px;align-self:center}
#aitest .a-num{font-weight:800}
#aitest .a-tasks{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
#aitest .a-tasks h3{font-size:17px;margin:0 0 6px}
#aitest .a-tasks ul{margin:0;padding-left:18px;color:var(--muted)}
#aitest .a-next{background:var(--soft);padding:18px;border-radius:6px;display:grid;gap:10px}
#aitest .a-next h2{margin:0}
#aitest .a-next ol{margin:0;padding-left:20px}
#aitest a{color:var(--accent)}
#aitest .a-note{font-size:15px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:28px;display:grid;gap:8px}
#aitest .a-tasks ul,#aitest .a-next ol,#aitest .a-leg li,#aitest .a-result p{font-size:17px}#aitest .a-msg{font-size:16px}