main{gap:40px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);margin-top:20px}.intro h1{font-size:clamp(36px,4vw,54px)}.workspace{min-width:0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}button{padding:12px;background:#e7eee4;color:#245e4b}button:focus-visible,a:focus-visible{outline:3px solid #36745b;outline-offset:3px}label{line-height:1.6}select{font:inherit;padding:12px;border:1px solid #dbe3d8;border-radius:8px;width:100%;color:#243e30;background:#fafbf8}.package-card,.result-card{border-top:1px solid #dbe3d8;padding:20px 0;overflow-wrap:anywhere}.package-card h3,.result-card h3{font-size:19px;margin:0 0 10px}.package-card form{display:grid;gap:10px;margin:14px 0}.package-card label{margin:0}.package-logo{max-width:160px;max-height:75px;object-fit:contain;display:block;margin-bottom:12px}#notice{white-space:pre-line;color:#245e4b}#notice[data-error=true]{color:#9b392c}#import-preview,#results-preview,#feedback,#result-detail:not(:empty){background:#eef3e9;padding:18px;border-radius:10px;margin:16px 0}#session-mode{font-size:13px}.session-head{display:flex;justify-content:space-between;gap:12px;margin:20px 0}#timer{font-variant-numeric:tabular-nums;font-weight:700;color:#8c3829}#question-text{font-size:21px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.question-image{display:block;max-width:100%;max-height:280px;object-fit:contain;margin:16px 0}.choices{display:grid;gap:10px;margin:18px 0}.choices button{text-align:left;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;border:2px solid transparent;background:#f3f6ef}.choices button[aria-pressed=true]{border-color:#245e4b;background:#e2eddd}.choices button:disabled{opacity:1;cursor:default}.question-nav{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.question-nav button[aria-current=true]{outline:2px solid #245e4b}.question-nav button[data-answered=true]{background:#245e4b;color:#fff}.result-score{font-size:32px;font-weight:750;color:#245e4b}details{font-size:12px;line-height:1.6;color:#61716a}#offline-status{font-size:12px;color:#61716a}#connection{font-size:12px;color:#476753}#connection[data-offline=true]{color:#8c3829}body[data-session=true] main{grid-template-columns:1fr;max-width:850px}body[data-session=true] .intro{display:none}#session-title{margin-top:10px}#active-summary:not(:empty){padding:16px;background:#eef3e9;border-radius:10px}#feedback h3{font-size:17px}#feedback p{white-space:pre-wrap}nav button[aria-current=page]{background:#245e4b;color:#fff}@media(max-width:850px){main{grid-template-columns:1fr;max-width:650px;padding:0 18px}.intro h1{font-size:38px}.intro .note{margin-top:15px}.workspace{padding:20px}header,footer{padding:18px;gap:15px;flex-wrap:wrap}.toolbar button{flex-grow:1}.session-head{flex-wrap:wrap}}[hidden]{display:none!important}
body[data-view=results] main{grid-template-columns:1fr;max-width:850px}body[data-view=results] .intro{display:none}

#result-detail canvas {display:block;width:100%;height:auto;margin:1rem 0;border-radius:8px;}

#result-detail canvas {display:block;width:100%;height:auto;margin:1rem 0;border-radius:8px;}