:root{color:#24282e;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app-shell{background:#eef1f4;height:100dvh;overflow:hidden}.topbar{z-index:10;padding:env(safe-area-inset-top) 14px 10px;background:#fff;border-bottom:1px solid #ccd2d9;position:fixed;inset:0 0 auto}.progress-track{background:#e2e5e9;height:4px;margin:0 -14px 10px}.progress-track span{background:#2e7bcf;height:100%;transition:width .2s;display:block}.topbar-row{justify-content:space-between;align-items:center;gap:12px;max-width:680px;margin:auto;display:flex}.brand{color:#24282e;white-space:nowrap;margin:0;font-size:16px;font-weight:700}.view-tabs{border:1px solid #bfc6ce;border-radius:4px;display:flex;overflow:hidden}.view-tabs button{color:#4f5964;background:#fff;border:0;border-left:1px solid #bfc6ce;padding:6px 10px;font-size:12px;font-weight:600}.view-tabs button:first-child{border-left:0}.view-tabs button.active{color:#fff;background:#2e7bcf}.run-controls{align-items:center;gap:6px;max-width:680px;margin:9px auto 0;display:flex}.run-controls select,.start-button,.finish-small{color:#343a40;background:#fff;border:1px solid #b8c0c8;border-radius:4px;height:32px;font-size:12px}.run-controls select{min-width:0;padding:0 24px 0 7px}.start-button{color:#fff;background:#2e7bcf;border-color:#276db6;padding:0 12px;font-weight:700}.score{color:#237a42;white-space:nowrap;align-items:center;gap:3px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.finish-small{padding:0 8px}.feed{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;height:100dvh;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.question-screen{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 112px) 14px calc(env(safe-area-inset-bottom) + 16px);scroll-snap-align:start;scroll-snap-stop:always;place-items:center;display:grid}.question-card{width:min(100%,620px)}.question-meta{color:#707984;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-bottom:11px;font-size:11px;font-weight:600;display:grid}.question-meta>:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category{color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:3px;width:fit-content;padding:4px 7px}.category.rules{background:#3a78bd}.category.signs{background:#b57c12}.category.safety{background:#33855a}.sign-stage{background:#fff;border:1px solid #c8ced5;border-radius:5px;place-items:center;min-height:150px;margin-bottom:14px;display:grid}.sign-stage img{object-fit:contain;max-width:min(45vw,170px);max-height:138px}.scene-stage{overflow:hidden}.scene-stage img{width:100%;max-width:300px;max-height:180px}.question-card>h2{color:#22272d;letter-spacing:-.02em;margin:0 0 17px;font-size:clamp(24px,6.3vw,36px);line-height:1.16}.choices{gap:8px;display:grid}.choices button{text-align:left;color:#2d343b;background:#fff;border:1px solid #bfc6ce;border-radius:5px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;width:100%;min-height:54px;padding:10px 12px;font-size:15px;font-weight:600;line-height:1.3;transition:background .12s,border-color .12s;display:grid}.choices button:not(:disabled):active{background:#e7edf3}.choices button:disabled{cursor:default;opacity:1}.choice-letter{color:#4f5964;background:#f2f4f6;border:1px solid #c2c8cf;border-radius:4px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.choices button.correct{color:#175e32;background:#e5f5ea;border-color:#42a665}.choices button.correct .choice-letter{color:#fff;background:#2d9655;border-color:#27864c}.choices button.wrong{color:#87242b;background:#fde9ea;border-color:#d75a62}.choices button.wrong .choice-letter{color:#fff;background:#cf4750;border-color:#bf3c45}.result-icon{justify-self:end}.explanation{color:#38423d;background:#f2faf5;border:1px solid #91c5a4;border-left:4px solid #2d9655;border-radius:4px;margin-top:10px;padding:11px 12px;font-size:13px;line-height:1.45}.explanation.miss{background:#fff4f4;border-color:#e5a2a6 #e5a2a6 #e5a2a6 #cf4750}.explanation strong{color:#222}.answer-foot{color:#6e777f;border-top:1px solid #0000001a;justify-content:space-between;gap:12px;margin-top:7px;padding-top:7px;font-size:11px;display:flex}.answer-foot a{color:#226ebd;white-space:nowrap;align-items:center;gap:3px;font-weight:700;text-decoration:none;display:flex}.next{color:#626c76;background:0 0;border:0;align-items:center;gap:5px;margin:11px auto 0;padding:7px 10px;font-size:12px;font-weight:600;display:flex}.finish-screen{text-align:center}.finish-card{background:#fff;border:1px solid #c1c8cf;border-radius:5px;padding:24px}.finish-kicker,.eyebrow{color:#63707c;letter-spacing:.08em;font-size:11px;font-weight:700}.finish-card>h2{margin:7px 0 4px;font-size:clamp(54px,18vw,82px)}.finish-card>p{color:#65707a;line-height:1.45}.breakdown{gap:6px;margin:18px 0;display:grid}.breakdown div{background:#f6f7f8;border:1px solid #d7dce1;border-radius:4px;justify-content:space-between;padding:10px 12px;display:flex}.primary-action,.secondary-action,.text-action{border-radius:4px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:42px;margin-top:8px;font-weight:700;display:flex}.primary-action{color:#fff;background:#2e7bcf;border:1px solid #276db6}.secondary-action{color:#343a40;background:#fff;border:1px solid #aeb6bf}.text-action{color:#236db7;background:0 0;border:0}.finish-card .disclaimer{color:#7a838c;margin:15px 0 0;font-size:11px}.seo-copy{text-align:left;border-top:1px solid #d7dce1;margin-top:15px;padding-top:14px}.seo-copy h3{margin:0 0 6px;font-size:14px}.seo-copy p{color:#68727c;margin:5px 0;font-size:12px;line-height:1.45}.progress-page{height:100dvh;padding:calc(env(safe-area-inset-top) + 65px) 14px calc(env(safe-area-inset-bottom) + 28px);overflow-y:auto}.progress-content{width:min(100%,680px);margin:auto}.readiness-card,.panel{background:#fff;border:1px solid #c4cbd2;border-radius:5px;margin-bottom:12px;padding:17px}.readiness-card{grid-template-columns:1fr 1fr;gap:20px;display:grid}.readiness-card strong{color:#226fbd;margin:3px 0;font-size:52px;line-height:1;display:block}.readiness-card p,.readiness-note,.panel-copy,.empty-copy{color:#6a747e;margin:6px 0 0;font-size:13px;line-height:1.45}.readiness-note{border-left:1px solid #d6dbe0;align-self:center;padding-left:16px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.metric-grid div{background:#fff;border:1px solid #c4cbd2;border-radius:5px;padding:13px 10px}.metric-grid strong{font-size:24px;display:block}.metric-grid span{color:#6d7680;margin-top:2px;font-size:11px;display:block}.panel h2{margin:0 0 12px;font-size:17px}.section-progress{margin-top:13px}.section-progress>div:first-child{grid-template-columns:1fr auto;gap:2px 10px;display:grid}.section-progress strong{font-size:13px}.section-progress span{color:#6b7580;grid-row:2;font-size:11px}.section-progress b{color:#345;grid-area:1/2/3;align-self:center;font-size:14px}.bar{background:#e2e6ea;border-radius:2px;height:7px;margin-top:6px;overflow:hidden}.bar span{background:#2e7bcf;height:100%;display:block}.gap-list,.history-list{border-top:1px solid #dfe3e7;margin-top:10px}.gap-list>div,.history-list>div{border-bottom:1px solid #dfe3e7;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.gap-list span,.history-list span{gap:2px;display:grid}.gap-list b,.history-list b{font-size:13px}.gap-list small,.history-list small{color:#747d86;font-size:11px}.gap-list strong,.history-list strong{white-space:nowrap;font-size:13px}.history-list em{margin-left:3px;font-size:10px;font-style:normal}.history-list em.up{color:#27864c}.history-list em.down{color:#c13d46}.study-actions{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px;display:grid}.study-actions button{color:#2f3942;background:#fff;border:1px solid #aeb6bf;border-radius:4px;min-height:38px;padding:6px;font-size:12px;font-weight:700}.clear-button{color:#8a3e43;background:0 0;border:0;align-items:center;gap:6px;margin:18px auto 0;padding:8px;font-size:12px;display:flex}@media (width<=540px){.brand{text-overflow:ellipsis;max-width:48vw;overflow:hidden}.run-controls select:first-child{width:96px}.run-controls select:nth-child(2){width:92px}.finish-small{display:none}.readiness-card{grid-template-columns:1fr;gap:10px}.readiness-note{border-top:1px solid #d6dbe0;border-left:0;padding:10px 0 0}.metric-grid{grid-template-columns:repeat(2,1fr)}.study-actions{grid-template-columns:1fr}}@media (height<=720px){.question-screen{padding-top:calc(env(safe-area-inset-top) + 104px)}.sign-stage{min-height:105px;margin-bottom:9px}.sign-stage img{max-height:96px}.question-card>h2{margin-bottom:11px;font-size:22px}.choices{gap:5px}.choices button{min-height:45px;padding-block:6px;font-size:14px}.explanation{padding:8px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.feed{scroll-behavior:auto}*{transition:none!important}}