.session-mock-module__SB7S9G__inks{--johnny-ink:#0284c7;--check-ink:#16a34a}.session-mock-module__SB7S9G__story{timeline-scope:--b1, --b2, --b3, --b4, --b5}.session-mock-module__SB7S9G__stickyCol{display:none}.session-mock-module__SB7S9G__inlineFrame{display:block}.session-mock-module__SB7S9G__beat1{view-timeline-name:--b1}.session-mock-module__SB7S9G__beat2{view-timeline-name:--b2}.session-mock-module__SB7S9G__beat3{view-timeline-name:--b3}.session-mock-module__SB7S9G__beat4{view-timeline-name:--b4}.session-mock-module__SB7S9G__beat5{view-timeline-name:--b5}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.session-mock-module__SB7S9G__stickyCol{display:block}.session-mock-module__SB7S9G__inlineFrame{display:none}.session-mock-module__SB7S9G__beat{flex-direction:column;justify-content:center;min-height:80svh;display:flex}.session-mock-module__SB7S9G__beat:last-child{min-height:100svh}.session-mock-module__SB7S9G__sticky{top:var(--journey-top,4rem);height:calc(100svh - var(--journey-top,4rem));align-items:center;display:flex;position:sticky}.session-mock-module__SB7S9G__stage{max-width:min(100%, calc((100svh - var(--journey-top,4rem) - 11.5rem) / .55));margin-inline:auto}.session-mock-module__SB7S9G__frame{opacity:0;transition:opacity var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease);transform:translateY(10px)scale(.99)}.session-mock-module__SB7S9G__stage[data-beat="1"] .session-mock-module__SB7S9G__frame1,.session-mock-module__SB7S9G__stage[data-beat="2"] .session-mock-module__SB7S9G__frame2,.session-mock-module__SB7S9G__stage[data-beat="3"] .session-mock-module__SB7S9G__frame3,.session-mock-module__SB7S9G__stage[data-beat="4"] .session-mock-module__SB7S9G__frame4,.session-mock-module__SB7S9G__stage[data-beat="5"] .session-mock-module__SB7S9G__frame5{opacity:1;transform:none}.session-mock-module__SB7S9G__tick{transform-origin:0;transition:transform var(--dur-slow) var(--ease);transform:scaleX(0)}.session-mock-module__SB7S9G__stage[data-beat="1"] .session-mock-module__SB7S9G__tick1,.session-mock-module__SB7S9G__stage[data-beat="2"] :is(.session-mock-module__SB7S9G__tick1,.session-mock-module__SB7S9G__tick2),.session-mock-module__SB7S9G__stage[data-beat="3"] :is(.session-mock-module__SB7S9G__tick1,.session-mock-module__SB7S9G__tick2,.session-mock-module__SB7S9G__tick3),.session-mock-module__SB7S9G__stage[data-beat="4"] :is(.session-mock-module__SB7S9G__tick1,.session-mock-module__SB7S9G__tick2,.session-mock-module__SB7S9G__tick3,.session-mock-module__SB7S9G__tick4),.session-mock-module__SB7S9G__stage[data-beat="5"] .session-mock-module__SB7S9G__tick{transform:none}.session-mock-module__SB7S9G__stage .session-mock-module__SB7S9G__scrub{transform-box:fill-box;transform-origin:0;transition:transform 1.2s var(--ease) .15s;transform:scaleX(0)}.session-mock-module__SB7S9G__stage:is([data-beat="3"],[data-beat="4"],[data-beat="5"]) .session-mock-module__SB7S9G__scrub{transform:none}@supports (animation-timeline:view()){.session-mock-module__SB7S9G__frame,.session-mock-module__SB7S9G__tick,.session-mock-module__SB7S9G__stage .session-mock-module__SB7S9G__scrub{transition:none}.session-mock-module__SB7S9G__frame{animation:linear both session-mock-module__SB7S9G__story-frame;animation-range:cover 20% cover 80%}.session-mock-module__SB7S9G__frame1{animation-name:session-mock-module__SB7S9G__story-frame-first;animation-timeline:--b1}.session-mock-module__SB7S9G__frame2{animation-timeline:--b2}.session-mock-module__SB7S9G__frame3{animation-timeline:--b3}.session-mock-module__SB7S9G__frame4{animation-timeline:--b4}.session-mock-module__SB7S9G__frame5{animation-name:session-mock-module__SB7S9G__story-frame-last;animation-timeline:--b5}.session-mock-module__SB7S9G__tick{animation:linear both session-mock-module__SB7S9G__story-fill;animation-range:cover 28% cover 72%}.session-mock-module__SB7S9G__tick1{animation-timeline:--b1}.session-mock-module__SB7S9G__tick2{animation-timeline:--b2}.session-mock-module__SB7S9G__tick3{animation-timeline:--b3}.session-mock-module__SB7S9G__tick4{animation-timeline:--b4}.session-mock-module__SB7S9G__tick5{animation-timeline:--b5}.session-mock-module__SB7S9G__stage .session-mock-module__SB7S9G__scrub{animation:linear both session-mock-module__SB7S9G__story-fill;animation-timeline:--b3;animation-range:cover 26% cover 52%}}}@keyframes session-mock-module__SB7S9G__story-frame{0%{opacity:0;transform:translateY(10px)scale(.99)}13%,87%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)scale(.99)}}@keyframes session-mock-module__SB7S9G__story-frame-first{0%,87%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)scale(.99)}}@keyframes session-mock-module__SB7S9G__story-frame-last{0%{opacity:0;transform:translateY(10px)scale(.99)}13%,to{opacity:1;transform:none}}@keyframes session-mock-module__SB7S9G__story-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
.journey-module__4Rs5IG__inks{--johnny-ink:#0284c7}.journey-module__4Rs5IG__story{timeline-scope:var(--scope)}.journey-module__4Rs5IG__step{view-timeline-name:var(--tl)}.journey-module__4Rs5IG__stickyCol{display:none}.journey-module__4Rs5IG__inlineFrame{display:block}.journey-module__4Rs5IG__zoomBox{border:1px solid var(--border);background:var(--background);box-shadow:var(--shadow-lg);border-radius:1.25rem;overflow:hidden}.journey-module__4Rs5IG__zoom{transform-origin:var(--zx,50%) var(--zy,50%);transform:scale(var(--zs,1))}.journey-module__4Rs5IG__inlineFrame .journey-module__4Rs5IG__zoom{transform:none}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.journey-module__4Rs5IG__stickyCol{display:block}.journey-module__4Rs5IG__inlineFrame{display:none}.journey-module__4Rs5IG__step{flex-direction:column;justify-content:center;min-height:78svh;display:flex}.journey-module__4Rs5IG__step:last-child{min-height:100svh}.journey-module__4Rs5IG__sticky{top:var(--journey-top,4rem);height:calc(100svh - var(--journey-top,4rem));align-items:center;display:flex;position:sticky}.journey-module__4Rs5IG__stage{max-width:min(100%, calc((100svh - var(--journey-top,4rem) - 10rem) / var(--stage-ratio,.62)));margin-inline:auto}.journey-module__4Rs5IG__frame{opacity:0;transition:opacity var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease);pointer-events:none;transform:translateY(10px)scale(.985)}.journey-module__4Rs5IG__frame[data-active]{opacity:1;transform:none}.journey-module__4Rs5IG__frame .journey-module__4Rs5IG__zoom{transition:transform .7s var(--ease)}.journey-module__4Rs5IG__frame:not([data-active]) .journey-module__4Rs5IG__zoom{transform:scale(1)}.journey-module__4Rs5IG__tick{transform-origin:0;transition:transform var(--dur-slow) var(--ease);transform:scaleX(0)}.journey-module__4Rs5IG__tick[data-done]{transform:none}@supports (animation-timeline:view()){.journey-module__4Rs5IG__frame,.journey-module__4Rs5IG__tick,.journey-module__4Rs5IG__frame .journey-module__4Rs5IG__zoom{transition:none}.journey-module__4Rs5IG__frame{opacity:0;animation:linear both journey-module__4Rs5IG__journey-frame;animation-timeline:var(--tl);animation-range:cover 20% cover 80%}.journey-module__4Rs5IG__frameFirst{animation-name:journey-module__4Rs5IG__journey-frame-first}.journey-module__4Rs5IG__frameLast{animation-name:journey-module__4Rs5IG__journey-frame-last}.journey-module__4Rs5IG__frame .journey-module__4Rs5IG__zoom{animation:linear both journey-module__4Rs5IG__journey-zoom;animation-timeline:var(--tl);animation-range:cover 18% cover 50%}.journey-module__4Rs5IG__tick{animation:linear both journey-module__4Rs5IG__journey-fill;animation-timeline:var(--tl);animation-range:cover 28% cover 72%}}}@keyframes journey-module__4Rs5IG__journey-frame{0%{opacity:0;transform:translateY(10px)scale(.985)}14%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)scale(.985)}}@keyframes journey-module__4Rs5IG__journey-frame-first{0%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)scale(.985)}}@keyframes journey-module__4Rs5IG__journey-frame-last{0%{opacity:0;transform:translateY(10px)scale(.985)}14%,to{opacity:1;transform:none}}@keyframes journey-module__4Rs5IG__journey-zoom{0%{transform:scale(1)}to{transform:scale(var(--zs,1))}}@keyframes journey-module__4Rs5IG__journey-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.journey-module__4Rs5IG__rail{z-index:20;position:sticky;top:4rem}.journey-module__4Rs5IG__railLink[aria-current=step]{color:var(--foreground);border-color:color-mix(in srgb, var(--brand) 55%, transparent);background:color-mix(in srgb, var(--brand) 10%, transparent)}.journey-module__4Rs5IG__railLink[aria-current=step] .journey-module__4Rs5IG__railDot{background:var(--brand)}.journey-module__4Rs5IG__lazyBand{content-visibility:auto;contain-intrinsic-size:auto 900px}
.johnny-room-module__DqM0eG__room{position:relative}.johnny-room-module__DqM0eG__board{background-image:radial-gradient(var(--border-strong) .8px, transparent .8px);background-size:19px 19px}.johnny-room-module__DqM0eG__smallInk{fill:var(--muted);font:600 14px var(--font-outfit), sans-serif}.johnny-room-module__DqM0eG__questionInk,.johnny-room-module__DqM0eG__johnnyInk,.johnny-room-module__DqM0eG__studentInk{font-family:var(--font-caveat), cursive}.johnny-room-module__DqM0eG__questionInk{fill:var(--foreground);font-size:47px}.johnny-room-module__DqM0eG__johnnyInk{fill:#0284c7;font-size:31px}.johnny-room-module__DqM0eG__studentInk{fill:var(--foreground);font-size:39px}.johnny-room-module__DqM0eG__underline{fill:none;stroke:#0284c7;stroke-width:3px;stroke-linecap:round}.johnny-room-module__DqM0eG__checkInk{fill:none;stroke:#16a34a;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.johnny-room-module__DqM0eG__boardHint{border:1px solid var(--border);background:var(--surface);max-width:70%;color:var(--muted);border-radius:999px;padding:.3rem .55rem;font-size:.62rem;line-height:1.2;position:absolute;bottom:.7rem;right:.7rem}.johnny-room-module__DqM0eG__wave{align-items:center;gap:2px;height:.8rem;display:inline-flex}.johnny-room-module__DqM0eG__wave i{background:currentColor;border-radius:2px;width:2px;height:100%;animation:.75s ease-in-out infinite alternate johnny-room-module__DqM0eG__voice}.johnny-room-module__DqM0eG__wave i:nth-child(2){animation-delay:.16s}.johnny-room-module__DqM0eG__wave i:nth-child(3){animation-delay:.32s}.johnny-room-module__DqM0eG__wave i:nth-child(4){animation-delay:.48s}.johnny-room-module__DqM0eG__presence{animation:1.8s ease-in-out infinite johnny-room-module__DqM0eG__breathe}.johnny-room-module__DqM0eG__screenWindow{animation:.7s ease-out both johnny-room-module__DqM0eG__arrive}.johnny-room-module__DqM0eG__cameraCard{animation:.6s ease-out both johnny-room-module__DqM0eG__arrive}.johnny-room-module__DqM0eG__voiceBubble{animation:.5s ease-out both johnny-room-module__DqM0eG__arrive}@keyframes johnny-room-module__DqM0eG__voice{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes johnny-room-module__DqM0eG__breathe{50%{opacity:.5}}@keyframes johnny-room-module__DqM0eG__arrive{0%{opacity:0;transform:translateY(9px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.johnny-room-module__DqM0eG__wave i,.johnny-room-module__DqM0eG__presence,.johnny-room-module__DqM0eG__screenWindow,.johnny-room-module__DqM0eG__cameraCard,.johnny-room-module__DqM0eG__voiceBubble{animation:none}}