@font-face{font-family:manrope;src:url(../media/manrope_latin-s.p.2xs28az5j2efm.woff2)format("woff2");font-display:swap;font-weight:400 800}@font-face{font-family:manrope Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}.FNiRBW_className{font-family:manrope,manrope Fallback}.FNiRBW_variable{--font-manrope:"manrope", "manrope Fallback"}
@font-face{font-family:nunito;src:url(../media/nunito_latin-s.p.43ritpld78jne.woff2)format("woff2");font-display:swap;font-weight:600 900}@font-face{font-family:nunito Fallback;src:local(Arial);ascent-override:103.02%;descent-override:35.97%;line-gap-override:0.0%;size-adjust:98.13%}.bJBMVG_className{font-family:nunito,nunito Fallback}.bJBMVG_variable{--font-nunito:"nunito", "nunito Fallback"}
@font-face{font-family:fredoka;src:url(../media/fredoka_latin-s.p.2fpsu8src1nhe.woff2)format("woff2");font-display:swap;font-weight:500 700}@font-face{font-family:fredoka Fallback;src:local(Arial);ascent-override:95.32%;descent-override:23.1%;line-gap-override:0.0%;size-adjust:102.19%}.kuli-G_className{font-family:fredoka,fredoka Fallback}.kuli-G_variable{--font-fredoka:"fredoka", "fredoka Fallback"}
@font-face{font-family:baloo2;src:url(../media/baloo2_latin-s.p.32-ew25bw57g5.woff2)format("woff2");font-display:swap;font-weight:700 800}@font-face{font-family:baloo2 Fallback;src:local(Arial);ascent-override:111.2%;descent-override:54.05%;line-gap-override:0.0%;size-adjust:96.95%}.vbndBa_className{font-family:baloo2,baloo2 Fallback}.vbndBa_variable{--font-baloo2:"baloo2", "baloo2 Fallback"}
@font-face{font-family:inter;src:url(../media/inter_latin-s.0rpdhg_4ubdtf.woff2)format("woff2");font-display:swap;font-weight:400 900}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.v1aolq_className{font-family:inter,inter Fallback}.v1aolq_variable{--font-inter:"inter", "inter Fallback"}
@font-face{font-family:lexendDeca;src:url(../media/lexend_deca_latin-s.p.14f9kjaroz-pl.woff2)format("woff2");font-display:swap;font-weight:700 900}@font-face{font-family:lexendDeca Fallback;src:local(Arial);ascent-override:90.26%;descent-override:22.57%;line-gap-override:0.0%;size-adjust:110.79%}.fMdiia_className{font-family:lexendDeca,lexendDeca Fallback}.fMdiia_variable{--font-lexend-deca:"lexendDeca", "lexendDeca Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{color:#000;background:#fff;margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif}:root{--bg:var(--color-background-3,#e4f1f6);--bg-2:var(--color-background-4,#cde5ee);--ink:#1c2b4a;--ink-2:#4b5c7c;--fox:#ff8a3d;--fox-2:#df6316;--teal:#14a496;--sun:#ffc93c;--lilac:#8c7af0;--surface:#ffffffd1;--surface-solid:#fff;--line:#1c2b4a21;--shadow:0 22px 44px -22px #1c2b4a73;--dot:#1c2b4a1f;--pad:#fff;--pad-ring:#14a49659;--foxW:clamp(200px,26vw,340px);--display:var(--font-manrope),"Trebuchet MS","Avenir Next",system-ui,sans-serif;--body:var(--font-manrope),"Segoe UI","Helvetica Neue",system-ui,sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--color-background-3,#12203a);--bg-2:var(--color-background-4,#1a2c4d);--ink:#eef4fb;--ink-2:#a9b9d3;--surface:#1e2e4edb;--surface-solid:#22355a;--line:#eef4fb24;--shadow:0 22px 44px -22px #000000b3;--dot:#eef4fb17;--pad:#eaf2f8;--pad-ring:#14a4968c}}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{height:100%;color:var(--ink);font-family:var(--body);background:radial-gradient(60vmax 60vmax at 85% -10%, hsl(var(--color-h,43.4) 100% 61.8% / .22), transparent 60%), radial-gradient(50vmax 50vmax at -10% 110%, #14a4962e, transparent 60%), var(--bg);margin:0;font-size:16px;line-height:1.55;overflow:hidden}:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:10px}body[data-scene=octa]{background:var(--color-background,#eef1ff)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body[data-scene=octa]{background:#131533}}body[data-scene=models]{background:var(--color-background,#fff6e4)}body[data-scene=landing]{background:#0b0f16;overflow:hidden}body[data-scene=story]{background:var(--color-scene-dark,#2b1510);overflow:hidden}:root{--lms-bg:var(--color-background,#f7f9fc);--lms-surface:#fff;--lms-surface-2:#f1f5f9;--lms-border:#d9e1ea;--lms-text:#172033;--lms-text-2:#5b6678;--lms-muted:#7b8797;--lms-primary:var(--color-primary,#f59e0b);--lms-primary-hover:var(--color-primary-hover,#e08a00);--lms-primary-ink:var(--color-on-primary,#1f1503);--lms-primary-text:var(--color-primary-text,#b45309);--lms-secondary:#0ea5a8;--lms-secondary-text:#0b7f82;--lms-success:#16a34a;--lms-warning:#f59e0b;--lms-error:#dc4c4c;--lms-info:#3b82f6;--lms-grid:#1720330e;--lms-shadow:0 1px 2px #1720330f,0 12px 28px -14px #17203338;--lms-shadow-lg:0 2px 4px #1720330d,0 28px 60px -28px #17203352;--fx-cta:var(--color-primary,#f59e0b);--fx-cta-hover:var(--color-primary-hover,#e08a00);--fx-cta-edge:var(--color-primary-edge,#b86e06);--fx-cta-ink:var(--color-on-primary,#1f1503);--fx-work:#0e8f91;--fx-res:#16a34a;--fx-ring-w:3px;--fx-ring-off:3px;--fx-glow:0 0 0 6px #0ea5a829;--fx-cta-glow:0 0 0 7px color-mix(in srgb, var(--color-primary,#f59e0b) 22%, transparent);--fx-lift:-1px;--fx-scale:1.02;--fx-dur:.2s}@media (max-width:760px){:root{--foxW:92px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
[hidden]:not([hidden=until-found i]){display:none!important}button{font:inherit;color:inherit}.scene{opacity:0;visibility:hidden;pointer-events:none;z-index:10;transition:opacity .55s,transform .8s cubic-bezier(.3,1,.3,1),filter .6s,visibility .8s;position:fixed;inset:0;overflow:auto;transform:scale(.94)}.scene.active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.3s,.3s,0s,0s;transform:none}.nova .nv-pose{opacity:0;transition:none}.nova .nv-mo{opacity:0;transition:opacity 90ms}.nova:not([data-pose]) .nv-idle,.nova[data-pose=idle] .nv-idle,.nova[data-pose=wave] .nv-wv{opacity:1}.nova .nv-lid{transform-box:fill-box;transform-origin:50% 0;transition:transform 70ms ease-in;transform:scaleY(0)}.nova .nv-lash{opacity:0;transition:opacity 50ms}#scene-octa,#scene-warmup,#scene-models{--bg1:#eef1ff;--bg2:#fdf6ff;--panel:#fff;--ink:#1b1e3c;--ink2:#4a4f73;--line:#1b1e3c1f;--soft:#f3f4ff;--pri:#5b5bf7;--pri2:#4338ca;--amber:var(--color-primary,#ffb020);--mint:#22c3a0;--coral:#ff6b6b;--sky:#38bdf8;--pink:#f472b6;--shadow:0 24px 60px -28px #1b1e3c73;--r:28px;color:var(--ink);font:400 clamp(15px,.55vw + .9vh,19px)/1.5 var(--body);background:radial-gradient(70vmax 60vmax at 100% 0%,#ffe7f3 0%,transparent 55%),radial-gradient(60vmax 60vmax at 0% 100%,#ddf7ff 0%,transparent 55%),linear-gradient(160deg,var(--bg1),var(--bg2));overflow:hidden}@keyframes stPop{0%{opacity:0;transform:translateY(8px)scale(.96)}}@media (prefers-reduced-motion:reduce){.ec *{animation:auto!important;animation-timeline:none!important}}@keyframes xpT{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.sc *,.mx *{animation:auto!important;animation-timeline:none!important}}.tw-skip{display:none!important}.tw-rest{visibility:hidden}.tw-typing .tw-on:after{content:"";vertical-align:-2px;background:currentColor;width:2px;height:1em;margin-left:2px;animation:.8s steps(2,end) infinite twBlink;display:inline-block}@keyframes twBlink{50%{opacity:0}}.tw-sr{clip:rect(0px, 0px, 0px, 0px);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tw-skip{z-index:2;border:1px solid var(--lms-border);font:700 .72rem var(--body);color:var(--lms-text-2);cursor:pointer;box-shadow:var(--lms-shadow);white-space:nowrap;background:#fff;border-radius:999px;margin-top:4px;padding:2px 10px;display:none;position:absolute;top:100%;right:10px}.tw-busy>.tw-skip{display:block}.tw-busy{cursor:pointer}@media (prefers-reduced-motion:reduce){.fx-ring.cta,.fx-ring.result,.fx-cta-pill,.tw-typing .tw-on:after{animation:auto;animation-timeline:none}}.wi{vertical-align:-.2em;flex:none;justify-content:center;align-items:center;width:1.15em;height:1.15em;line-height:1;display:inline-flex}.wi svg{width:100%;height:100%;display:block}.wi-t{clip:rect(0px, 0px, 0px, 0px);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.scene:not(#scene-landing){padding:76px 16px 46vh}}
#tutor .fox{z-index:30;width:var(--foxW);transition:left 1s cubic-bezier(.5,0,.2,1),bottom 1s cubic-bezier(.5,0,.2,1),width 1s cubic-bezier(.5,0,.2,1);position:fixed;bottom:4vh;left:-40vw}.fox svg{filter:drop-shadow(0 18px 18px #1c2b4a38);width:100%;height:auto;display:block;overflow:visible}.bubble{z-index:31;background:var(--surface-solid);border:2px solid var(--ink);box-shadow:6px 8px 0 var(--ink);opacity:0;transform-origin:0 100%;pointer-events:none;border-radius:28px;max-height:46vh;padding:22px 24px 18px;transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1);position:fixed;overflow:auto;transform:scale(.8)}.bubble.show{opacity:1;pointer-events:auto;transform:none}.bubble:before{content:"";background:var(--surface-solid);border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);width:26px;height:26px;position:absolute}.say{font:500 clamp(1.05rem,1.4vw,1.25rem)/1.5 var(--display);min-height:1.5em;margin:0;padding-right:34px}.say:after{content:"";background:var(--fox);vertical-align:-2px;width:3px;height:1.05em;margin-left:2px;animation:.8s steps(2,end) infinite caret;display:inline-block}.bubble.done .say:after{display:none}@keyframes caret{50%{opacity:0}}.replay{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1rem;display:grid;position:absolute;top:14px;right:14px}.replay:hover{background:var(--line)}.extra:empty{display:none}.extra{margin-top:12px}.actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.actions:empty{display:none}.fox .tail{transform-origin:128px 196px;animation:2.4s ease-in-out infinite wag}.fox .tail.nova-tail{animation:2.6s ease-in-out infinite novaWag}@keyframes novaWag{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}.nova[data-mouth=o] .nv-mo{opacity:1}.nova .nv-mo{transition:opacity 90ms linear}.nova .nv-hand{animation:auto;animation-timeline:none}.fox.blink .nova .nv-lid{transform:scaleY(1)}.fox.blink .nova .nv-lash{opacity:1;transition-delay:40ms}.fox.m-cheer svg.nova{animation:auto;animation-timeline:none}.fox .torso{transform-origin:110px 248px;animation:3.6s ease-in-out infinite breathe}.fox .head{transition:transform .25s ease-out}.fox .eye{transform-box:fill-box;transform-origin:50%;transition:transform 80ms}.fox .happy-eyes,.fox .mouth-open,.fox.talking .mouth-smile{opacity:0}.fox.talking .mouth-open{opacity:1}.fox.talking .mouth-open ellipse{transform-box:fill-box;transform-origin:50%;animation:.24s ease-in-out infinite alternate talk}.fox .arm{transition:transform .5s cubic-bezier(.3,1.5,.5,1)}.fox.m-cheer svg{animation:.6s ease-in-out 2 hop}.fox .ear{transform-box:fill-box;transform-origin:50% 100%}@keyframes wag{0%,to{transform:rotate(-6deg)}50%{transform:rotate(9deg)}}@keyframes breathe{50%{transform:scale(1.02,.985)}}@keyframes talk{0%{transform:scaleY(.35)}to{transform:scaleY(1.1)}}@keyframes hop{50%{transform:translateY(-22px)}}.fox.swap svg{animation:.6s cubic-bezier(.3,1.6,.5,1) swapin}@keyframes swapin{0%{opacity:0;transform:scale(.3)rotate(-12deg)}}body[data-tutor=side] #tutor .bubble{display:none}.mx-fox .fox{width:100%;position:static}.sc.mx[data-focus] .mx-fox .fox{transition:transform .3s}body[data-scene=hero] #bubble,body[data-scene=landing] #bubble{display:none!important}@media (max-width:760px){body[data-tutor] #tutor .fox{left:6px;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);width:92px}body[data-tutor=hidden] #tutor .fox{left:-60vw}body[data-tutor] .bubble,body[data-scene=overview] .bubble{width:auto;top:auto;left:102px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);transform-origin:0 100%;max-height:42vh;padding:16px 16px 14px}body[data-tutor] .bubble:before{inset:auto auto 28px -15px;transform:rotate(45deg)}.say{font-size:1rem}}.has-vc{flex-wrap:wrap}.has-vc>button:not(.vc button),.has-vc>.ec-sayb,.has-vc>.tt-voice{display:none!important}.has-vc>p{flex:100%}.mx-say.has-vc,.pl-say.has-vc,.ec-say.has-vc,.st-say.has-vc,.bubble.has-vc{padding-right:14px!important}.ts-tutor .pl-say.has-vc,.pl[data-view=code] .pl-tutor{height:auto!important;max-height:none!important}.vc{border-top:1px dashed #94a3b880;flex-wrap:nowrap;flex:100%;align-items:center;gap:6px;margin-top:8px;padding-top:8px;display:flex}.vc button{color:#334155;min-width:34px;height:34px;font:800 12.5px/1 var(--body,system-ui);cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:0;transition:background .15s,border-color .15s;width:34px!important;display:inline-flex!important;position:static!important}.vc button svg{flex:none;width:17px;height:17px}.vc button:hover{border-color:#94a3b8}.vc .vc-r{color:#0e7c7b;background:#e6f6f6;border-color:#99dcdd}.vc [aria-pressed=true]{background:hsl(var(--color-h,40) 100% 93.5%);border-color:var(--color-primary,#f59e0b);color:hsl(var(--color-h,35.5) 100% 30.2%);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary,#f59e0b) 18%, transparent)}.vc button:focus-visible{outline-offset:2px;outline:3px solid #0ea5a8}.vc-x{font:900 13px/1 var(--body,system-ui);letter-spacing:-.03em}.vc-f .vc-x{font-size:11.5px}.vc-sep{background:#e2e8f0;width:1px;height:20px;margin:0 2px}.st-say.has-vc .st-rep{display:none!important}.st-say.has-vc .st-sayf:not(:has(.st-tap:not([hidden]))){display:none}.st-say.has-vc{padding-right:18px!important}.st-say.has-vc .vc{pointer-events:auto;margin-top:10px}.st-say.has-vc .vc button{pointer-events:auto}.owl .ow-v:not([data-v="0"]),.owl .ow-blink,.owl .ow-wave,.owl .ow-wave-mouth,.owl .ow-mouth-open{opacity:0}.owl[data-pose=wave] .ow-wave,.owl[data-pose=wave] .ow-wave-mouth{opacity:1}.owl[data-pose=wave] .ow-v,.owl[data-pose=wave] .ow-eyes{opacity:0!important}.fox[data-tutor-slug=owl]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.fox[data-tutor-slug=owl]:active{cursor:grabbing}.lt .lt-wave,.lt .lt-laugh,.lt .lt-mouth{opacity:0}.lt .lt-mouth{transition:opacity 90ms linear}.lt[data-pose=wave] .lt-wave,.lt[data-pose=laugh] .lt-laugh{opacity:1}.lt[data-pose=wave] .lt-body,.lt[data-pose=laugh] .lt-body{opacity:0}.lt[data-pose=laugh] .lt-eye,.lt[data-pose=laugh] .lt-mouth{opacity:0!important}.lt[data-mouth=o][data-mv="0"] .lt-mouth[data-v="0"],.lt[data-mouth=o][data-mv="1"] .lt-mouth[data-v="1"],.lt[data-mouth=o][data-mv="2"] .lt-mouth[data-v="2"],.lt[data-mouth=o][data-mv="3"] .lt-mouth[data-v="3"],.lt[data-mouth=o]:not([data-mv]) .lt-mouth[data-v="0"]{opacity:1}.lt-nowave[data-hop="1"]{transform-origin:50% 95%;animation:.5s ease-in-out 3 cloudwave}@keyframes cloudwave{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-12px)rotate(-3deg)}70%{transform:translateY(-5px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.lt-nowave[data-hop="1"]{animation:none}}.owl .ow-mouth,.owl .ow-mouth-open{transition:opacity 90ms linear}
#hud{top:calc(env(safe-area-inset-top,0px) + 14px);z-index:40;opacity:0;pointer-events:none;align-items:center;gap:16px;transition:all .6s;display:flex;position:fixed;left:20px;right:20px;transform:translateY(-20px)}body:not([data-scene=landing]) #hud{opacity:1;pointer-events:auto;transform:none}.brand{font:600 1.15rem var(--display);align-items:center;gap:8px;margin-right:auto;display:flex}.brand svg{width:28px;height:28px}.xp{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:.9rem;display:flex}.xp .lvl{background:var(--ink);color:var(--bg);font:600 .85rem var(--display);border-radius:999px;padding:3px 10px}.xpbar{background:var(--line);border-radius:8px;width:110px;height:8px;overflow:hidden}.xpbar i{background:linear-gradient(90deg,var(--sun),var(--fox));border-radius:8px;width:0;height:100%;transition:width .8s cubic-bezier(.3,1.4,.5,1);display:block}.xp b{font:600 1rem var(--display);text-align:right;min-width:3ch}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;display:flex}.icon-btn:hover{border-color:var(--teal)}body[data-scene=octa] #hud .brand,body[data-scene=models] #hud .brand{visibility:hidden}body[data-scene=models] #hud .xp,body[data-scene=models] #hud .mxp{display:none!important}#hud .icon-btn.ic{justify-content:center;width:44px;height:44px;padding:0}#hud .icon-btn .ico{place-items:center;display:grid}#hud .icon-btn .ico svg{width:22px;height:22px}#hud a.icon-btn{color:inherit;text-decoration:none}#hud .icon-btn[aria-pressed=false]{color:#be123c}body[data-scene=landing] #hud{opacity:1;pointer-events:none;transform:none}body[data-scene=landing] #hud .brand,body[data-scene=landing] #hud .xp,body[data-scene=landing] #hud #tutorBtn{display:none}body[data-scene=landing] #hud #voiceBtn{pointer-events:auto;color:#e6eaf2;background:#ffffff0f;border:1px solid #ffffff24;margin-left:auto}body[data-scene=landing] #hud #voiceBtn:hover{background:#ffffff1f}#hud .icon-btn:focus-visible{outline:var(--color-primary,#f5a524) solid 3px;outline-offset:3px}.tp-brand,body[data-scene=tutors] #hud .brand,body[data-scene=tutors] #hud #tutorBtn{display:none}body[data-scene=tutors] #hud .tp-brand{font:700 1.35rem var(--font-fredoka),var(--display);color:#fff;letter-spacing:-.01em;align-items:center;gap:10px;margin-right:auto;display:flex}.tp-brand .lg{color:#1c2b4a;background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.tp-brand .lg svg{width:22px;height:22px}body[data-scene=tutors] #hud{top:calc(env(safe-area-inset-top,0px) + 24px);left:60px;right:60px}body[data-scene=tutors] #hud .xp{color:#fff;font:800 .85rem var(--font-nunito);background:#ffffff24;border-color:#ffffff4d;gap:12px;padding:7px 14px}body[data-scene=tutors] #hud .xp .lvl{color:#fff;font:800 .85rem var(--font-nunito);background:0 0;padding:0}body[data-scene=tutors] #hud .xpbar{background:#ffffff4d;width:90px;height:5px}body[data-scene=tutors] #hud .xpbar i{background:#fff}body[data-scene=tutors] #hud .xp b{font:800 .85rem var(--font-nunito);min-width:0}body[data-scene=tutors] #hud .icon-btn{color:#fff;background:#ffffff24;border-color:#ffffff4d;width:48px;height:48px}@media (max-width:980px){body[data-scene=tutors] #hud{left:16px;right:16px;top:calc(env(safe-area-inset-top,0px) + 12px)}body[data-scene=tutors] #hud .xpbar{display:none}body[data-scene=tutors] #hud .xp{white-space:nowrap}body[data-scene=tutors] #hud .tp-brand{white-space:nowrap;font-size:1.1rem}body[data-scene=tutors] #hud .icon-btn{width:42px;height:42px}}body[data-scene=story] #hud .brand,body[data-scene=story] #hud .xp,body[data-scene=story] #hud #tutorBtn,body[data-scene=story] #hud .tp-brand{display:none!important}body[data-scene=story] #hud{pointer-events:none}body[data-scene=story] #hud #voiceBtn{pointer-events:auto;background:color-mix(in srgb, var(--color-scene-dark,#2b1510) 55%, transparent);border:1px solid color-mix(in srgb, var(--color-primary-border,#ffe6d2) 30%, transparent);color:hsl(var(--color-h,30) 100% 96.9%);margin-left:auto}body[data-scene=octa] #hud .xp,body[data-scene=octa] #hud #tutorBtn{display:none}#hud{pointer-events:none!important}#hud button,#hud a,#hud [role=button]{pointer-events:auto!important}body.map-on #hud .xp,body.map-on #hud #tutorBtn,body.map-on #hud .brand,body.map-on #hud .tp-brand{display:none!important}body.map-on #hud #voiceBtn{color:#e2ecf8;background:#38bdf814;border:1px solid #38bdf84d;margin-left:auto}body.hub-on #hud #voiceBtn,body[data-scene=octa] #hud #voiceBtn{margin-left:auto}body.map-on #hud #voiceBtn{color:#e6edf5;background:#ffffff0d;border:1px solid #94a3b840;margin-left:auto}.mxp{border:1px solid color-mix(in srgb, var(--color-primary,#f59e0b) 35%, transparent);color:#e6edf5;height:44px;font-family:var(--body);pointer-events:auto;background:#0f1723c7;border-radius:22px;align-items:center;gap:10px;padding:0 14px;transition:box-shadow .3s;display:none;box-shadow:0 10px 24px -16px #000000b3}body[data-scene=story] #mxp,body[data-scene=octa] #mxp{margin-left:auto;display:flex}body[data-scene=story] #hud #voiceBtn,body[data-scene=octa] #hud #voiceBtn{margin-left:10px!important}body[data-scene=story] #hud .xp,body[data-scene=octa] #hud .xp{display:none!important}.mxp-t{flex-direction:column;line-height:1.05;display:flex}.mxp-n{font:800 .62rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:#94a3b8}.mxp-l{letter-spacing:.1em;color:var(--color-primary,#f59e0b);text-transform:uppercase;font:700 .62rem ui-monospace,Menlo,monospace}.mxp-v{font:800 .95rem var(--body);font-variant-numeric:tabular-nums;white-space-collapse:collapse;text-wrap-mode:nowrap}.mxp-bar{background:#94a3b840;border-radius:3px;width:clamp(56px,6vw,90px);height:6px;position:relative;overflow:hidden}.mxp-bar i{background:linear-gradient(90deg, var(--color-primary,#f59e0b), var(--color-primary,#f97316));border-radius:3px;width:0;transition:width .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0}.mxp-st{font:800 .78rem var(--body);color:#94a3b8;white-space:nowrap;border-left:1px solid #94a3b840;padding-left:8px}@keyframes mxpGot{40%{box-shadow:0 0 0 6px #f59e0b38,0 0 24px #f59e0b73}}@media (max-width:1100px){.mxp-bar,.mxp-n{display:none}}@media (prefers-reduced-motion:reduce){.mxp.got{animation:auto;animation-timeline:none}.mxp-bar i{transition:none}}body.map-on #hud #voiceBtn{background:var(--lms-surface);border:1px solid var(--lms-border);color:var(--lms-text);box-shadow:var(--lms-shadow)}.mxp{background:var(--lms-surface);border:1px solid var(--lms-border);height:48px;color:var(--lms-text);box-shadow:var(--lms-shadow);cursor:pointer;font-family:var(--body);border-radius:24px;gap:10px;padding:0 12px 0 6px}.mxp:focus-visible{outline:3px solid var(--lms-secondary);outline-offset:2px}.mxp-badge{flex:none;place-items:center;width:38px;height:38px;display:grid}.mxp-badge .mb-svg{width:100%;height:100%}.mb-svg.locked{opacity:.75}.mxp-t{flex-direction:column;min-width:0;line-height:1.1;display:flex}.mxp-n{font:800 .74rem var(--body);letter-spacing:.02em;text-transform:none;color:var(--lms-text);white-space:nowrap}.mxp-l{font:700 .66rem var(--body);letter-spacing:.02em;text-transform:none;color:var(--lms-text-2);white-space:nowrap}.mxp-l b{color:var(--lms-primary-text)}.mxp-v{font:800 .9rem var(--body);color:var(--lms-text)}.mxp-v span{color:var(--lms-text-2);font-size:.76rem;font-weight:600}.mxp-bar{background:var(--lms-surface-2);width:clamp(56px,5vw,84px);height:6px;box-shadow:inset 0 0 0 1px var(--lms-border)}.mxp-bar i{background:var(--lms-primary)}.mxp-st{color:var(--lms-text-2);border-left-color:var(--lms-border)}.mxp-st.hot{color:var(--lms-primary-text);text-shadow:none}.mxp.got{animation:.5s ease-out mxpGot2}@keyframes mxpGot2{40%{box-shadow:0 0 0 5px #f59e0b40,var(--lms-shadow)}}@media (max-width:1100px){.mxp .mxp-n,.mxp .mxp-bar{display:none}}body[data-scene=intro] #hud .xp,body[data-scene=tutors] #hud .xp{display:none!important}body[data-scene=intro] #hud{top:calc(env(safe-area-inset-top,0px) + 24px);left:60px;right:60px}body[data-scene=intro] #hud .brand,body[data-scene=intro] #hud #tutorBtn{display:none}body[data-scene=intro] #hud .xp{color:hsl(var(--color-h,27.9) 57.3% 14.7%);font:800 .85rem var(--font-nunito);box-shadow:hsl(var(--color-h,30) 71.4% 27.5% / .5) 0px 8px 20px -16px;background:#fff;border-color:#0000;gap:12px;padding:7px 14px}body[data-scene=intro] #hud .xp .lvl{color:hsl(var(--color-h,27.9) 57.3% 14.7%);font:800 .85rem var(--font-nunito);background:0 0;padding:0}body[data-scene=intro] #hud .xpbar{background:hsl(var(--color-h,36) 91.8% 90.4%);width:90px;height:5px}body[data-scene=intro] #hud .xpbar i{background:var(--color-primary,#e8650f)}body[data-scene=intro] #hud .xp b{font:800 .85rem var(--font-nunito);min-width:0}body[data-scene=intro] #hud .icon-btn{color:hsl(var(--color-h,27.9) 57.3% 14.7%);width:48px;height:48px;box-shadow:hsl(var(--color-h,30) 71.4% 27.5% / .5) 0px 8px 20px -16px;background:#fff;border-color:#0000}@media (max-width:760px){body[data-scene=intro] #hud{left:16px;right:16px;top:calc(env(safe-area-inset-top,0px) + 12px)}body[data-scene=intro] #hud .ei-hb{white-space:nowrap;font-size:1rem}body[data-scene=intro] #hud .ei-hb span:last-child{text-overflow:ellipsis;max-width:34vw;overflow:hidden}body[data-scene=intro] #hud .xpbar{display:none}body[data-scene=intro] #hud .xp{white-space:nowrap}body[data-scene=intro] #hud .icon-btn{width:42px;height:42px}}.ei-hb{display:none}body[data-scene=intro] #hud .ei-hb{font:600 1.35rem var(--font-fredoka),var(--display);color:hsl(var(--color-h,27.9) 57.3% 14.7%);align-items:center;gap:10px;margin-right:auto;display:flex}.ei-hb .lg{background:var(--color-primary,#e8650f);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.ei-hb .lg svg{width:22px;height:22px}@media (max-width:760px){body[data-scene=intro] #hud .ei-hb{white-space:nowrap;font-size:1rem}body[data-scene=intro] #hud .ei-hb span:last-child{text-overflow:ellipsis;max-width:34vw;overflow:hidden}}body[data-scene=hero] #hud{display:none}@media (max-width:760px){.xpbar{width:56px}.brand span,.icon-btn .vt{display:none}}.mq-navtools{align-items:center;gap:10px;display:none}body.map-on:has(.scene.active .ec.mq) .mq-navtools{display:flex}body.map-on:has(.scene.active .ec.mq) #hud{gap:10px}body.map-on:has(.scene.active .ec.mq) #hud #mqTheme{background:var(--lms-surface);border:1px solid var(--lms-border);color:var(--lms-text);box-shadow:var(--lms-shadow)}body.map-on:has(.scene.active .ec.mq) #hud #mqTheme:hover{color:var(--lms-primary-text)}@media (max-width:860px){body.map-on:has(.scene.active .ec.mq) #hud{gap:8px;left:12px;right:12px}body.map-on:has(.scene.active .ec.mq) #hud .mxp{margin-right:auto}}@media (max-width:520px){body.map-on:has(.scene.active .ec.mq) #hud .mxp-t{display:none}}@keyframes fiBlink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){#fiPause .fi-tag i{animation:none}}body[data-scene=signin] #hud{display:none!important}#hud #fiPause{pointer-events:auto}#hud #fiPause[hidden]{display:none!important}#hud #fiPause{position:relative;overflow:visible}#fiPause .fi-tag{color:#fff;font:700 .78rem/1 var(--font-nunito), system-ui, sans-serif;letter-spacing:.02em;white-space:nowrap;opacity:0;visibility:hidden;background:#1c2b4a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;transition:opacity .2s,translate .25s,visibility 0s .2s;display:flex;position:absolute;top:calc(100% + 10px);left:50%;translate:-50% -4px;box-shadow:0 10px 24px -10px #00000073}#fiPause .fi-tag:before{content:"";background:#1c2b4a;width:8px;height:8px;margin-left:-4px;position:absolute;top:-4px;left:50%;transform:rotate(45deg)}#fiPause .fi-tag i{background:#ff8a3d;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite fiBlink}#fiPause .fi-tag em{color:#ffffffb3;font-style:normal;font-weight:600}#hud #fiPause.on .fi-tag{opacity:1;visibility:visible;transition:opacity .2s,translate .25s;translate:-50%}@media (prefers-reduced-motion:reduce){#fiPause .fi-tag i{animation:none}}#fiPause .ico svg{width:20px;height:20px}#hud #fiPause.on{background:hsl(var(--color-h,23.8) 100% 62%)!important;border-color:hsl(var(--color-h,23.8) 100% 62%)!important;color:#1c2b4a!important}body.fi-paused *,body.fi-paused :before,body.fi-paused :after{animation-play-state:paused!important}body.fi-paused #fiPause,body.fi-paused #fiPause *{animation-play-state:running!important}body.fi-paused .scene{pointer-events:none}#hud .fi-user{pointer-events:auto;flex:none;position:relative}#hud .fi-user-btn{color:var(--ink)}#hud .fi-user-btn[aria-expanded=true]{border-color:var(--teal)}body[data-scene=story] #hud .fi-user-btn{background:color-mix(in srgb, var(--color-scene-dark,#2b1510) 55%, transparent);border:1px solid color-mix(in srgb, var(--color-primary-border,#ffe6d2) 30%, transparent);color:#fff7ef}body[data-scene=landing] #hud .fi-user-btn{color:#e6eaf2;background:#ffffff0f;border:1px solid #ffffff24}body[data-scene=landing] #hud .fi-user-btn:hover{background:#ffffff1f}body.map-on #hud .fi-user-btn{background:var(--lms-surface);border:1px solid var(--lms-border);color:var(--lms-text);box-shadow:var(--lms-shadow)}body.map-on #hud .fi-user-btn:hover{color:var(--lms-primary-text)}body[data-scene=story] #hud #voiceBtn[hidden]+.fi-user,body[data-scene=landing] #hud #voiceBtn[hidden]+.fi-user{margin-left:auto}body[data-scene=landing] #hud:not(:has(#voiceBtn)) .fi-user{margin-left:auto}body[data-scene=hero] #hud:has(.fi-user){display:flex}body[data-scene=hero] #hud:has(.fi-user)>:not(.fi-user){display:none!important}body[data-scene=hero] #hud .fi-user{margin-left:auto}.fi-user-menu{z-index:1;box-sizing:border-box;background:var(--lms-surface);min-width:210px;max-width:min(300px,100vw - 32px);color:var(--lms-text);border:1px solid var(--lms-border);box-shadow:var(--lms-shadow-lg);text-align:left;border-radius:16px;gap:12px;padding:16px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.fi-user-hi{font:700 1.05rem/1.3 var(--display);overflow-wrap:anywhere;margin:0}.fi-user-out{border:1px solid var(--lms-border);background:var(--lms-surface-2);min-height:40px;color:var(--lms-text);font:700 .92rem var(--body);cursor:pointer;transition:background var(--fx-dur), border-color var(--fx-dur), color var(--fx-dur);border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;display:flex}.fi-user-out:hover:not(:disabled){border-color:var(--lms-error);color:var(--lms-error);background:var(--lms-surface)}.fi-user-out:focus-visible{outline:var(--fx-ring-w) solid var(--lms-primary);outline-offset:var(--fx-ring-off)}.fi-user-out:disabled{cursor:progress;opacity:.7}.fi-user-note{font:600 .92rem/1.4 var(--body);color:var(--lms-muted);margin:0}.fi-user-keep{min-height:40px;color:var(--lms-text);font:700 .92rem var(--body);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:8px 16px;display:flex}.fi-user-keep:hover:not(:disabled){background:var(--lms-surface-2)}.fi-user-keep:focus-visible{outline:var(--fx-ring-w) solid var(--lms-primary);outline-offset:var(--fx-ring-off)}.fi-user-keep:disabled{cursor:progress;opacity:.7}@media (prefers-reduced-motion:reduce){.fi-user-out{transition:none}}.mxp{padding:0 12px}.mxp .mxp-badge,.mxp .mxp-st{display:none}body:not([data-scene=hero]):not([data-scene=tutors]):not([data-scene=signin]):not([data-scene=landing]) #hud #tutorBtn{display:inline-flex!important}.tsw-pop{z-index:60;background:var(--lms-surface,#fff);width:min(360px,100vw - 20px);color:var(--lms-text,#172033);border:1px solid var(--lms-border,#d9e1ea);box-shadow:var(--lms-shadow-lg);border-radius:18px;padding:12px;position:fixed}.tsw-hd{font:800 .82rem var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--lms-text-2,#5b6678);margin:2px 4px 10px}.tsw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tsw-t{text-align:left;border:1px solid var(--lms-border,#d9e1ea);background:var(--lms-surface,#fff);cursor:pointer;color:inherit;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:10px;padding:6px 10px 6px 6px;display:grid}.tsw-t:hover{border-color:color-mix(in srgb, var(--tc) 55%, transparent);background:color-mix(in srgb, var(--tc) 6%, #fff)}.tsw-t.on{border-color:var(--tc);box-shadow:0 0 0 2px color-mix(in srgb, var(--tc) 35%, transparent);background:color-mix(in srgb, var(--tc) 9%, #fff)}.tsw-av{background:color-mix(in srgb, var(--tc) 14%, #fff);border-radius:50%;grid-row:1/3;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.tsw-av svg{width:44px;height:44px;display:block}.tsw-t b{font:800 .9rem var(--display);line-height:1.15}.tsw-t span:not(.tsw-av){font:600 .74rem var(--body);color:var(--lms-text-2,#5b6678)}.tsw-t:focus-visible{box-shadow:0 0 0 3px #fff, 0 0 0 6px color-mix(in srgb, var(--tc) 85%, transparent);outline:3px solid #0000}#hud .fi-mode{pointer-events:auto;color:var(--ink);flex:none}#hud .fi-mode.talk{color:var(--fox)}body[data-scene=story] #hud .fi-mode{color:#fff7ef;background:#2b15108c;border:1px solid #ffe6d24d}body[data-scene=landing] #hud .fi-mode{color:#e6eaf2;background:#ffffff0f;border:1px solid #ffffff24}body[data-scene=landing] #hud .fi-mode:hover{background:#ffffff1f}body[data-scene=story] #hud .fi-mode.talk,body[data-scene=landing] #hud .fi-mode.talk{color:#fdba74}body.map-on #hud .fi-mode{background:var(--lms-surface);border:1px solid var(--lms-border);color:var(--lms-text);box-shadow:var(--lms-shadow)}body.map-on #hud .fi-mode.talk{color:var(--lms-primary-text)}body[data-scene=story] #hud #voiceBtn[hidden]+.fi-mode,body[data-scene=landing] #hud #voiceBtn[hidden]+.fi-mode{margin-left:auto}#hud #themeBtn{pointer-events:auto;color:var(--ink);flex:none;transition:border-color .2s,box-shadow .2s,transform .2s}body[data-scene=story] #hud #themeBtn{background:color-mix(in srgb, var(--color-scene-dark,#2b1510) 55%, transparent);border:1px solid color-mix(in srgb, var(--color-primary-border,#ffe6d2) 30%, transparent);color:hsl(var(--color-h,30) 100% 96.9%)}body.map-on #hud #themeBtn{background:var(--lms-surface);border:1px solid var(--lms-border);color:var(--lms-text);box-shadow:var(--lms-shadow)}#hud #themeBtn:hover{border-color:var(--color-primary,#f59e0b);transform:translateY(-1px)}#hud #themeBtn[aria-expanded=true]{border-color:var(--color-primary,#f59e0b);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary,#f59e0b) 28%,transparent)}#hud #themeBtn:focus-visible{outline:3px solid var(--color-primary,#f59e0b);outline-offset:3px}.fi-tp{z-index:2147483000;color:#172033;width:304px;max-width:calc(100vw - 32px);font-family:var(--body);transform-origin:100% 0;background:#fff;border:1px solid #d9e1ea;border-radius:18px;padding:14px;animation:.22s cubic-bezier(.3,1.3,.5,1) fiTpIn;position:fixed;box-shadow:0 2px 4px #1720330d,0 28px 60px -24px #17203366}@keyframes fiTpIn{0%{opacity:0;transform:translateY(-6px)scale(.94)}to{opacity:1;transform:none}}.fi-tp h2{font:800 .74rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:#5b6678;margin:0;padding:2px 6px 10px}.fi-tp-list{grid-template-columns:1fr 1fr;gap:4px;display:grid}.fi-sw{color:#172033;width:100%;font:700 .86rem var(--body);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:8px;transition:background .15s,border-color .15s;display:flex}.fi-sw:hover{background:#f1f5f9}.fi-sw:focus-visible{outline:3px solid var(--color-primary,#f59e0b);outline-offset:1px}.fi-sw[aria-checked=true]{background:var(--color-primary-light,#fff4de);border-color:var(--color-primary-border,#fcd9a0)}.fi-sw .dot{background:var(--sw);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;transition:transform .15s;display:grid;box-shadow:inset 0 0 0 1px #00000014}.fi-sw:hover .dot{transform:scale(1.1)}.fi-sw .dot svg{width:14px;height:14px;color:var(--sw-ink);opacity:0}.fi-sw[aria-checked=true] .dot svg{opacity:1}.fi-tp-foot{font:600 .76rem var(--body);color:#7b8797;justify-content:space-between;align-items:center;gap:8px;margin:10px 6px 0;display:flex}.fi-tp-foot span{align-items:center;gap:6px;display:flex}.fi-tp-foot span:before{content:"";background:#16a34a;border-radius:50%;width:7px;height:7px}.fi-tp-reset{color:var(--color-primary-text,#b45309);font:700 .76rem var(--body);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:2px;text-decoration:underline}.fi-tp-reset:focus-visible{outline:3px solid var(--color-primary,#f59e0b);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.fi-tp{animation:none}}:root[data-color]:not([data-keep-bg]) #scene-tutors{--tc:var(--color-strong)!important}.fi-user-out.fi-user-profile{color:var(--lms-primary-text);background:var(--color-primary-soft,#fff8ec);border-color:var(--color-primary-border,#f8c77a)}.fi-user-out.fi-user-profile:hover{color:var(--lms-primary-text);background:var(--color-primary-light,#fdecc8);border-color:var(--color-primary,#f59e0b)}.fi-demo-skip{border:2px solid var(--fox,#ff8a3d);height:40px;color:var(--ink,#1c2b4a);font:700 14px/1 var(--display,inherit);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;padding:0 16px}.fi-demo-skip:hover{background:#fff3ea}.fi-demo-skip:active{transform:translateY(1px)}.fi-demo-skip:focus-visible{outline:3px solid var(--fox,#ff8a3d);outline-offset:2px}.fi-demo-skip:disabled{opacity:.6;cursor:progress}#hud .fi-more{display:inline-flex;position:relative}#hud .fi-more[hidden]{display:none}#hud .fi-more-btn.on{background:var(--color-primary,#ff8a3d);color:#fff;border-color:#0000}#hud .fi-more-list{z-index:70;background:#fffffff7;border:1px solid #1c2b4a1a;border-radius:18px;flex-direction:column;align-items:stretch;gap:6px;min-width:210px;padding:8px;animation:.18s ease-out both fiMoreIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 40px -18px #1c2b4a73}#hud .fi-more-list[hidden]{display:none}#hud .fi-more-list .mq-navtools{display:contents}#hud .fi-more .fi-more-list .icon-btn{color:#1c2b4a;width:100%;height:42px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:12px;justify-content:flex-start;gap:12px;padding:0 14px 0 12px;text-decoration:none}#hud .fi-more .fi-more-list .icon-btn:after{content:attr(data-tip);font:700 .92rem var(--body);white-space:nowrap}#hud .fi-more .fi-more-list .icon-btn[title]:after{content:attr(title)}body.map-on #hud .fi-more .fi-more-list .icon-btn:not(#fi-none){box-shadow:none!important}#hud .fi-more .fi-more-list .icon-btn:hover{background:#ff8a3d1f}#hud .fi-more .fi-more-list .icon-btn:focus-visible{outline-offset:-3px;background:#ff8a3d1f}#hud .fi-more .fi-more-list .icon-btn .ico{flex:none}#hud .fi-more .fi-more-list #themeBtn{color:#1c2b4a;box-shadow:none;background:0 0;border:0;transform:none}#hud .fi-more .fi-more-list #themeBtn:hover,#hud .fi-more .fi-more-list #themeBtn[aria-expanded=true]{background:#ff8a3d1f}@keyframes fiMoreIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#hud .fi-more-list{animation:none}}
.fly-clone{z-index:60;pointer-events:none;position:fixed}.fly-clone svg{width:100%;height:100%;overflow:visible}.xp-pop{z-index:9000;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex;position:fixed}.xp-pop b{font:800 1.05rem var(--body);color:hsl(var(--color-h,48) 96.6% 76.7%);border:1px solid color-mix(in srgb, var(--color-primary,#f59e0b) 55%, transparent);box-shadow:color-mix(in srgb, var(--color-primary,#f59e0b) 60%, transparent) 0px 0px 18px -4px;background:#0f1723e0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.xp-pop b i{color:var(--color-primary,#f59e0b);font-style:normal}.xp-orb{z-index:9001;pointer-events:none;background:radial-gradient(circle, hsl(var(--color-h,48.3) 100% 92%), var(--color-primary,#f59e0b) 60%, color-mix(in srgb, var(--color-primary,#f59e0b) 0%, transparent));width:12px;height:12px;box-shadow:var(--color-primary,#f59e0b) 0px 0px 12px;border-radius:50%;position:fixed}.xp-toast{z-index:9002;pointer-events:none;border:1px solid color-mix(in srgb, var(--color-primary,#f59e0b) 45%, transparent);color:#e6edf5;max-width:280px;font:600 .88rem var(--body);background:#0f1723eb;border-radius:14px;padding:8px 14px;animation:.35s ease-out xpT;position:fixed;box-shadow:0 18px 36px -18px #000c}.xp-toast b{letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary,#f59e0b);font:800 .72rem ui-monospace,Menlo,monospace;display:block}.xp-toast.big{border-color:#4ade80;padding:12px 16px}.xp-toast.big b{color:#4ade80;font-size:.8rem}.xp-toast.out{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(-6px)}.mxp.lvl{animation:1.4s ease-out mxpLvl}@keyframes mxpLvl{20%,60%{box-shadow:0 0 0 7px #f59e0b4d,0 0 28px #f59e0b66}}.mxp.full{border-color:var(--lms-success)}.mxp.full .mxp-bar i{background:var(--lms-success)}.mxp-pop{z-index:9003;background:var(--lms-surface);border:1px solid var(--lms-border);width:280px;box-shadow:var(--lms-shadow-lg);color:var(--lms-text);font-family:var(--body);border-radius:16px;padding:14px;animation:.25s ease-out xpT;position:fixed}.mxp-pophd{align-items:center;gap:10px;display:flex}.mxp-pophd .mb-svg{flex:none;width:48px;height:48px}.mxp-pophd b{font:800 1rem var(--body);display:block}.mxp-pophd span{font:500 .82rem var(--body);color:var(--lms-text-2)}.mxp-pop dl{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0;display:grid}.mxp-pop dl div{background:var(--lms-surface-2);border-radius:10px;padding:6px 10px}.mxp-pop dt{font:700 .66rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--lms-text-2)}.mxp-pop dd{font:800 .88rem var(--body);margin:2px 0 0}.mxp-pop p{font:500 .84rem/1.45 var(--body);color:var(--lms-text-2);margin:10px 0 0}.xp-pop{z-index:9000;pointer-events:none;text-align:center;background:var(--lms-surface);border:1px solid color-mix(in srgb, var(--color-primary,#f59e0b) 45%, transparent);box-shadow:0 0 0 6px color-mix(in srgb, var(--color-primary,#f59e0b) 10%, transparent),var(--lms-shadow-lg);font-family:var(--body);border-radius:18px;flex-direction:column;align-items:center;gap:3px;padding:10px 20px 12px;display:flex;position:fixed}.xp-pop .xp-spark{color:var(--lms-primary);font-size:1.1rem;font-style:normal;line-height:1}.xp-pop b{box-shadow:none;font:800 1.5rem var(--body);color:var(--lms-primary-text);background:0 0;border:0;padding:0;display:block}.xp-pop span{font:700 .95rem var(--body);color:var(--lms-text);text-shadow:none}.xp-pop em{font:700 .74rem var(--body);color:var(--lms-secondary-text);font-style:normal}.xp-orb{background:radial-gradient(circle,hsl(var(--color-h,48.3) 100% 92%),var(--lms-primary) 60%,color-mix(in srgb, var(--color-primary,#f59e0b) 0%, transparent));box-shadow:color-mix(in srgb, var(--color-primary,#f59e0b) 80%, transparent) 0px 0px 10px}.xp-toast{background:var(--lms-surface);border:1px solid var(--lms-border);color:var(--lms-text);box-shadow:var(--lms-shadow-lg)}.xp-toast b{color:var(--lms-primary-text)}.xp-toast.big{border-color:var(--lms-success)}.xp-toast.big b{color:var(--lms-success)}.lvl-up{z-index:9004;pointer-events:none;background:radial-gradient(circle at 50% 46%,#ffffffbf,#f7f9fc00 60%);place-items:center;display:grid;position:fixed;inset:0}.lvl-card{background:var(--lms-surface);border:1px solid var(--lms-border);box-shadow:0 0 0 8px color-mix(in srgb, var(--color-primary,#f59e0b) 10%, transparent),var(--lms-shadow-lg);font-family:var(--body);color:var(--lms-text);border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:18px 30px 20px;animation:.5s cubic-bezier(.3,1.4,.5,1) lvlIn;display:flex}@keyframes lvlIn{0%{opacity:0;transform:scale(.85)}}.lvl-k{font:800 .78rem var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--lms-primary-text);margin:0}.lvl-badge{width:76px;height:76px;margin:6px 0 2px;animation:1.2s ease-out lvlBadge}.lvl-badge .mb-svg{width:100%;height:100%;filter:drop-shadow(color-mix(in srgb, var(--color-primary,#f59e0b) 45%, transparent) 0px 0px 14px)}@keyframes lvlBadge{0%{opacity:0;transform:scale(.6)rotate(-20deg)}60%{opacity:1;transform:scale(1.08)rotate(4deg)}to{transform:none}}.lvl-card b{font:800 1.7rem var(--body)}.lvl-card>span{font:700 .95rem var(--body);color:var(--lms-text-2)}.lvl-card em{font:700 .8rem var(--body);color:var(--lms-secondary-text);background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:#eaf7f7;border-radius:999px;margin-top:6px;padding:4px 12px;font-style:normal}.lvl-up.out{opacity:0;transition:opacity .45s}@media (prefers-reduced-motion:reduce){.lvl-card,.lvl-badge{animation:auto;animation-timeline:none}}.save-warn{z-index:9500;border-top:1px solid #f3b4b4;border-bottom:1px solid #f3b4b4;border-right:1px solid #f3b4b4;border-left:4px solid var(--lms-error,#dc4c4c);max-width:min(560px,92vw);font:600 .9rem/1.4 var(--body,system-ui);color:#5b1d1d;background:#fff7f7;border-image:;border-radius:12px;padding:10px 14px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px -20px #00000059}.save-warn button{font:700 .82rem var(--body,system-ui);cursor:pointer;background:#fff;border:1px solid #e5a3a3;border-radius:8px;margin-left:8px;padding:4px 10px}.dev-menu{z-index:9600;border:1px solid var(--lms-border);min-width:250px;box-shadow:var(--lms-shadow-lg);font-family:var(--body);background:#fff;border-radius:14px;padding:8px;position:fixed}.dev-menu p{font:800 .66rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--lms-error);margin:2px 6px 6px}.dev-menu button{text-align:left;width:100%;font:700 .86rem var(--body);color:var(--lms-text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;display:block}.dev-menu button:hover{background:var(--lms-surface-2)}.dev-menu button.arm{color:var(--lms-error);background:#fef2f2}.spark{z-index:70;pointer-events:none;border-radius:2px;width:10px;height:10px;position:fixed}.sr-only{clip:rect(0px, 0px, 0px, 0px);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
:root{--z-scene:10;--z-hud:40;--z-skip:65;--z-xp:9000}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fi-tip{--fi-tip-bg:#1c2b4a;--fi-tip-accent:#ff8a3d;z-index:9500;background:var(--fi-tip-bg);color:#fff;text-align:center;max-width:240px;font:700 .8rem/1.25 var(--display,var(--body));letter-spacing:.01em;white-space:normal;box-shadow:0 10px 24px #1c2b4a47, inset 0 -2px 0 var(--fi-tip-accent);pointer-events:none;opacity:0;border-radius:11px;padding:7px 13px 8px;transition:opacity .14s,transform .14s;position:fixed;top:0;left:0;transform:translateY(4px)scale(.96)}.fi-tip.below{transform:translateY(-4px)scale(.96)}.fi-tip.on{opacity:1;transform:none}.fi-tip:after{content:"";left:var(--ax,50%);background:var(--fi-tip-accent);z-index:-1;border-radius:2px;width:10px;height:10px;position:absolute;top:100%;transform:translate(-50%,-50%)rotate(45deg)}.fi-tip.below:after{background:var(--fi-tip-bg);top:0}@media (prefers-reduced-motion:reduce){.fi-tip,.fi-tip.below{transition:none;transform:none}}.zm:not(.zm-mini) .zm-pct.zm-pct{display:none}.zm:not(.zm-mini) .zm-set .zm-rst{display:inline-block}.zm.zm-mini .zm-pct.zm-pct{min-width:40px}.zm.zm-mini .zm-ic.zm-ic{margin-right:0}.xp-tap{z-index:var(--z-xp,9000);pointer-events:none;white-space:nowrap;background:linear-gradient(180deg, hsl(var(--color-h,44.5) 100% 93.9%), hsl(var(--color-h,43.4) 100% 82.9%));border:2px solid var(--sun,hsl(var(--color-h,43.4) 100% 61.8%));box-shadow:0 6px 16px color-mix(in srgb, var(--color-primary,#f59e0b) 32%, transparent);color:var(--ink,#1c2b4a);font:800 .78rem/1 var(--body);border-radius:999px;align-items:center;gap:6px;padding:4px 11px 4px 5px;display:inline-flex;position:fixed;transform:translate(-50%,-90%)}.xp-tap b{background:var(--fox,hsl(var(--color-h,23.8) 100% 62%));color:var(--color-on-primary,#fff);font:900 .74rem/1 var(--display,var(--body));border-radius:999px;padding:4px 7px}:is(#scene-octa-science,#scene-octa-principles,#scene-build,#scene-upload,#scene-program,#scene-test,#scene-assessment,#scene-showcase){--fi-focus:23, 160, 155}@keyframes fiFocusPulse{0%,to{border-color:rgba(var(--fi-focus), .16);background-color:rgba(var(--fi-focus), .02);box-shadow:0 0 0 0 rgba(var(--fi-focus), 0), 0 0 6px 0 rgba(var(--fi-focus), .08), 0 2px 8px #1428460a}50%{border-color:rgba(var(--fi-focus), .45);background-color:rgba(var(--fi-focus), .05);box-shadow:0 0 0 5px rgba(var(--fi-focus), .12), 0 0 26px 4px rgba(var(--fi-focus), .3), 0 2px 8px #1428460a}}:is(#scene-octa-science,#scene-octa-principles,#scene-build,#scene-upload,#scene-program,#scene-test,#scene-assessment,#scene-showcase) .fx-rings>.fx-ring.fx-ring:is(.hint,.main,.cta){box-shadow:none!important;background:0 0!important;border:0!important;animation:none!important;display:block!important}:is(#scene-octa-science,#scene-octa-principles,#scene-build,#scene-upload,#scene-program,#scene-test,#scene-assessment,#scene-showcase) .fx-rings>.fx-ring.fx-ring.cta-off,#scene-build .fx-rings>.fx-ring.fx-ring.hint{display:none!important}:is(#scene-octa-science,#scene-octa-principles,#scene-build,#scene-upload,#scene-program,#scene-test,#scene-assessment,#scene-showcase) .fx-rings>.fx-ring:is(.hint,.main,.cta):after,#scene-build .bx[data-st=kit] .bx-kit:after,:is(#scene-program,#scene-test,#scene-assessment) .pl-pc.glow:after,:is(#scene-program,#scene-test,#scene-assessment) .rx-tab.hot:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid rgba(var(--fi-focus), .22);background-color:rgba(var(--fi-focus), .035);box-shadow:0 0 0 4px rgba(var(--fi-focus), .06), 0 10px 30px -8px rgba(var(--fi-focus), .22), 0 2px 8px #1428460a;animation:2.8s cubic-bezier(.45,0,.55,1) infinite fiFocusPulse;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){:is(#scene-octa-science,#scene-octa-principles,#scene-build,#scene-upload,#scene-program,#scene-test,#scene-assessment,#scene-showcase) .fx-rings>.fx-ring:is(.hint,.main,.cta):after,#scene-build .bx[data-st=kit] .bx-kit:after,:is(#scene-program,#scene-test,#scene-assessment) :is(.pl-pc.glow,.rx-tab.hot):after{animation:none}}#scene-build .bx[data-st=kit] .bx-kit{box-shadow:none!important;animation:none!important}#scene-build .sc.mx[data-focus=ctl] .mx-ctl{box-shadow:var(--lms-shadow-lg)!important;transform:none!important}#scene-upload .ec.ri .ri-btn{animation:none!important}:is(#scene-program,#scene-test,#scene-assessment) .pl-hot,:is(#scene-program,#scene-test,#scene-assessment) .pl-hot:hover{border-color:#0000!important;animation:none!important}:is(#scene-program,#scene-test,#scene-assessment) .rx-tab.hot{border-color:var(--lms-border)!important;animation:none!important}:root{--sb-thumb:color-mix(in srgb, var(--lms-text-2) 42%, transparent);--sb-thumb-hover:var(--lms-primary)}@supports selector(::-webkit-scrollbar){html .mx-chips{scrollbar-width:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--sb-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:999px;min-height:36px}::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--sb-thumb-hover)}}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}}#scene-program .pl[data-view=story] .fx-rings>.fx-ring,:is(#scene-octa-science,#scene-octa-principles,#scene-build,#scene-upload,#scene-program,#scene-test,#scene-assessment,#scene-showcase) .fx-ring.result{display:none!important}.vc .vc-back:disabled{opacity:.45;cursor:default}.vc .vc-back:disabled:hover{border-color:#99dcdd}:is(#scene-build,#scene-upload,#scene-program,#scene-test,#scene-assessment,#scene-showcase) :is(.mx-say,.pl-say,.ec-say,.fm-say){border-color:color-mix(in srgb, var(--color-primary,#f59e0b) 60%, transparent)!important}:is(#scene-build,#scene-program,#scene-test,#scene-assessment) :is(.mx-say,.pl-say){box-shadow:var(--lms-shadow-lg)}html body .sc-title.sc-title[tabindex="-1"]:is(:focus,:focus-visible){box-shadow:none!important;border-color:#0000!important;outline:none!important}html body [data-auto-focus][data-auto-focus][data-auto-focus]:focus-visible{box-shadow:none!important;outline:none!important}html body :is(.mu-pri,.mx-primary,.dp-go,.ri-btn.pri,.hb-go,.fm-btn.pri,.ea-go)[data-auto-focus][data-auto-focus][data-auto-focus]:focus-visible{box-shadow:0 3px 0 var(--fx-cta-edge), 0 12px 24px -14px hsl(var(--color-h,35.1) 93.7% 37.3% / .9)!important}.fi-rotate{display:none}@media (orientation:portrait) and (pointer:coarse){.fi-rotate{z-index:2147483000;padding:32px max(24px, env(safe-area-inset-left));text-align:center;background:var(--bg,#e4f1f6);color:var(--ink,#1c2b4a);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.fi-rotate h2{font:800 clamp(1.4rem, 6vw, 2rem)/1.2 var(--display,var(--body));margin:0}.fi-rotate p{max-width:32ch;font:600 clamp(1rem, 4vw, 1.15rem)/1.45 var(--body);color:var(--lms-text-2,#4b5a78);margin:0}.fi-rotate-ic{width:clamp(96px,30vw,150px);height:auto;color:var(--color-primary,#e8650f)}.fi-rotate-phone{transform-origin:48px 46px;animation:2.4s ease-in-out infinite fiRotateTurn}html:has(.fi-rotate) body{overflow:hidden}.fi-rotate-go{background:var(--color-primary,#e8650f);color:#fff;min-height:52px;font:800 1.05rem var(--body);cursor:pointer;border:0;border-radius:999px;margin-top:8px;padding:0 28px;box-shadow:0 12px 24px -14px #00000073}.fi-rotate-go:focus-visible{outline:3px solid var(--ink,#1c2b4a);outline-offset:3px}}@keyframes fiRotateTurn{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.fi-rotate-phone{animation:none;transform:rotate(-90deg)}}.tw-w{animation:.42s cubic-bezier(.22,.9,.32,1) both twWordIn;display:inline}@keyframes twWordIn{0%{opacity:0;filter:blur(3px)}60%{opacity:.85;filter:blur(.5px)}to{opacity:1;filter:none}}.tw-typing .tw-on:after{content:none;display:none}@media (prefers-reduced-motion:reduce){.tw-w{animation:none}}html body .fs-go[data-auto-focus][data-auto-focus][data-auto-focus]:focus-visible{box-shadow:hsl(var(--color-h,20) 85.7% 49.4% / .8) 0 16px 30px -14px, #0000001f 0 -3px 0 inset!important}.has-vc .vc{min-width:0}.has-vc .vc button{aspect-ratio:1;flex:0 34px;min-width:28px;height:auto;width:auto!important}
.wt{z-index:90;position:fixed;inset:0}.wt-blur{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;position:absolute;inset:0}.wt-spot{box-shadow:0 0 30px 10px hsl(var(--color-h,20.5) 90.2% 48.2% / .35);pointer-events:none;border-radius:16px;transition:left .25s,top .25s,width .25s,height .25s;animation:1.6s ease-in-out infinite wtPulse;position:fixed}.wt-card{color:var(--color-scene-dark,#2b1510);font-family:var(--body);background:#fff;border-radius:18px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:fixed;box-shadow:0 24px 50px -20px #00000059}.wt-head{flex-direction:column;gap:2px;display:flex}.wt-count{font:800 .72rem/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--color-h,20.5) 90.2% 42%);display:block}.wt-card h2{font:800 1.05rem/1.2 var(--display,var(--body));margin:2px 0 0}.wt-line{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes wtPulse{50%{box-shadow:0 0 36px 14px hsl(var(--color-h,20.5) 90.2% 48.2% / .3)}}.wt-actions{align-items:center;gap:8px;margin-top:2px;display:flex}.wt-gap{flex:1}.wt-actions button{min-height:40px;font:800 .95rem var(--body);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:0 16px}.wt-next{background:hsl(var(--color-h,20.5) 90.2% 48.2%);color:#fff}.wt-next:hover{filter:brightness(1.06)}.wt-back{color:inherit;background:#fff;border-color:hsl(var(--color-h,25.3) 71.1% 82.4%)!important}.wt-skip{color:hsl(var(--color-h,23.1) 39.4% 38.8%);text-underline-offset:3px;background:0 0;text-decoration:underline;padding:0 8px!important}.wt-actions button:focus-visible{outline:3px solid var(--color-scene-dark,#2b1510);outline-offset:2px}@media (prefers-reduced-motion:reduce){.wt-spot{transition:none;animation:none}}