:root{--ink: #1B365D;--accent: #487A7B;--accent-light: rgba(72, 122, 123, .09);--muted: #707372;--prompt: #B2B4B2;--imb-red: #B83A4B;--imb-teal: #009681;--imb-orange: #E87722;--imb-yellow: #F3D54E;--bg: #F7F6F2;--card: #ffffff;--border: #E4E4E2;--font-head: "Nunito Sans", system-ui, sans-serif;--font-body: "Source Sans 3", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;color:var(--ink);margin:0 0 .5em}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.15rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--ink);color:#fff}.topbar a{color:#fff}.topbar .brand{font-family:var(--font-head);font-weight:800;font-size:1.2rem;letter-spacing:.02em}.topbar .user{display:flex;align-items:center;gap:10px;font-size:.95rem}.topbar .user img{width:28px;height:28px;border-radius:50%}.container{max-width:960px;width:100%;margin:0 auto;padding:24px;flex:1}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.card h2{margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-family:var(--font-head);font-weight:600;font-size:.95rem;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;text-decoration:none;transition:filter .1s}.btn:hover{filter:brightness(1.07);text-decoration:none}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--accent)}.btn.ghost:hover{background:var(--accent-light)}.btn.danger{background:var(--imb-red);border-color:var(--imb-red)}.btn.ink{background:var(--ink);border-color:var(--ink)}.btn.small{padding:6px 10px;font-size:.85rem}input[type=text],textarea,select{width:100%;padding:10px 12px;font-family:var(--font-body);font-size:1rem;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--ink)}textarea{min-height:100px;resize:vertical}label{display:block;font-weight:600;margin-bottom:6px;font-family:var(--font-head)}.field{margin-bottom:14px}.list-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.list-row .title{font-weight:600}.list-row .sub{color:var(--muted);font-size:.9rem}.hstack{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vstack{display:flex;flex-direction:column;gap:10px}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:.85rem}.right{text-align:right}.question-text{font-family:var(--font-head);font-size:1.35rem;line-height:1.4;margin-bottom:20px}.choices{display:flex;flex-direction:column;gap:10px}.choice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1.5px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:1rem;color:var(--ink);transition:border-color .1s,background .1s}.choice:hover:not([disabled]){border-color:var(--accent);background:var(--accent-light)}.choice[disabled]{cursor:default}.choice .letter{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-light);color:var(--accent);font-weight:700;font-family:var(--font-head);flex-shrink:0}.choice.correct{border-color:var(--imb-teal);background:#00968114}.choice.correct .letter{background:var(--imb-teal);color:#fff}.choice.wrong{border-color:var(--imb-red);background:#b83a4b14}.choice.wrong .letter{background:var(--imb-red);color:#fff}.feedback{margin-top:18px;padding:14px 16px;border-radius:8px;border-left:4px solid var(--accent);background:var(--accent-light)}.feedback.correct{border-left-color:var(--imb-teal);background:#00968112}.feedback.wrong{border-left-color:var(--imb-red);background:#b83a4b12}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-family:var(--font-head);font-weight:700}.pill.ok{background:#0096811f;color:var(--imb-teal)}.pill.warn{background:#e877221f;color:var(--imb-orange)}.pill.err{background:#b83a4b1f;color:var(--imb-red)}.pill.neut{background:var(--accent-light);color:var(--accent)}.dropzone{border:2px dashed var(--border);border-radius:10px;padding:28px;text-align:center;color:var(--muted);background:#fff;cursor:pointer;transition:border-color .1s,background .1s}.dropzone.drag{border-color:var(--accent);background:var(--accent-light)}.progress-bar{width:100%;height:10px;background:var(--border);border-radius:999px;overflow:hidden}.progress-bar>div{height:100%;background:var(--imb-teal);transition:width .3s}.alert-error{background:#b83a4b14;color:var(--imb-red);padding:10px 14px;border-radius:6px;border-left:3px solid var(--imb-red);margin-bottom:14px}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:1.1em}.markdown-body h1{font-size:1.3rem}.markdown-body h2{font-size:1.15rem}.markdown-body h3{font-size:1rem}.markdown-body ul,.markdown-body ol{padding-left:22px;margin:.6em 0}.markdown-body li{margin-bottom:.3em;line-height:1.5}.markdown-body p{line-height:1.5;margin:.6em 0}.markdown-body code{background:var(--accent-light);padding:1px 5px;border-radius:3px;font-size:.92em}.markdown-body strong{color:var(--ink)}