.observation-demo.svelte-1viwwgc{margin-top:3rem}.observation-demo.svelte-1viwwgc>header:where(.svelte-1viwwgc){justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.observation-demo.svelte-1viwwgc h2:where(.svelte-1viwwgc){letter-spacing:-.06em;max-width:690px;margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:.96}.demo-state.svelte-1viwwgc{background:var(--lime);text-align:center;border-radius:.9rem;min-width:5.5rem;padding:.6rem .8rem;display:grid}.demo-state.svelte-1viwwgc span:where(.svelte-1viwwgc){text-transform:uppercase;font-size:.55rem;font-weight:850}.demo-state.svelte-1viwwgc strong:where(.svelte-1viwwgc){font-size:1.2rem}.scene.svelte-1viwwgc{aspect-ratio:16/9;width:100%;box-shadow:var(--shadow);cursor:crosshair;background:#dff4f0;border:0;border-radius:1.6rem;padding:0;display:block;position:relative;overflow:hidden}.sky.svelte-1viwwgc{background:linear-gradient(#cfeaf3,#eef8ed);position:absolute;inset:0 0 44%}.cloud.svelte-1viwwgc{background:#ffffffbf;border-radius:999px;width:5rem;height:1.2rem;position:absolute}.cloud.svelte-1viwwgc:before,.cloud.svelte-1viwwgc:after{background:inherit;content:"";border-radius:50%;position:absolute;bottom:0}.cloud.svelte-1viwwgc:before{width:2rem;height:2rem;left:1rem}.cloud.svelte-1viwwgc:after{width:1.6rem;height:1.6rem;right:.7rem}.cloud.one.svelte-1viwwgc{top:14%;left:13%}.cloud.two.svelte-1viwwgc{top:9%;right:18%;transform:scale(.7)}.sidewalk.svelte-1viwwgc{background:#c8c2ac;border-bottom:.35rem solid #f6f0dc;position:absolute;inset:46% 0 43%}.road.svelte-1viwwgc{background:#56636a;position:absolute;inset:57% 0 0;overflow:hidden}.road.svelte-1viwwgc span:where(.svelte-1viwwgc){background:#fff8cf;border-radius:999px;width:16%;height:4%;position:absolute;top:56%}.road.svelte-1viwwgc span:where(.svelte-1viwwgc):first-child{left:3%}.road.svelte-1viwwgc span:where(.svelte-1viwwgc):nth-child(2){left:41%}.road.svelte-1viwwgc span:where(.svelte-1viwwgc):nth-child(3){right:3%}.parked-van.svelte-1viwwgc{z-index:2;color:#486166;background:#f2dfb8;border-radius:1.3rem .7rem .35rem .35rem;width:25%;height:31%;position:absolute;top:29%;left:56%;box-shadow:inset 0 -.7rem #d6bd8c}.parked-van.svelte-1viwwgc:before,.parked-van.svelte-1viwwgc:after{aspect-ratio:1;content:"";background:#344248;border:.35rem solid #d8ded8;border-radius:50%;width:16%;position:absolute;bottom:-8%}.parked-van.svelte-1viwwgc:before{left:13%}.parked-van.svelte-1viwwgc:after{right:13%}.parked-van.svelte-1viwwgc i:where(.svelte-1viwwgc),.parked-van.svelte-1viwwgc b:where(.svelte-1viwwgc){background:#a8cad0;border-radius:.35rem;height:34%;position:absolute;top:13%}.parked-van.svelte-1viwwgc i:where(.svelte-1viwwgc){width:43%;left:8%}.parked-van.svelte-1viwwgc b:where(.svelte-1viwwgc){width:32%;right:8%}.parked-van.svelte-1viwwgc span:where(.svelte-1viwwgc){letter-spacing:.12em;font-size:clamp(.45rem,1.5vw,.8rem);font-weight:900;position:absolute;bottom:20%;right:10%}.ball.svelte-1viwwgc{z-index:3;aspect-ratio:1;background:var(--orange);opacity:0;border:.28rem solid #fff;border-radius:50%;width:clamp(1.2rem,4vw,2.5rem);transition:opacity .12s;position:absolute;transform:translate(-50%,-50%)scale(.6);box-shadow:0 .3rem .8rem #17343740}.ball.visible.svelte-1viwwgc{opacity:1;transform:translate(-50%,-50%)scale(1)}.correction-zone.svelte-1viwwgc{z-index:5;aspect-ratio:1.2;border:.22rem solid var(--lime);background:#e4f45f2e;border-radius:1rem;width:20%;position:absolute;transform:translate(-50%,-50%)}.correction-zone.svelte-1viwwgc span:where(.svelte-1viwwgc){background:var(--lime);white-space:nowrap;border-radius:999px;padding:.25rem .45rem;font-size:.55rem;font-weight:900;position:absolute;top:-.7rem;left:50%;transform:translate(-50%)}.user-click.svelte-1viwwgc{z-index:6;aspect-ratio:1;background:var(--orange);width:1rem;box-shadow:0 0 0 .18rem var(--ink);border:.2rem solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.windshield-overlay.svelte-1viwwgc{z-index:4;pointer-events:none;border:clamp(.7rem,3vw,2rem) solid #173437d1;border-top-width:clamp(1rem,5vw,3.8rem);border-radius:1.6rem;position:absolute;inset:0}.timeline.svelte-1viwwgc{background:#e1e7df;border-radius:999px;height:.5rem;margin-top:.7rem;overflow:hidden}.timeline.svelte-1viwwgc span:where(.svelte-1viwwgc){border-radius:inherit;background:var(--mint-strong);height:100%;display:block}.instructions.svelte-1viwwgc,.feedback.svelte-1viwwgc{border:1px solid var(--line);background:var(--white);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.instructions.svelte-1viwwgc p:where(.svelte-1viwwgc),.feedback.svelte-1viwwgc p:where(.svelte-1viwwgc),.running-note.svelte-1viwwgc{color:var(--muted);margin:0;font-size:.75rem;line-height:1.5}.instructions.svelte-1viwwgc .button:where(.svelte-1viwwgc),.feedback.svelte-1viwwgc .button:where(.svelte-1viwwgc){border:1px solid var(--ink);cursor:pointer;flex:none;min-height:2.8rem;font-size:.7rem}.feedback.svelte-1viwwgc{background:#fff5ef;border-color:#f1c8ba}.feedback.success.svelte-1viwwgc{border-color:var(--mint-strong);background:var(--mint)}.feedback.svelte-1viwwgc>div:where(.svelte-1viwwgc){gap:.25rem;display:grid}.feedback.svelte-1viwwgc strong:where(.svelte-1viwwgc){font-size:.84rem}.running-note.svelte-1viwwgc{text-align:center;margin:1rem 0 0}@media (prefers-reduced-motion:reduce){.ball.svelte-1viwwgc{transition:none}}@media (width<=620px){.observation-demo.svelte-1viwwgc>header:where(.svelte-1viwwgc){flex-direction:column;align-items:start}.instructions.svelte-1viwwgc,.feedback.svelte-1viwwgc{flex-direction:column;align-items:stretch}.instructions.svelte-1viwwgc .button:where(.svelte-1viwwgc),.feedback.svelte-1viwwgc .button:where(.svelte-1viwwgc){width:100%}}.course-nav.svelte-xsa55p,.comparison.svelte-xsa55p,.quiz.svelte-xsa55p{border:1px solid var(--line);background:var(--white);border-radius:1.2rem;margin-block:2rem;padding:1.5rem}.course-nav.svelte-xsa55p{gap:.75rem;display:grid}a.svelte-xsa55p{color:var(--teal)}.course-part.svelte-xsa55p,.quiz.svelte-xsa55p{scroll-margin-top:7rem}.course-part.svelte-xsa55p{margin-block:3rem}h2.svelte-xsa55p{letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}h3.svelte-xsa55p{margin-top:1.8rem;font-size:1.1rem}p.svelte-xsa55p{line-height:1.8}figure.svelte-xsa55p{border:1px solid var(--line);background:var(--white);border-radius:1rem;margin:1.5rem 0;overflow:hidden}img.svelte-xsa55p{width:100%;height:auto;display:block}figcaption.svelte-xsa55p{padding:1.25rem}fieldset.svelte-xsa55p{border:1px solid var(--line);border-radius:1rem;min-width:0;margin-block:1.5rem;padding:1rem}legend.svelte-xsa55p{padding-inline:.3rem;font-weight:800}fieldset.svelte-xsa55p button:where(.svelte-xsa55p){text-align:left;border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);cursor:pointer;border-radius:.7rem;margin-block:.5rem;padding:.8rem;display:block}fieldset.svelte-xsa55p button:where(.svelte-xsa55p):disabled{opacity:1;cursor:default}fieldset.svelte-xsa55p button.correct:where(.svelte-xsa55p){background:var(--mint);border-color:var(--teal)}fieldset.svelte-xsa55p button.wrong:where(.svelte-xsa55p){background:#ffe8db;border-color:#a33d22}.correction.svelte-xsa55p{margin-top:1rem}.practice.svelte-xsa55p{flex-wrap:wrap;align-items:center;gap:1rem;margin-block:2rem;display:flex}.practice.svelte-xsa55p .button:where(.svelte-xsa55p){white-space:normal}@media (width<=600px){.course-nav.svelte-xsa55p,.comparison.svelte-xsa55p,.quiz.svelte-xsa55p{padding:1rem}.practice.svelte-xsa55p .button:where(.svelte-xsa55p){width:100%}}.lesson-page.svelte-388y1k{grid-template-columns:17rem minmax(0,820px);justify-content:center;gap:3rem;padding-top:4rem;padding-bottom:7rem;display:grid}.lesson-sidebar.svelte-388y1k{border:1px solid var(--line);background:var(--white);box-shadow:var(--soft-shadow);border-radius:1.4rem;align-self:start;padding:1.2rem;position:sticky;top:6.5rem}.lesson-sidebar.svelte-388y1k>a:where(.svelte-388y1k){color:var(--muted);margin-bottom:.8rem;font-size:.68rem;font-weight:800;display:inline-block}.mascot.svelte-388y1k{background:linear-gradient(145deg, var(--blue), var(--mint));border-radius:1rem;place-items:center;height:10rem;display:grid;overflow:hidden}.mascot.svelte-388y1k img{width:12rem;height:auto}.lesson-sidebar.svelte-388y1k h1:where(.svelte-388y1k){letter-spacing:-.05em;margin:.35rem 0 .6rem;font-size:1.7rem;line-height:1}.lesson-sidebar.svelte-388y1k>p:where(.svelte-388y1k):not(.eyebrow){color:var(--muted);font-size:.72rem;line-height:1.5}.lesson-meta.svelte-388y1k{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.lesson-meta.svelte-388y1k span:where(.svelte-388y1k){color:var(--muted);background:#eef2eb;border-radius:.55rem;padding:.35rem .5rem;font-size:.62rem;font-weight:750}.lesson-content.svelte-388y1k>header:where(.svelte-388y1k) h2:where(.svelte-388y1k){letter-spacing:-.07em;margin:0;font-size:clamp(2.8rem,6vw,5.1rem);line-height:.9}.lesson-content.svelte-388y1k>header:where(.svelte-388y1k)>p:where(.svelte-388y1k):not(.eyebrow){max-width:720px;color:var(--muted);font-size:1rem;line-height:1.7}.vision-map.svelte-388y1k{color:#fff;height:22rem;box-shadow:var(--soft-shadow);background:linear-gradient(#c6e9ed 0 25%,#80b77d 25% 33%,#59676d 33%);border-radius:1.6rem;margin-top:3rem;position:relative;overflow:hidden}.vision-map.svelte-388y1k:before{content:"";clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);background:#627076;width:22%;height:100%;position:absolute;top:33%;left:50%;transform:translate(-50%)perspective(18rem)rotateX(20deg)}.vision-map.svelte-388y1k>div:where(.svelte-388y1k):not(.road-lines){z-index:2;background:#173437d1;border-radius:.8rem;padding:.6rem .75rem;display:grid;position:absolute}.vision-map.svelte-388y1k strong:where(.svelte-388y1k){font-size:.72rem}.vision-map.svelte-388y1k span:where(.svelte-388y1k){color:#c5d3d4;font-size:.58rem}.far.svelte-388y1k{top:15%;left:50%;transform:translate(-50%)}.middle.svelte-388y1k{top:47%;left:22%}.near.svelte-388y1k{bottom:8%;right:10%}.road-lines.svelte-388y1k i:where(.svelte-388y1k){z-index:1;background:#fff5c9;border-radius:999px;width:.45rem;height:2.6rem;position:absolute;left:50%;transform:translate(-50%)}.road-lines.svelte-388y1k i:where(.svelte-388y1k):first-child{height:1.4rem;top:49%}.road-lines.svelte-388y1k i:where(.svelte-388y1k):last-child{top:73%}.steps.svelte-388y1k{margin-top:4rem}.steps.svelte-388y1k>div:where(.svelte-388y1k){grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.steps.svelte-388y1k article:where(.svelte-388y1k){border:1px solid var(--line);background:var(--white);border-radius:1rem;padding:1.1rem}.steps.svelte-388y1k article:where(.svelte-388y1k)>span:where(.svelte-388y1k){color:var(--teal);font-size:.68rem;font-weight:900}.steps.svelte-388y1k h3:where(.svelte-388y1k){margin:.8rem 0 .5rem;font-size:1.15rem}.steps.svelte-388y1k article:where(.svelte-388y1k) p:where(.svelte-388y1k){color:var(--muted);margin:0;font-size:.7rem;line-height:1.55}.takeaway.svelte-388y1k{background:var(--lime);border-radius:1rem;gap:.45rem;margin-top:2rem;padding:1.2rem;display:grid}.takeaway.svelte-388y1k span:where(.svelte-388y1k){text-transform:uppercase;font-size:.62rem;font-weight:900}.takeaway.svelte-388y1k strong:where(.svelte-388y1k){max-width:690px;font-size:1rem;line-height:1.45}.next-step.svelte-388y1k{color:#fff;background:var(--ink);border-radius:1.4rem;grid-template-columns:1fr auto;align-items:center;gap:2rem;margin-top:4rem;padding:1.5rem;display:grid}.next-step.svelte-388y1k h2:where(.svelte-388y1k){letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:.98}.next-step.svelte-388y1k p:where(.svelte-388y1k):not(.eyebrow){color:#adbec0;max-width:560px;font-size:.72rem;line-height:1.55}.next-step.svelte-388y1k .button:where(.svelte-388y1k){color:var(--ink);background:var(--lime);white-space:nowrap}.source-note.svelte-388y1k{color:var(--muted);text-align:center;margin:1.2rem auto 0;font-size:.63rem;line-height:1.5}.source-note.svelte-388y1k a:where(.svelte-388y1k){color:var(--teal);font-weight:800}@media (width<=900px){.lesson-page.svelte-388y1k{grid-template-columns:1fr}.lesson-sidebar.svelte-388y1k{position:static}.lesson-sidebar.svelte-388y1k .mascot:where(.svelte-388y1k){float:right;width:11rem;margin-left:1rem}}@media (width<=650px){.lesson-page.svelte-388y1k{padding-top:2.5rem}.steps.svelte-388y1k>div:where(.svelte-388y1k),.next-step.svelte-388y1k{grid-template-columns:1fr}.next-step.svelte-388y1k .button:where(.svelte-388y1k){width:100%}.vision-map.svelte-388y1k{height:18rem}}