*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0f172a;color:#e2e8f0;line-height:1.5}
header{background:#1e293b;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
h1{font-size:1.1rem;margin:0;cursor:pointer;color:#f97316}main{max-width:820px;margin:auto;padding:16px}
button{background:#334155;color:#e2e8f0;border:0;border-radius:8px;padding:8px 12px;margin:3px;cursor:pointer;font-size:.95rem}button:hover{background:#475569}
.card{background:#1e293b;border-radius:12px;padding:16px;margin:12px 0}.weak{border-left:4px solid #ef4444}.good{border-left:4px solid #22c55e}
.opt{display:block;width:100%;text-align:left;margin:6px 0}.right{background:#166534!important}.wrong{background:#991b1b!important}
.bar{height:6px;background:#334155;border-radius:4px}.bar>i{display:block;height:100%;background:#f97316;border-radius:4px}
.flash{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-size:1.1rem}
code{background:#0f172a;padding:1px 4px;border-radius:4px}footer{text-align:center;font-size:.8rem;color:#94a3b8;padding:16px}.muted{color:#94a3b8;font-size:.9rem}
pre{background:#0f172a;padding:12px;border-radius:8px;overflow-x:auto;font-size:.85rem}