:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#222;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:0 auto;padding:24px 28px 64px}.student,.home{max-width:620px}header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;display:flex}header a,header strong{color:#222;font-size:21px;font-weight:700;text-decoration:none}h1{letter-spacing:-1px;margin:10px 0;font-size:36px}h2{margin:26px 0 14px;font-size:19px}h2 .muted{font-size:14px;font-weight:400}.muted{color:#636363;font-size:14px}p{margin:10px 0;line-height:1.5}.session-title{margin-bottom:6px;font-size:16px}.session-title+h1{margin-top:6px}a{color:#285b96}button,.button,input,select,textarea{font:inherit;color:#222;background:#fff;border:1px solid #aaa;border-radius:4px;padding:11px 14px}button,.button{cursor:pointer;min-height:44px;font-weight:600;line-height:1.3;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:default}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible){outline-offset:4px;outline:3px solid #222}.primary{color:#fff;background:#222;border-color:#222}label{margin:15px 0 10px;font-size:14px;font-weight:600;display:block}input,textarea,select{width:100%;margin-top:8px;font-weight:400;display:block}textarea{resize:vertical;min-height:100px}form>.primary{margin-top:4px}.divider{border-top:1px solid #ddd;margin-top:30px;padding-top:8px}.prompt{background:#f1f4f7;border-left:4px solid #285b96;margin:10px 0 26px;padding:14px 16px}.prompt.done{background:#f0f6f2;border-color:#24714c}.choices{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px;display:grid}.choices button{border:0;flex-direction:column;justify-content:space-between;align-items:center;min-height:76px;padding:14px 7px 8px;font-size:15px;display:flex}.choices button span{height:20px;font-size:20px}.choices button[aria-pressed=true]{outline-offset:3px;outline:3px solid #222}.green{color:#fff;background:#24714c}.blue{color:#fff;background:#285b96}.yellow{color:#222;background:#f2c744}.red{color:#fff;background:#ae3634}.controls{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.controls label{margin:0}.columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;display:grid}.chart{margin-bottom:30px}.result-row{grid-template-columns:110px minmax(0,1fr) 28px;align-items:center;gap:10px;margin:14px 0;font-size:14px;display:grid}.result-row strong{text-align:right;font-size:20px}.track{background:#f1f1ef;border-radius:2px;height:25px;overflow:hidden}.bar{min-width:0;height:100%;transition:width .18s}.question-shortcut{background:#f4f4f2;border-color:#d1d1ce;padding:8px 12px;font-size:15px}.question-shortcut.has-new{background:#f9e7a6;border-color:#c3a33b}.q{border-top:1px solid #ddd;padding:14px 0}.q p:not(.muted){white-space:pre-wrap;overflow-wrap:anywhere}.q .controls{margin-bottom:0}.question-section{scroll-margin-top:240px}.sticky-controls{z-index:2;background:#fff;border-bottom:1px solid #ddd;padding:10px 0 12px;position:sticky;top:0}.sticky-controls h1{margin-top:0}.save-status{color:#4b5b4e;min-height:26px;padding-top:5px;font-size:14px}.error,.offline{color:#9c2525}.error,.notice{background:#fff2e5;border-left:3px solid #a65924;padding:12px}.notice button{margin:8px}details{margin:18px 0}summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}details[open]>summary{margin-bottom:8px}.session-row{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.join-code{letter-spacing:3px;font-size:28px;font-weight:700}.join-url{overflow-wrap:anywhere}.home h1{font-size:30px}.home section{margin-top:40px}.home form{max-width:430px}.home .session-row{flex-direction:column;align-items:flex-start;gap:5px}.home .session-row:last-of-type{margin-bottom:20px}@media (max-width:760px){main{padding:18px 18px 44px}.columns{grid-template-columns:1fr;gap:0}h1{font-size:30px}.sticky-controls{padding-top:8px}.result-row{grid-template-columns:110px minmax(0,1fr) 28px}.question-section{border-top:1px solid #ddd}.controls button{font-size:14px}.session-row{flex-wrap:wrap}header{margin-bottom:22px}.choices{gap:8px}.choices button{font-size:14px}.chart{margin-bottom:28px}}
