:root{color:#182230;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-y:auto}button,input,textarea,select{font:inherit}button{color:#fff;cursor:pointer;background:#087f8c;border:1px solid #087f8c;border-radius:8px;width:100%;min-height:52px;padding:12px 18px;font-weight:800;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:0 8px #075c66}button:hover:not(:disabled){background:#066b76}button:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px #075c66}button:disabled{color:#6c7a89;box-shadow:none;cursor:not-allowed;background:#d9e2ea;border-color:#bcc9d4}.app-shell{justify-content:center;align-items:stretch;min-height:100svh;padding:10px 12px 18px;display:flex;overflow:visible}.quiz-layout{align-content:start;gap:10px;width:min(100%,760px);display:grid}.quiz-header{gap:8px;display:grid}.title-block{gap:0;display:grid}.eyebrow{color:#d05353;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}h1,h2{letter-spacing:0;margin:0}h1{color:#102a43;font-size:1.08rem;line-height:1.15}h2{color:#17202a;font-size:1.42rem;line-height:1.34}.score-board{background:#fff;border:2px solid #153b50;border-radius:8px;padding:10px;box-shadow:0 5px #153b50}.score-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.score-row p{color:#102a43;text-align:center;background:#e7f7f8;border-radius:8px;place-items:center;min-height:40px;margin:0;padding:7px 8px;font-size:.86rem;font-weight:800;line-height:1.3;display:grid}.score-row p+p{background:#fff1c8}.progress-track{background:#e8eef3;border:1px solid #153b50;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:#38b000;height:100%;transition:width .2s}.quiz-panel{background:#fff;border:2px solid #153b50;border-radius:8px;padding:22px 16px;box-shadow:0 9px #153b50}.question-block{gap:10px;display:grid}.topic{color:#7c3f00;letter-spacing:0;overflow-wrap:anywhere;background:#fff7d6;border:1px solid #e1a340;border-radius:999px;width:fit-content;max-width:100%;margin:0;padding:6px 10px;font-size:.78rem;font-weight:900}.answer-form{gap:16px;margin-top:22px;display:grid}.expression-review{gap:18px;display:grid}.expression-list{color:#243b53;gap:10px;margin:0;padding-left:24px;font-size:1rem;font-weight:800;line-height:1.5;display:grid}.expression-list li{overflow-wrap:anywhere;padding-left:4px}.start-form{gap:12px;display:grid}.answer-block{gap:8px;display:grid}.answer-label{color:#425466;font-size:.86rem;font-weight:900}.answer-line{color:#243b53;flex-wrap:wrap;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;line-height:1.55;display:flex}.answer-fragment{overflow-wrap:anywhere;flex:0 auto;max-width:100%}.answer-line input,.start-form input{color:#102a43;background:#fbfdff;border:2px solid #91a7b7;border-radius:8px;flex:150px;width:auto;min-width:0;min-height:54px;padding:10px 12px;font-weight:800}.answer-line input:focus,.start-form input:focus{border-color:#087f8c;outline:4px solid #087f8c2e}.answer-line input:disabled{color:#5c6f82;background:#eef4f7}.actions{gap:10px;display:grid}.secondary{color:#6e2730;background:#fff;border-color:#d05353;box-shadow:0 8px #d9a2a2}.secondary:hover:not(:disabled){background:#fff3f3}.secondary:active:not(:disabled){box-shadow:0 4px #d9a2a2}.feedback{border:2px solid;border-radius:8px;margin-top:18px;padding:14px}.feedback strong,.feedback p,.state-text{margin:0}.feedback strong{color:#17202a;font-size:1.05rem;display:block}.feedback p{color:#243b53;overflow-wrap:anywhere;margin-top:6px;line-height:1.5}.feedback-correct{background:#e9fbe7;border-color:#1f9d55}.feedback-incorrect{background:#fff0f0;border-color:#d05353}.state-panel,.complete-panel{gap:16px;display:grid}.state-text{color:#425466;font-size:1rem;line-height:1.5}@media (width>=560px){.app-shell{align-items:center;padding:28px 20px}.quiz-layout{align-content:center;gap:18px}.quiz-header{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:end}h1{font-size:1.35rem}h2{font-size:1.7rem}.quiz-panel{padding:28px}.actions{grid-template-columns:repeat(2,minmax(0,180px))}button{width:auto}}@media (width>=860px){.quiz-layout{width:min(100%,820px)}}