.speed-app{max-width:740px;padding-bottom:150px}.progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;font-size:12px;color:#5a6e53;margin:18px 0}.progress-track{width:100%;height:5px;border-radius:8px;background:#dee5d7;overflow:hidden}.progress-track div{height:100%;background:#477244}.activity{margin-top:16px}.stage-tag{font-size:10px;letter-spacing:1.5px;color:#648553}.activity h2{margin:8px 0 10px}.activity p{font-size:15px;line-height:1.75;margin:10px 0}.scenario{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.scenario div{padding:16px;border-radius:12px;background:#edf3e7;border:1px solid #dbe6d3}.scenario div:last-child{background:#fcf1dc;border-color:#eeddbd}.scenario strong{display:block;font-size:28px;line-height:1.4}.scenario small{display:block;color:#607257;font-size:12px}.scenario span{font-size:13px}.option-label{display:block;font-size:12px;color:#697961;margin:16px 0 10px}.answer-option{margin:9px 0}.lab h3{margin:0;font-size:16px}.lab-top{display:flex;justify-content:space-between;align-items:center}.chip{font:14px ui-monospace,monospace;background:#edf3e5;padding:8px 11px;border-radius:8px}.legend{display:flex;gap:16px;font-size:12px;margin:18px 0}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.a{background:#38634c}.b{background:#b98234}.road{position:relative;height:48px;margin:8px 18px 0;border-bottom:1px solid #ccd8c3;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#e0e8d9 calc(25% - 1px),#e0e8d9 25%)}.runner{position:absolute;left:0;bottom:7px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:700;transform:translateX(-50%);z-index:2;font-size:13px}.runner-a{background:#38634c}.runner-b{background:#b98234}.finish{position:absolute;top:4px;bottom:0;border-left:2px dashed #abb99f}.ruler{margin:7px 18px 0;display:flex;justify-content:space-between;font-size:10px;color:#708065}.measurements{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:18px 0}.measurements p{margin:0}.measurements strong{display:block;font-size:15px}.slider-label{display:flex;justify-content:space-between;margin:17px 0 0;font-size:14px}output{font-weight:700}input[type=range]{padding:0;min-height:46px;accent-color:#3c6544;cursor:pointer;width:100%}.small-button{font-size:12px;min-height:40px}.play{width:100%;min-height:50px;margin:18px 0 0}.playback-note{font-size:11px;line-height:1.6;color:#6f7e65}.result{padding:16px;background:#edf5e2;border:1px solid #d7e4c6;border-radius:12px;font-size:14px}.result strong{display:block}.result p{margin:7px 0 0}.mission-guide{padding:14px;background:#f2f6eb;border-radius:12px;border:1px solid #dbe6ce;font-size:13px;margin:16px 0}.mission-guide strong{display:block}.mission-guide p{margin:6px 0 0}.formula{background:#edf4e3;padding:22px;border-radius:14px;text-align:center;margin:20px 0}.formula strong{font-size:22px;display:block}.formula p{font-size:13px}.takeaway{border-left:3px solid #b8d18c;padding-left:14px}.navigation{display:flex;gap:10px;flex-wrap:wrap;position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(740px,100%);background:#f3f5f1;border-top:1px solid #dbe3d4;padding:10px 18px max(12px,env(safe-area-inset-bottom));z-index:5}.navigation #nextHint{flex-basis:100%;font-size:12px;line-height:1.5;margin:0;color:#4c6445}.navigation button{margin:0;min-height:49px}.navigation #next{flex:1}.navigation #back{min-width:70px}.success-mark{width:52px;height:52px;background:#e0edc9;display:grid;place-items:center;border-radius:16px;font-size:25px;color:#426338}.activity .button{display:block;text-align:center}.activity #restart{margin:10px 0}.preview-info{margin-top:18px}.speed-app #feedback{margin:18px 0}html{scroll-padding-bottom:150px}@media(max-width:480px){.speed-app{padding-bottom:150px}.activity,.lab{padding:19px 17px}.scenario div{padding:14px}.scenario strong{font-size:25px}.formula strong{font-size:19px}}@media(min-width:960px){.speed-app[data-lab=true]{max-width:1020px;display:grid;grid-template-columns:.8fr 1.2fr;gap:0 24px}.speed-app[data-lab=true] .lesson-top,.speed-app[data-lab=true] .progress,.speed-app[data-lab=true] #feedback,.speed-app[data-lab=true] .preview-info{grid-column:1/-1}.speed-app[data-lab=true] .activity{align-self:start}.speed-app[data-lab=true] .lab{margin-top:16px}.navigation{width:min(1020px,100%)}}

@media(max-width:480px){.speed-app{margin-top:16px}.lesson-top h1{font-size:23px;margin:8px 0}.lesson-top p{font-size:12px;margin:6px 0 12px}.progress{margin:14px 0}.scenario{margin:16px 0}.scenario strong{font-size:24px}.activity .answer-option{min-height:50px}.activity p{font-size:14px}}