:root{--bg:#f1f5f9;--card:#fff;--ink:#0f172a;--mut:#64748b;--line:#cbd5e1;--acc:#0e7490;--acc2:#14b8a6;--ok:#059669;--no:#dc2626}
@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--card:#111a2e;--ink:#e2e8f0;--mut:#94a3b8;--line:#24324d;--acc:#22d3ee;--acc2:#14b8a6}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.6}
.asq-wrap{max-width:1100px;margin:0 auto;padding:16px}
.asq-head{background:linear-gradient(135deg,#0e7490,#1e3a8a);color:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 10px 30px rgba(15,23,42,.25)}
.asq-head h1{margin:0 0 6px;font-size:clamp(20px,3.2vw,30px);line-height:1.3}
.asq-head p{margin:0;opacity:.9}
.asq-head a{color:#a5f3fc}
.asq-crumb{font-size:14px;margin-bottom:8px}
.asq-load{text-align:center;padding:40px;color:var(--mut)}
.asq-stat{margin:16px 0 8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.asq-stat span{color:var(--mut)}
.asq-rs{margin-inline-start:auto}
.asq-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
.asq-tab,.asq-pb,.asq-rs,.asq-b1,.asq-b2{font:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.asq-tab{padding:6px 12px;white-space:nowrap;font-weight:700;font-size:14px}
.asq-tab.on{background:var(--acc);border-color:var(--acc);color:#fff}
.asq-pal{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;margin:10px 0 14px}
.asq-pb{height:36px;font-weight:700;font-size:13px}
.asq-pb.ok{background:#d1fae5;border-color:var(--ok);color:#065f46}
.asq-pb.no{background:#fee2e2;border-color:var(--no);color:#991b1b}
.asq-pb.cur{outline:3px solid var(--acc2)}
.asq-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.12)}
.asq-top{display:flex;justify-content:space-between;gap:8px;color:var(--mut);font-weight:700;font-size:14px;margin-bottom:8px}
.asq-lv{color:#b45309}
.asq-q{font-size:clamp(16px,2.2vw,20px);font-weight:600;margin-bottom:12px}
.asq-img{display:block;width:100%;height:auto;border-radius:12px;background:#e2e8f0}
.asq-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
@media (max-width:640px){.asq-opts{grid-template-columns:1fr}}
.asq-o{display:flex;gap:10px;align-items:center;text-align:start;font:inherit;padding:12px;border-radius:12px;border:2px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.asq-o i{font-style:normal;font-weight:800;min-width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg)}
.asq-o.sel{border-color:var(--acc)}
.asq-o.ok{border-color:var(--ok);background:rgba(5,150,105,.12)}
.asq-o.no{border-color:var(--no);background:rgba(220,38,38,.1)}
.asq-fb{margin-top:12px;font-weight:700}
.asq-fb.ok{color:var(--ok)}.asq-fb.no{color:var(--no)}
.asq-why{font-weight:500;color:var(--ink);margin-top:6px}
.asq-nav{display:flex;gap:10px;justify-content:space-between;margin-top:16px}
.asq-b1,.asq-b2{padding:10px 18px;font-weight:700}
.asq-b1{background:var(--acc);border-color:var(--acc);color:#fff;flex:1;max-width:260px}
button:disabled{opacity:.45;cursor:default}