:root{--fg: #111;--bg: #fff;--muted: #777;--line: #ddd;--ok: #111;--bad: #111}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--fg);background:var(--bg);line-height:1.5;font-size:16px;-webkit-text-size-adjust:100%;overflow-wrap:break-word}a{color:inherit}.wrap{max-width:640px;margin:0 auto;padding:24px 20px 80px}.bar{display:flex;align-items:baseline;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:32px}.bar .brand{font-weight:700;letter-spacing:.5px}.bar nav{display:flex;gap:16px}.bar nav a{text-decoration:none;color:var(--muted)}.bar nav a.active{color:var(--fg);text-decoration:underline;text-underline-offset:4px}.bar .spacer{flex:1}.bar .who{color:var(--muted);font-size:14px}h1{font-size:22px;font-weight:700;margin:0 0 24px}h2{font-size:16px;font-weight:700;margin:32px 0 12px}button{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--fg);padding:10px 18px;cursor:pointer;border-radius:0}button:hover:not(:disabled){background:var(--fg);color:var(--bg)}button:disabled{opacity:.4;cursor:default}button.link{border:none;padding:0;text-decoration:underline;background:none}button.link:hover:not(:disabled){background:none;color:var(--fg);text-decoration:none}button.link.muted{color:var(--muted)}button.link.muted:hover:not(:disabled){color:var(--fg)}input[type=email],input[type=text],input[type=password]{font:inherit;padding:10px 12px;border:1px solid var(--fg);border-radius:0;width:100%}.prompt{font-size:20px;font-weight:600;margin-bottom:24px}.answers{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.answer{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.answer.sel{border-color:var(--fg)}.answer.correct{border-color:var(--fg);border-width:2px}.answer.wrong{border-style:dashed}.answer input{margin-top:3px}.answer .mark{margin-left:auto;font-weight:700}.result{margin:8px 0 20px;font-weight:700}.explanation{color:var(--muted);border-left:2px solid var(--line);padding-left:14px;margin-bottom:20px}.muted{color:var(--muted)}.center{text-align:center}.row{display:flex;gap:12px;align-items:center}.between{display:flex;justify-content:space-between;align-items:baseline}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}th{font-weight:600;color:var(--muted)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.barchart{display:flex;flex-direction:column;gap:6px}.barchart .item{display:grid;grid-template-columns:140px 1fr 48px;gap:10px;align-items:center;font-size:14px}.barchart .track{background:var(--line);height:12px}.barchart .fill{background:var(--fg);height:12px}.barchart.wide .item{grid-template-columns:140px 1fr 64px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:16px;margin-bottom:8px}.stat .n{font-size:28px;font-weight:700}.stat .l{color:var(--muted);font-size:13px}.tag-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tag-pills button.on{background:var(--fg);color:var(--bg)}.tag-pills button{font-size:13px;padding:6px 12px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:460px}@media (max-width: 560px){.wrap{padding:18px 16px 64px}.bar{flex-wrap:wrap;gap:12px 16px;align-items:center}.bar .who,.bar .spacer{display:none}.bar nav{gap:14px}.bar nav a{padding:2px 0}.barchart .item{grid-template-columns:96px 1fr 40px;gap:8px;font-size:13px}.barchart.wide .item{grid-template-columns:84px 1fr 56px}.stat-grid{gap:12px}.stat .n{font-size:24px}h1{font-size:20px}.prompt{font-size:18px}.tag-pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:18px;padding-bottom:4px;scrollbar-width:none}.tag-pills::-webkit-scrollbar{display:none}.tag-pills button{flex:0 0 auto;white-space:nowrap}}@supports (padding: max(0px)){.wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}