@font-face{font-family:Nunito;src:url('assets/Nunito.ttf')}@font-face{font-family:Nunito;src:url('assets/NunitoBold.ttf');font-weight:800}*{box-sizing:border-box}body{margin:0;background:#f7f5fc;color:#25203a;font:17px/1.55 Nunito,system-ui,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #d9cfe9;border-radius:10px;padding:10px 18px;background:white;color:#35234c;font-weight:800}button:hover{background:#f0e7ff}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5c7efa;outline-offset:3px}.primary{background:#682fbe;color:white;border-color:#682fbe}.primary:hover{background:#5625a2}.masthead{background:#682fbe;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - 1240px)/2))}.masthead a{color:inherit;text-decoration:none;font-weight:800;font-size:22px;white-space:nowrap}.brandlight{font-weight:400;opacity:.95}.book{margin-right:10px;font-size:28px}.dots{display:flex;gap:10px;margin-left:20px}.dots i{height:12px;width:12px;background:#ffb419;border-radius:50%}.dots i:nth-child(2){background:#fe5da0}.dots i:nth-child(3){background:#5c7efa}main{max-width:1240px;margin:0 auto;padding:40px 24px 60px}footer{border-top:1px solid #e1d8ed;padding:20px;text-align:center;color:#706581;font-size:13px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:2px;color:#682fbe}h1{font-size:clamp(30px,4vw,48px);line-height:1.18;letter-spacing:-1px;margin:12px 0 20px}h2{font-size:25px;line-height:1.3;margin:0 0 10px}h3{font-size:19px;margin:0 0 10px}.muted{color:#71667e}.intro{max-width:720px}.stats{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.stat{background:#eee5fa;padding:8px 14px;border-radius:30px;font-size:14px;font-weight:800}.papers{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:30px 0}.paper{position:relative;background:#fff;border:1px solid #e4dceb;border-radius:20px;padding:28px;box-shadow:0 8px 24px #4c256507}.paper:before{content:'';position:absolute;inset:0 0 auto;height:6px;border-radius:20px 20px 0 0;background:var(--accent)}.paper .number{font-size:13px;color:#726381;font-weight:800;letter-spacing:1px;margin-bottom:16px}.paper .meta{font-size:14px;margin:18px 0;color:#71667e}.paper button{margin-right:7px;margin-top:8px}.rules{background:#fff4d2;border:1px solid #f4dfa4;border-radius:16px;padding:22px 26px}.rules p{margin:8px 0}.rules details{font-size:15px}.rules summary{cursor:pointer;font-weight:800}.topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.topline h1{font-size:28px;margin:5px 0}.badge{display:inline-block;padding:4px 10px;border-radius:6px;background:#eee5fa;color:#682fbe;font-size:13px;font-weight:800}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px}.question{background:white;border:1px solid #e0d6ea;border-radius:18px;padding:30px}.question .topic{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.scenario{background:#f1ecf9;border-left:4px solid #682fbe;border-radius:6px;padding:18px 20px;margin:18px 0;white-space:pre-wrap}.prompt{font-size:21px;font-weight:800;line-height:1.45;margin:22px 0 8px}.instruction{font-size:14px;color:#786984;margin-bottom:18px}.options{display:grid;gap:12px}.option{display:flex;align-items:flex-start;gap:13px;border:1.5px solid #ddd3e7;border-radius:12px;padding:16px;cursor:pointer;background:white}.option:has(input:checked){border-color:#682fbe;background:#f5effe}.option input{width:20px;height:20px;flex-shrink:0;margin:4px 0 0;accent-color:#682fbe}.letter{font-weight:800;color:#682fbe;min-width:18px}.optiontext{flex:1}.option.correct{border-color:#32996e;background:#eefaf3}.option.wrong{border-color:#d76b86;background:#fff1f5}.why{display:block;font-size:15px;margin-top:8px;color:#52485e}.verdict{font-size:12px;font-weight:800;display:block;letter-spacing:.2px;margin-bottom:3px}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;flex-wrap:wrap}.navpanel{align-self:start;position:sticky;top:18px;background:#fff;border:1px solid #e0d6ea;padding:20px;border-radius:18px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:16px 0}.grid button{padding:7px 0;border-radius:7px;font-size:14px;position:relative}.grid button.answered{background:#eee5fa}.grid button.current{background:#682fbe;color:white;border-color:#682fbe}.grid button.flagged:after{content:'';position:absolute;right:2px;top:2px;width:6px;height:6px;background:#fe5da0;border-radius:50%}.navpanel p{font-size:13px}.navpanel>button{width:100%;margin-top:8px}.progress{height:7px;background:#eee7f6;border-radius:10px;overflow:hidden}.progress div{height:100%;background:#682fbe}.notice{background:#eaf0ff;border-radius:8px;padding:12px 16px;font-size:14px;margin:14px 0}.diagram{width:100%;display:block;background:white;border:1px solid #e2dbea;border-radius:10px;cursor:zoom-in}.diagramaction{font-size:14px;padding:8px 12px;margin:8px 0}.code{white-space:pre-wrap;overflow-wrap:anywhere;background:#222038;color:#f1edf9;border-radius:12px;padding:20px;font:14px/1.65 Consolas,monospace}.flag.active{background:#fde3ef;border-color:#fe5da0}.results{max-width:920px;margin:auto}.resultscore{font-size:60px;font-weight:800;color:#682fbe;line-height:1.2}.resultgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.resultgrid>div{padding:20px;background:white;border:1px solid #e0d6ea;border-radius:14px}.resultgrid strong{font-size:25px;display:block}.resultlist{display:grid;gap:10px}.resultrow{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;gap:15px;padding:14px 20px}.resultrow small{display:block;font-weight:400}.topicresults{margin:20px 0;border-collapse:collapse;width:100%;background:white}.topicresults td,.topicresults th{text-align:left;padding:12px;border-bottom:1px solid #e4dceb}.explanation{background:#eaf0ff;padding:18px;border-radius:12px;margin:22px 0}.source{font-size:13px;color:#706581;overflow-wrap:anywhere}.finish{max-width:820px;margin:auto;background:white;padding:32px;border-radius:20px}.finish .grid{grid-template-columns:repeat(5,1fr)}dialog{width:min(96vw,1600px);max-height:95vh;border:1px solid #c9b6e2;border-radius:16px;padding:18px}dialog::backdrop{background:#241439a8}.dialogbar{display:flex;justify-content:space-between;gap:15px;align-items:center}.dialogbar button{padding:6px 13px}#zoomLabel{padding:0 9px}#diagramViewport{overflow:auto;max-height:72vh;background:#faf9fc;border:1px solid #ddd3e7}#largeDiagram{display:block;max-width:none}.empty{padding:40px;background:white;border-radius:20px}.storagewarning{background:#fff0d0;padding:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:820px){.workspace{grid-template-columns:1fr}.navpanel{position:static;order:-1}.navpanel .grid{grid-template-columns:repeat(13,1fr)}.navpanel>button{width:auto}.papers{grid-template-columns:1fr}.question{padding:20px}.topline{align-items:flex-start}.resultgrid{grid-template-columns:1fr}.masthead{padding:14px 18px}.masthead a{font-size:17px}.dots{gap:6px}.dots i{width:9px;height:9px}main{padding:26px 15px}.brandlight{font-size:15px}.dialogbar{flex-wrap:wrap}}@media print{.masthead,footer,.navpanel,.controls,button{display:none}.workspace{display:block}body{background:white}.question{border:0;padding:0}}
@media(max-width:480px){.navpanel .grid{grid-template-columns:repeat(5,minmax(0,1fr))}.masthead .brandlight{display:block;font-size:12px}.masthead a{line-height:1.2}.option{padding:12px;gap:9px}.dialogbar>div{display:flex;align-items:center;gap:4px}}