.ellie[data-v-2434c01c]{display:block;height:auto;overflow:visible}.ellie [class][data-v-2434c01c]{transform-box:fill-box}.shadow[data-v-2434c01c]{transform-origin:50% 50%;animation:ellieShadow-2434c01c 3.6s ease-in-out infinite}.body[data-v-2434c01c]{transform-origin:50% 100%;animation:ellieBob-2434c01c 3.6s ease-in-out infinite}.ear-l[data-v-2434c01c]{transform-origin:88% 16%;animation:ellieSwayL-2434c01c 3.6s ease-in-out infinite}.ear-r[data-v-2434c01c]{transform-origin:12% 16%;animation:ellieSwayR-2434c01c 3.6s ease-in-out infinite}.trunk[data-v-2434c01c]{transform-origin:50% 7%;animation:ellieTrunk-2434c01c 3.6s ease-in-out infinite}.eyes[data-v-2434c01c]{transform-origin:50% 50%;animation:ellieBlink-2434c01c 4.8s ease-in-out infinite}@keyframes ellieBob-2434c01c{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ellieShadow-2434c01c{0%,to{transform:scale(1)}50%{transform:scale(.93)}}@keyframes ellieSwayL-2434c01c{0%,to{transform:rotate(0)}50%{transform:rotate(-3.5deg)}}@keyframes ellieSwayR-2434c01c{0%,to{transform:rotate(0)}50%{transform:rotate(3.5deg)}}@keyframes ellieTrunk-2434c01c{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(2.5deg)}}@keyframes ellieBlink-2434c01c{0%,93%,to{transform:scaleY(1)}96.5%{transform:scaleY(.08)}}.ellie:hover .body[data-v-2434c01c]{animation:ellieHop-2434c01c .62s ease-in-out infinite}.ellie:hover .shadow[data-v-2434c01c]{animation:ellieShadowHop-2434c01c .62s ease-in-out infinite}.ellie:hover .hat[data-v-2434c01c]{animation:ellieHatTip-2434c01c .62s ease-in-out infinite}.ellie:hover .ear-l[data-v-2434c01c]{animation:ellieFlapL-2434c01c .62s ease-in-out infinite}.ellie:hover .ear-r[data-v-2434c01c]{animation:ellieFlapR-2434c01c .62s ease-in-out infinite}.ellie:hover .trunk[data-v-2434c01c]{animation:ellieTrunkUp-2434c01c .62s ease-in-out infinite}.ellie:hover .eyes[data-v-2434c01c]{animation:ellieSquint-2434c01c .62s ease-in-out infinite}@keyframes ellieHop-2434c01c{0%,to{transform:translateY(0)}45%{transform:translateY(-11px)}}@keyframes ellieShadowHop-2434c01c{0%,to{transform:scale(1);opacity:.16}45%{transform:scale(.8);opacity:.1}}@keyframes ellieHatTip-2434c01c{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-4px) rotate(-7deg)}}@keyframes ellieFlapL-2434c01c{0%,to{transform:rotate(0)}45%{transform:rotate(-13deg)}}@keyframes ellieFlapR-2434c01c{0%,to{transform:rotate(0)}45%{transform:rotate(13deg)}}@keyframes ellieTrunkUp-2434c01c{0%,to{transform:rotate(0)}45%{transform:rotate(-9deg)}}@keyframes ellieSquint-2434c01c{0%,to{transform:scaleY(1)}45%{transform:scaleY(.62)}}@media (prefers-reduced-motion: reduce){.ellie [class][data-v-2434c01c]{animation:none!important}}.intro-overlay[data-v-1caf67d4]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:intro-fade-1caf67d4 var(--dur-progress, .32s) var(--ease, ease) both}.intro-card[data-v-1caf67d4]{position:relative;width:min(460px,100%);background:var(--white);border-radius:22px;padding:30px 28px 22px;box-shadow:var(--shadow-card);text-align:center;animation:intro-pop-1caf67d4 var(--dur-progress, .32s) var(--ease, ease) both}.intro-skip[data-v-1caf67d4]{position:absolute;top:14px;right:16px;border:0;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--muted)}.intro-skip[data-v-1caf67d4]:hover{color:var(--ink)}.intro-ellie[data-v-1caf67d4]{display:grid;place-items:center;margin-bottom:8px}.intro-ellie[data-v-1caf67d4] .ellie{width:96px}.intro-slide[data-v-1caf67d4]{min-height:132px}.intro-title[data-v-1caf67d4]{font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:8px}.intro-body[data-v-1caf67d4]{font-size:14px;line-height:1.5;color:var(--muted);max-width:36ch;margin:0 auto}.intro-savanna[data-v-1caf67d4]{margin-top:16px;text-align:left}.intro-savanna p[data-v-1caf67d4]{font-size:13px;line-height:1.45;color:var(--ink)}.intro-foot[data-v-1caf67d4]{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.intro-dots[data-v-1caf67d4]{display:flex;gap:7px}.intro-dot[data-v-1caf67d4]{width:7px;height:7px;border-radius:var(--r-pill, 999px);background:var(--surface-200, #e2e8f0);transition:all var(--dur-press, .16s) var(--ease, ease)}.intro-dot.active[data-v-1caf67d4]{width:20px;background:var(--island-active)}.intro-next[data-v-1caf67d4]{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;padding:11px 18px;border-radius:var(--r-pill, 999px);background:var(--island-active);color:var(--white);font-size:13.5px;font-weight:700;transition:transform var(--dur-press, .16s) var(--ease, ease)}.intro-next[data-v-1caf67d4]:hover{transform:translate(2px)}.intro-next[data-v-1caf67d4] svg{width:15px;height:15px}.slide-fwd-enter-active[data-v-1caf67d4],.slide-fwd-leave-active[data-v-1caf67d4],.slide-back-enter-active[data-v-1caf67d4],.slide-back-leave-active[data-v-1caf67d4]{transition:opacity var(--dur-press, .18s) var(--ease, ease),transform var(--dur-press, .18s) var(--ease, ease)}.slide-fwd-enter-from[data-v-1caf67d4]{opacity:0;transform:translate(16px)}.slide-fwd-leave-to[data-v-1caf67d4],.slide-back-enter-from[data-v-1caf67d4]{opacity:0;transform:translate(-16px)}.slide-back-leave-to[data-v-1caf67d4]{opacity:0;transform:translate(16px)}@keyframes intro-fade-1caf67d4{0%{opacity:0}}@keyframes intro-pop-1caf67d4{0%{opacity:0;transform:translateY(10px) scale(.98)}}@media (prefers-reduced-motion: reduce){.intro-overlay[data-v-1caf67d4],.intro-card[data-v-1caf67d4]{animation:none}.slide-fwd-enter-active[data-v-1caf67d4],.slide-fwd-leave-active[data-v-1caf67d4],.slide-back-enter-active[data-v-1caf67d4],.slide-back-leave-active[data-v-1caf67d4]{transition:none}.intro-next[data-v-1caf67d4]:hover{transform:none}}.app[data-v-5f13f2d7]{height:100%}svg[data-v-711314c8]{display:block}svg[data-v-0b69e74c]{display:block;overflow:visible}.blink-dot[data-v-818d5271]{animation:blink-818d5271 1.4s steps(1) infinite}@keyframes blink-818d5271{0%,55%{opacity:1}56%,to{opacity:.15}}.home-figure[data-v-4b507971]{display:flex;align-items:flex-end;position:relative;height:120px}.home-building[data-v-4b507971]{position:absolute;left:-2px;bottom:8px;opacity:.96}.home-ellie[data-v-4b507971]{position:relative;left:38px;z-index:2}.body-emblem[data-v-11f56ed4]{width:64px;height:64px;border-radius:18px;background:var(--surface-100);color:var(--muted);display:grid;place-items:center}.body-emblem svg[data-v-11f56ed4]{width:30px;height:30px}.body-emblem.gold[data-v-11f56ed4]{background:var(--periwinkle);color:var(--gold)}.qmark-mini[data-v-11f56ed4]{font-size:30px;font-weight:800;color:var(--muted)}.chap-list[data-v-11f56ed4]{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:10px 12px 14px}.chap-list-head[data-v-11f56ed4]{font-size:var(--t-eyebrow-size);font-weight:var(--t-eyebrow-weight);letter-spacing:var(--track-pill);text-transform:uppercase;color:var(--muted);margin:2px 6px 4px}.chap-row[data-v-11f56ed4]{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;text-decoration:none;color:inherit;transition:background var(--dur-press) var(--ease),border-color var(--dur-press) var(--ease)}.chap-row[data-v-11f56ed4]:hover{background:var(--surface-100)}.chap-row.current[data-v-11f56ed4]{background:var(--offwhite);border-color:var(--island-active)}.chap-row.locked[data-v-11f56ed4]{cursor:not-allowed}.chap-ic[data-v-11f56ed4]{flex:0 0 auto;width:26px;height:26px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--surface-200);color:var(--muted);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.chap-ic svg[data-v-11f56ed4]{width:14px;height:14px}.chap-row.current .chap-ic[data-v-11f56ed4]{background:var(--island-active);color:var(--white)}.chap-row.done .chap-ic[data-v-11f56ed4]{background:var(--green);color:var(--white)}.chap-main[data-v-11f56ed4]{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.chap-title[data-v-11f56ed4]{font-size:13.5px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chap-row.locked .chap-title[data-v-11f56ed4]{color:var(--muted)}.chap-meta[data-v-11f56ed4]{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.chap-meta-bar[data-v-11f56ed4]{flex:0 0 auto;width:56px;height:4px;border-radius:var(--r-pill);background:var(--surface-200);overflow:hidden}.chap-meta-fill[data-v-11f56ed4]{display:block;height:100%;border-radius:var(--r-pill);background:var(--island-active);transition:width var(--dur-progress) var(--ease)}.chap-row.done .chap-meta-fill[data-v-11f56ed4]{background:var(--green)}.chap-go[data-v-11f56ed4]{flex:0 0 auto;width:16px;height:16px;color:var(--surface-300);transition:color var(--dur-press) var(--ease),transform var(--dur-press) var(--ease)}.chap-row:hover .chap-go[data-v-11f56ed4]{color:var(--island-active);transform:translate(2px)}.lang-toggle[data-v-5c8bf80e]{display:inline-flex;align-items:center;gap:4px;background:var(--surface-100);border-radius:999px;padding:3px 8px 3px 9px;flex:0 0 auto}.lang-globe[data-v-5c8bf80e]{width:15px;height:15px;color:var(--muted);margin-right:2px}.lang-seg[data-v-5c8bf80e]{border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.04em;padding:4px 8px;border-radius:999px;cursor:pointer;transition:background var(--dur-press) var(--ease),color var(--dur-press) var(--ease)}.lang-seg[data-v-5c8bf80e]:hover{color:var(--ink)}.lang-seg.on[data-v-5c8bf80e]{background:var(--white);color:var(--accent);box-shadow:var(--shadow-soft)}.account[data-v-fcfc6ee1]{position:relative}.user-avatar[data-v-fcfc6ee1]{border:none;padding:0;cursor:pointer}.account-catch[data-v-fcfc6ee1]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.account-pop[data-v-fcfc6ee1]{position:absolute;top:calc(100% + 10px);right:0;z-index:41;width:256px;background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:14px;display:flex;flex-direction:column;gap:10px}.pop-head[data-v-fcfc6ee1]{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--hairline)}.pop-avatar[data-v-fcfc6ee1]{width:38px;height:38px;border-radius:var(--r-pill);flex:0 0 auto;background:linear-gradient(135deg,var(--blue-sky),var(--blue));color:var(--white);font-size:13px;font-weight:700;display:grid;place-items:center}.pop-id[data-v-fcfc6ee1]{display:flex;flex-direction:column;min-width:0}.pop-id strong[data-v-fcfc6ee1]{font-size:var(--t-small-size);font-weight:700;color:var(--ink)}.pop-email[data-v-fcfc6ee1]{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pop-row[data-v-fcfc6ee1]{display:flex;align-items:center;justify-content:space-between;gap:8px}.pop-label[data-v-fcfc6ee1]{font-size:12px;font-weight:600;color:var(--muted)}.pop-value[data-v-fcfc6ee1]{font-size:12px;font-weight:700;color:var(--ink)}.pop-value--ok[data-v-fcfc6ee1]{color:color-mix(in srgb,var(--green) 65%,var(--ink))}.pop-value--pending[data-v-fcfc6ee1]{color:color-mix(in srgb,var(--gold) 70%,var(--ink));text-align:right}.pop-badge--ok[data-v-fcfc6ee1]{color:var(--green);font-weight:800}.pop-logout[data-v-fcfc6ee1]{margin-top:2px;border:1.5px solid var(--surface-200);border-radius:var(--r-row);padding:9px;font-family:inherit;font-size:var(--t-small-size);font-weight:700;color:var(--teal);background:var(--white);cursor:pointer;transition:border-color var(--ease) .16s,background var(--ease) .16s}.pop-logout[data-v-fcfc6ee1]:hover{border-color:var(--blue);background:var(--offwhite)}.toast[data-v-899c60cc]{position:fixed;left:50%;bottom:34px;transform:translate(-50%) translateY(20px);z-index:90;background:var(--teal);color:#fff;padding:13px 20px 13px 16px;border-radius:13px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow-toast);opacity:0;pointer-events:none;transition:opacity .32s var(--ease),transform .32s var(--ease);font-size:14px;font-weight:700}.toast.show[data-v-899c60cc]{opacity:1;transform:translate(-50%) translateY(0)}.toast-badge[data-v-899c60cc]{width:30px;height:30px;border-radius:999px;background:var(--green);display:grid;place-items:center;flex:0 0 auto}.toast-badge svg[data-v-899c60cc]{width:17px;height:17px}.toast small[data-v-899c60cc]{display:block;font-size:11px;font-weight:600;opacity:.7;margin-top:1px}.confetti[data-v-d3983d1c]{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55;overflow:hidden}.confetti-bit[data-v-d3983d1c]{position:absolute;top:-20px;opacity:0;animation-name:fall-d3983d1c;animation-timing-function:linear;animation-fill-mode:forwards;will-change:transform,opacity}@keyframes fall-d3983d1c{0%{opacity:1;transform:translateY(-10px) rotate(0)}to{opacity:0;transform:translateY(102vh) rotate(540deg)}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-cyrillic-ext-800-normal-BZOjs1Xv.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-800-normal-Ca-gJeZY.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-cyrillic-800-normal-C7MGvYyJ.woff2) format("woff2"),url(/assets/inter-cyrillic-800-normal-CCHyn08d.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-greek-ext-800-normal-B--PVpEC.woff2) format("woff2"),url(/assets/inter-greek-ext-800-normal-DUe57HfS.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-greek-800-normal-CLIouy3y.woff2) format("woff2"),url(/assets/inter-greek-800-normal-BU00tryP.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-vietnamese-800-normal-Cm7tD1pz.woff2) format("woff2"),url(/assets/inter-vietnamese-800-normal-DDlpr_Ee.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-ext-800-normal-DZJjya6U.woff2) format("woff2"),url(/assets/inter-latin-ext-800-normal-BOMpwxm3.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-800-normal-BYj_oED-.woff2) format("woff2"),url(/assets/inter-latin-800-normal-D1mf63XC.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--teal: #0a2828;--blue: #2563eb;--blue-deep: #1d4ed8;--blue-bright: #3b82f6;--blue-sky: #60a5fa;--periwinkle: #dbeafe;--offwhite: #f0f4ff;--canvas: #e8eef7;--gold: #f59e0b;--gold-bright: #fbbf24;--green: #22c55e;--red: #ef4444;--ink: #1e293b;--muted: #64748b;--line: #94a3b8;--white: #ffffff;--surface-100: #f1f5f9;--surface-200: #e2e8f0;--surface-300: #cbd5e1;--hairline: #eef2f7;--locked-top: #b0bac9;--locked-side: #8a93a0;--mystery-top: #c7cfdb;--mystery-side: #a8b2c0;--gold-tint: #fef3c7;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--t-display-size: 32px;--t-display-weight: 800;--t-h1-size: 25px;--t-h1-weight: 800;--t-h2-size: 17px;--t-h2-weight: 800;--t-h3-size: 15px;--t-h3-weight: 700;--t-body-size: 14px;--t-body-weight: 500;--t-small-size: 13px;--t-small-weight: 500;--t-label-size: 12.5px;--t-label-weight: 700;--t-eyebrow-size: 9.5px;--t-eyebrow-weight: 700;--track-tight: -.02em;--track-eyebrow: .12em;--track-pill: .1em;--r-xs: 8px;--r-sm: 9px;--r-md: 12px;--r-card: 14px;--r-row: 13px;--r-lg: 18px;--r-pill: 999px;--shadow-soft: 0 4px 24px rgba(15, 23, 42, .08);--shadow-card: 0 8px 30px rgba(15, 23, 42, .12);--shadow-panel: -10px 0 40px rgba(15, 23, 42, .16);--shadow-toast: 0 12px 36px rgba(10, 40, 40, .4);--shadow-cta: 0 6px 18px rgba(37, 99, 235, .32);--shadow-pop: 0 3px 10px rgba(245, 158, 11, .4);--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .4, 1);--ease-luxe: cubic-bezier(.16, 1, .3, 1);--dur-press: .16s;--dur-toggle: .22s;--dur-panel: .3s;--dur-progress: .6s;--dur-pulse: 2.6s;--accent: var(--blue);--accent-deep: var(--blue-deep);--accent-tint: var(--periwinkle);--canvas-bg: var(--canvas);--island-active: var(--blue);--island-active-2: var(--blue-deep);--island-locked: var(--locked-top);--island-locked-ped: var(--locked-side)}.t-display{font-family:var(--font);font-weight:var(--t-display-weight);font-size:var(--t-display-size);letter-spacing:var(--track-tight);line-height:1.05;color:var(--ink)}.t-h1{font-family:var(--font);font-weight:var(--t-h1-weight);font-size:var(--t-h1-size);letter-spacing:var(--track-tight);line-height:1.1;color:var(--ink)}.t-h2{font-family:var(--font);font-weight:var(--t-h2-weight);font-size:var(--t-h2-size);letter-spacing:-.01em;color:var(--ink)}.t-h3{font-family:var(--font);font-weight:var(--t-h3-weight);font-size:var(--t-h3-size);letter-spacing:-.01em;color:var(--ink)}.t-body{font-family:var(--font);font-weight:var(--t-body-weight);font-size:var(--t-body-size);line-height:1.5;color:var(--ink)}.t-small{font-family:var(--font);font-weight:var(--t-small-weight);font-size:var(--t-small-size);line-height:1.5;color:var(--muted)}.t-label{font-family:var(--font);font-weight:var(--t-label-weight);font-size:var(--t-label-size);color:var(--ink)}.t-eyebrow{font-family:var(--font);font-weight:var(--t-eyebrow-weight);font-size:var(--t-eyebrow-size);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--canvas-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}:root{color-scheme:light}a{color:inherit}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg.icon{width:1em;height:1em;flex:0 0 auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.map-view{display:flex;flex-direction:column;height:100%;width:100%}.topbar{height:56px;flex:0 0 56px;background:var(--white);display:flex;align-items:center;padding:0 18px;gap:20px;box-shadow:0 1px #0f172a0f,0 4px 14px #0f172a0a;z-index:60;position:relative}.topbar .brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}.brand-chip{width:34px;height:34px;border-radius:9px;background:var(--teal);display:grid;place-items:center;flex:0 0 auto}.brand-chip svg{width:24px;height:24px;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-kicker{font-size:9.5px;font-weight:700;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}.brand-title{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.progress-wrap{flex:1 1 auto;display:flex;align-items:center;gap:14px;max-width:540px;margin:0 auto}.progress-label{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.progress-track{flex:1 1 auto;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden;position:relative}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px;transition:width .6s var(--ease)}.progress-count{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.progress-count b{color:var(--island-active)}.topbar-end{display:flex;align-items:center;gap:12px;flex:0 0 auto}.user-avatar{width:34px;height:34px;border-radius:999px;flex:0 0 auto;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #ffffff80}.canvas{flex:1 1 auto;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,#eef3fb 0%,var(--canvas-bg) 55%,#dfe7f3 100%);cursor:grab;touch-action:none}.canvas.is-panning{cursor:grabbing}.world{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform}.canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.1) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50% 45%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 30%,transparent 78%);pointer-events:none}.connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.island{position:absolute;transform:translate(-50%,-50%);z-index:5;cursor:pointer;border:none;background:none;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .22s var(--ease)}.island:hover{transform:translate(-50%,calc(-50% - 6px))}.island:active{transform:translate(-50%,calc(-50% - 2px))}.island-art{position:relative;display:block}.island-art svg{display:block;overflow:visible}.surface{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.island-label{position:absolute;left:50%;transform:translate(-50%);bottom:-14px;background:var(--teal);color:#fff;border-radius:999px;padding:6px 14px 6px 10px;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:var(--shadow-soft);z-index:8}.island-label .lbl-kicker{font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.62}.island-label .lbl-name{font-size:12.5px;font-weight:700;letter-spacing:-.01em}.island-label .lbl-prog{font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;background:#ffffff29;padding:2px 7px;border-radius:999px;margin-left:2px}.island-label .lbl-divider{width:1px;height:14px;background:#fff3}.island-label.is-active{background:linear-gradient(180deg,#1d4ed8,#1e3a8a)}.island-label.is-active .lbl-prog{background:var(--gold);color:var(--teal)}.pulse-ring{position:absolute;left:50%;top:38%;width:200px;height:96px;transform:translate(-50%,-50%);border-radius:50%;border:2.5px solid rgba(37,99,235,.55);animation:ringPulse 2.6s var(--ease) infinite;pointer-events:none;z-index:0}@keyframes ringPulse{0%{transform:translate(-50%,-50%) scale(.72);opacity:0}35%{opacity:.85}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.lock-icon{width:40px;height:46px;filter:drop-shadow(0 3px 5px rgba(15,23,42,.22))}.qmark{font-size:56px;font-weight:800;color:#ffffffe6;text-shadow:0 3px 0 rgba(100,116,139,.45);line-height:1;-webkit-user-select:none;user-select:none}.speech{position:relative;background:var(--gold);color:var(--teal);font-size:9.5px;font-weight:800;letter-spacing:.06em;padding:6px 11px;border-radius:9px;box-shadow:0 3px 10px #f59e0b66;white-space:nowrap;animation:bob 2.4s ease-in-out infinite;margin-bottom:4px}.speech:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--gold);border-bottom:0}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.island.flash-green .disc-top{animation:greenFlash 1.2s var(--ease)}@keyframes greenFlash{0%,to{fill:var(--island-active)}30%,60%{fill:var(--green)}}@keyframes unlockPop{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.12)}to{transform:translate(-50%,-50%) scale(1)}}.island.unlocking{animation:unlockPop .6s var(--ease)}.zoom-controls{position:absolute;right:18px;bottom:18px;z-index:30;display:flex;flex-direction:column;gap:6px}.zoom-btn{width:38px;height:38px;border-radius:11px;border:1px solid #e2e8f0;background:var(--white);color:var(--ink);font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-soft);transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.zoom-btn:hover{border-color:var(--island-active);color:var(--island-active);transform:translateY(-1px)}.zoom-btn:active{transform:translateY(0)}.zoom-btn.reset svg{width:17px;height:17px}.help{position:absolute;left:18px;bottom:18px;z-index:30}.help-catch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.help-btn{width:38px;height:38px;border-radius:11px;border:1px solid #e2e8f0;background:var(--white);color:var(--ink);font-size:19px;font-weight:800;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-soft);transition:background .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.help-btn:hover,.help-btn[aria-expanded=true]{border-color:var(--island-active);color:var(--island-active)}.help-pop{position:absolute;left:0;bottom:46px;width:250px;background:var(--white);border-radius:14px;padding:13px 15px;box-shadow:var(--shadow-card)}.help-pop h4{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--island-active);margin-bottom:6px}.help-pop p{font-size:12px;line-height:1.45;color:var(--muted)}.help-replay{display:inline-flex;align-items:center;gap:7px;margin-top:11px;padding:7px 11px;border:1px solid #e2e8f0;border-radius:var(--r-pill, 999px);background:var(--white);color:var(--ink);font-size:12px;font-weight:700;cursor:pointer;transition:border-color .16s var(--ease),color .16s var(--ease)}.help-replay:hover{border-color:var(--island-active);color:var(--island-active)}.help-replay svg{width:13px;height:13px}.help-pop-fade-enter-active,.help-pop-fade-leave-active{transition:opacity .16s var(--ease),transform .16s var(--ease)}.help-pop-fade-enter-from,.help-pop-fade-leave-to{opacity:0;transform:translateY(6px)}@media (prefers-reduced-motion: reduce){.help-pop-fade-enter-active,.help-pop-fade-leave-active{transition:none}}.legend{position:absolute;right:18px;top:16px;z-index:30;background:var(--white);border-radius:12px;padding:10px 13px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:7px}.legend-row{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--muted)}.legend-dot{width:12px;height:12px;border-radius:4px;flex:0 0 auto}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f172a2e;opacity:0;pointer-events:none;transition:opacity .28s var(--ease)}.scrim.open{opacity:1;pointer-events:auto}.panel{position:absolute;top:0;right:0;bottom:0;z-index:50;width:360px;max-width:86vw;background:var(--white);box-shadow:-10px 0 40px #0f172a29;transform:translate(100%);transition:transform .3s var(--ease);display:flex;flex-direction:column}.panel.open{transform:translate(0)}.panel-head{padding:22px 22px 18px;position:relative;flex:0 0 auto;border-bottom:1px solid #eef2f7}.panel-chip{display:inline-flex;align-items:center;gap:6px;background:var(--periwinkle);color:var(--island-active);font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;margin-bottom:12px}.panel-chip.locked{background:#eef1f5;color:var(--muted)}.panel-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.panel-title{font-size:25px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.panel-prog{font-size:13px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.panel-prog b{color:var(--island-active)}.panel-sub{font-size:13px;line-height:1.5;color:var(--muted);margin-top:8px;max-width:90%}.course-prog{margin-top:16px;background:#f6f9fe;border:1px solid #e8eef7;border-radius:13px;padding:12px 14px}.cp-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.cp-label{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cp-pct{font-size:16px;font-weight:800;color:var(--island-active);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.cp-track{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.cp-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px;transition:width .5s var(--ease)}.panel-close{position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:999px;border:none;background:#f1f5f9;color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:background .16s,color .16s}.panel-close:hover{background:#e2e8f0;color:var(--ink)}.panel-close svg{width:16px;height:16px}.lock-body{flex:1 1 auto;padding:30px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.lock-body .big-lock{width:64px;height:72px;opacity:.85}.lock-body h3{font-size:17px;font-weight:800;color:var(--ink)}.lock-body p{font-size:13px;line-height:1.55;color:var(--muted);max-width:240px}.panel-foot{flex:0 0 auto;padding:16px;border-top:1px solid #eef2f7}.unlock-cta{width:100%;border:none;border-radius:13px;padding:14px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.01em;cursor:not-allowed;transition:all .2s var(--ease);display:flex;align-items:center;justify-content:center;gap:8px}.unlock-cta.locked{background:#eef1f5;color:var(--muted)}.unlock-cta.ready{background:var(--island-active);color:#fff;cursor:pointer;box-shadow:0 6px 18px #2563eb52}.unlock-cta.ready:hover{background:var(--island-active-2);transform:translateY(-1px)}.unlock-cta svg{width:15px;height:15px}.xp-chip{display:inline-flex;align-items:center;gap:6px;background:var(--gold-tint);color:var(--teal);font-size:13px;font-weight:800;padding:7px 12px;border-radius:999px;font-variant-numeric:tabular-nums;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease)}.xp-chip svg{width:14px;height:14px;color:var(--gold)}.xp-chip.flash{transform:scale(1.12);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 28%,transparent)}.player{height:100%;display:flex;flex-direction:column}.p-top{flex:0 0 auto;height:64px;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;gap:18px;padding:0 18px;box-shadow:0 1px #94a3b82e;z-index:6}.exit{flex:0 0 auto;width:40px;height:40px;border-radius:12px;border:none;background:var(--surface-100);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:background var(--dur-press) var(--ease),color var(--dur-press) var(--ease)}.exit:hover{background:var(--surface-200);color:var(--ink)}.exit svg{width:20px;height:20px}.p-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;align-items:center}.p-mod{font-size:11.5px;color:var(--muted);font-weight:600;white-space:nowrap}.p-mod b{color:var(--ink);font-weight:800}.stepper{display:flex;gap:5px;width:min(440px,100%)}.seg{flex:1;height:7px;border-radius:999px;background:var(--surface-200);border:none;padding:0;cursor:pointer;overflow:hidden;position:relative}.seg:disabled{cursor:default}.seg .seg-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:scaleX(0);transform-origin:left;border-radius:999px;transition:transform .4s var(--ease)}.seg.done .seg-fill{transform:scaleX(1)}.seg.cur .seg-fill{transform:scaleX(1);background:linear-gradient(90deg,var(--accent),var(--accent-deep))}.p-stats{flex:0 0 auto;display:flex;align-items:center;gap:10px}.combo{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:var(--surface-300);font-variant-numeric:tabular-nums;transition:color .25s var(--ease),transform .25s var(--ease-spring)}.combo svg{width:15px;height:15px}.combo.on{color:var(--gold);transform:scale(1.06)}.p-stage{flex:1;min-height:0;position:relative;display:flex}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:50px;height:50px;border-radius:999px;border:1.5px solid var(--surface-200);background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform var(--dur-press) var(--ease),background var(--dur-press) var(--ease),opacity var(--dur-press) var(--ease)}.nav-arrow svg{width:22px;height:22px}.nav-arrow.left{left:18px}.nav-arrow.right{right:18px}.nav-arrow:hover:not(:disabled){transform:translateY(-50%) scale(1.07);background:#fff}.nav-arrow:disabled{opacity:0;pointer-events:none}.stage-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:40px 90px 48px}.stage-inner{width:100%;max-width:680px}@keyframes chapFwd{0%{transform:translate(34px)}to{transform:none}}@keyframes chapBack{0%{transform:translate(-34px)}to{transform:none}}@media (prefers-reduced-motion: no-preference){.stage-inner.fwd{animation:chapFwd .42s var(--ease-luxe) both}.stage-inner.back{animation:chapBack .42s var(--ease-luxe) both}}.xp-pop{position:absolute;transform:translate(-50%,-50%);z-index:7;display:inline-flex;align-items:center;gap:4px;background:var(--gold);color:var(--teal);font-size:14px;font-weight:800;padding:5px 11px;border-radius:999px;box-shadow:var(--shadow-pop);pointer-events:none;font-variant-numeric:tabular-nums;animation:pop 1.1s var(--ease-luxe) forwards}.xp-pop svg{width:13px;height:13px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}18%{opacity:1;transform:translate(-50%,-90%) scale(1.05)}to{opacity:0;transform:translate(-50%,-220%) scale(1)}}.chap-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block}.chap-eyebrow i{color:var(--muted);font-style:normal}.chap-eyebrow.center{text-align:center}.chap-title{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.02;margin-top:14px}.chap-h2{font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.12;margin:12px 0 0}.chap-h2.center{text-align:center}.chap-sub{font-size:17px;color:var(--muted);line-height:1.5;margin-top:12px;text-wrap:pretty}.chap-lead{font-size:15px;color:var(--muted);line-height:1.55;margin-top:10px;text-wrap:pretty}.chap-lead.center{text-align:center}.chap-body{font-size:17px;line-height:1.66;color:#33415a;margin-top:18px;text-wrap:pretty}.chap-body b{color:var(--ink);font-weight:700}.chap-body code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86em;background:var(--surface-100);padding:1px 6px;border-radius:6px}.bar{display:inline-block;width:18px;height:2px;border-radius:2px;background:var(--accent);vertical-align:middle}.m-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-tint);padding:8px 14px;border-radius:999px}.meta-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.meta-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--surface-200);font-size:13px;font-weight:700;color:var(--ink);padding:8px 13px;border-radius:999px;font-variant-numeric:tabular-nums}.meta-chip svg{width:15px;height:15px;color:var(--accent)}.meta-chip.gold svg{color:var(--gold)}.obj-card{margin-top:24px;background:#fff;border-radius:var(--r-lg);padding:22px 24px;box-shadow:var(--shadow-soft)}.obj-head{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.obj{list-style:none;display:flex;flex-direction:column;gap:13px}.obj li{display:flex;gap:13px;align-items:flex-start;font-size:15.5px;line-height:1.5}.obj .dot{flex:0 0 auto;width:24px;height:24px;border-radius:999px;background:var(--accent-tint);display:grid;place-items:center;margin-top:1px}.obj .dot svg{width:14px;height:14px;color:var(--accent)}.ellie-row{margin-top:22px;display:flex;align-items:center;gap:15px;background:var(--canvas);border-radius:var(--r-lg);padding:16px 18px}.ellie-row .ellie-svg{width:54px;flex:0 0 auto}.ellie-row p{font-size:14px;line-height:1.55;color:var(--muted)}.ellie-row p b{color:var(--ink);font-weight:700}.figure{margin-top:18px;height:210px;border-radius:var(--r-lg);display:grid;place-items:center;text-align:center;background:repeating-linear-gradient(45deg,#2563eb0f 0,#2563eb0f 12px,#2563eb05 12px,#2563eb05 24px),var(--offwhite);border:1.5px dashed var(--surface-300)}.figure-cap{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;letter-spacing:.02em;color:var(--muted);background:#ffffffb3;padding:6px 12px;border-radius:8px;max-width:80%}.concept-list{list-style:none;margin:18px 0 0;display:flex;flex-direction:column;gap:11px}.concept-list li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:#33415a}.concept-list li b{color:var(--ink);font-weight:700}.concept-list .li-dot{flex:0 0 auto;width:8px;height:8px;border-radius:999px;background:var(--accent);margin-top:8px}.takeaway{margin-top:22px;background:var(--accent-tint);border-radius:var(--r-card);padding:15px 17px;display:flex;flex-direction:column;gap:7px}.takeaway .ta-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)}.takeaway .ta-tag svg{width:13px;height:13px}.takeaway>span:last-child{font-size:15px;font-weight:600;color:var(--teal);line-height:1.5}.steps{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:0;background:#fff;border-radius:var(--r-lg);padding:8px 22px;box-shadow:var(--shadow-soft)}.steps li{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--hairline)}.steps li:last-child{border-bottom:none}.steps .step-n{flex:0 0 auto;width:32px;height:32px;border-radius:999px;background:var(--accent-tint);color:var(--accent);font-size:14px;font-weight:800;display:grid;place-items:center}.steps li>span:last-child{font-size:15.5px;line-height:1.5;padding-top:4px;color:#33415a}.prac-prog{display:flex;align-items:center;gap:13px;margin-top:20px}.prac-prog .track{flex:1;height:8px;border-radius:999px;background:var(--surface-200);overflow:hidden}.prac-prog .fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-deep));border-radius:999px;transition:width var(--dur-progress) var(--ease)}.prac-prog .cnt{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.prac-prog .cnt b{color:var(--accent)}.calls{margin-top:16px;display:flex;flex-direction:column;gap:9px}.q{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:var(--r-card);background:#fff;border:1.5px solid transparent;cursor:pointer;font-family:inherit;text-align:left;width:100%;box-shadow:var(--shadow-soft);transition:transform var(--dur-press) var(--ease),border-color var(--dur-press) var(--ease)}.q:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.q.done{background:#f6fbf8;box-shadow:none}.cb{flex:0 0 auto;width:26px;height:26px;border-radius:9px;border:2px solid var(--surface-300);background:#fff;display:grid;place-items:center;margin-top:1px;transition:background var(--dur-toggle) var(--ease),border-color var(--dur-toggle) var(--ease)}.cb svg{width:15px;height:15px;color:#fff;opacity:0;transform:scale(.6);transition:opacity var(--dur-toggle) var(--ease),transform var(--dur-toggle) var(--ease-spring)}.q.done .cb{background:var(--green);border-color:var(--green)}.q.done .cb svg{opacity:1;transform:scale(1)}.qbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.qid{font-size:9.5px;font-weight:800;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.qt{font-size:15px;font-weight:700;color:var(--ink)}.q.done .qt{text-decoration:line-through;text-decoration-thickness:2px;color:var(--muted)}.qd{font-size:13px;color:var(--muted);line-height:1.45}.q-hint{font-size:12px;color:var(--accent-deep);line-height:1.45;margin-top:2px}.qxp{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;background:var(--gold-tint);color:var(--teal);font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;font-variant-numeric:tabular-nums;margin-top:2px}.qxp svg{width:12px;height:12px;color:var(--gold)}.q.done .qxp{opacity:.5}.q.q-highlight{animation:qHighlight 2.4s var(--ease) 1}@keyframes qHighlight{0%,to{box-shadow:var(--shadow-soft)}16%,58%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent),var(--shadow-card)}}.mc-list{margin-top:20px;display:flex;flex-direction:column;gap:14px}.mc-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;text-align:left;background:#fff;border:2px solid transparent;border-radius:var(--r-lg);padding:20px 22px;cursor:pointer;font-family:inherit;width:100%;box-shadow:var(--shadow-soft);transition:transform var(--dur-press) var(--ease),border-color var(--dur-press) var(--ease),box-shadow var(--dur-press) var(--ease)}.mc-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:var(--shadow-card)}.mc-card.done{background:#f1faf4;box-shadow:none}.mc-card.done:hover{border-color:color-mix(in srgb,var(--green) 36%,transparent)}.mc-medal{flex:0 0 auto;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;margin-top:2px;background:var(--periwinkle);color:var(--accent);transition:background var(--dur-press) var(--ease),color var(--dur-press) var(--ease)}.mc-medal svg{width:19px;height:19px}.mc-card:hover .mc-medal{background:var(--accent);color:#fff}.mc-card.done .mc-medal,.mc-card.done:hover .mc-medal{background:var(--green);color:#fff}.mc-body{min-width:0;display:flex;flex-direction:column;gap:4px}.mc-id{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}.mc-title{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.mc-card.done .mc-title{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--line);color:var(--muted)}.mc-desc{font-size:14px;color:#475569;line-height:1.5;margin-top:1px}.mc-hint{font-size:13.5px;color:var(--accent);line-height:1.5;margin-top:4px}.mc-hint b{font-weight:800}.mc-card.done .mc-hint{color:var(--muted)}.mc-cta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13.5px;font-weight:800;color:var(--accent);white-space:nowrap}.mc-cta svg{width:15px;height:15px}.mc-card.done .mc-cta{color:var(--green)}.mc-xp{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;background:var(--gold-tint);color:var(--teal);font-size:13px;font-weight:800;padding:7px 12px;border-radius:999px;font-variant-numeric:tabular-nums}.mc-xp svg{width:13px;height:13px;color:var(--gold)}.mc-card.done .mc-xp{opacity:.55}@media (prefers-reduced-motion: no-preference){.mc-card{animation:liRise .5s var(--ease-luxe) both;animation-delay:var(--d, 0ms)}}.ex-view{display:flex;flex-direction:column}.ex-back{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:800;color:var(--muted);padding:8px 12px 8px 8px;border-radius:10px;margin-bottom:8px;white-space:nowrap;transition:color var(--dur-press) var(--ease),background var(--dur-press) var(--ease)}.ex-back:hover{color:var(--ink);background:var(--surface-100)}.ex-back svg{width:17px;height:17px}.ex-id-row{display:flex;align-items:center;gap:12px;margin-top:14px}.ex-id{font-size:12px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--teal);padding:5px 12px;border-radius:999px;font-variant-numeric:tabular-nums}.ex-xp{display:inline-flex;align-items:center;gap:5px;background:var(--gold-tint);color:var(--teal);font-size:14px;font-weight:800;padding:7px 14px;border-radius:999px;font-variant-numeric:tabular-nums}.ex-xp svg{width:14px;height:14px;color:var(--gold)}.ex-title{font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--teal);margin-top:8px}.ex-obj{margin-top:26px;background:#fff;border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--shadow-soft);border-left:4px solid var(--accent)}.ex-obj-tag{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.ex-obj-tag svg{width:14px;height:14px}.ex-obj p{font-size:16px;line-height:1.55;color:var(--ink);font-weight:600;margin-top:10px}.ex-path{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:14px}.ex-crumb{font-size:12.5px;font-weight:700;color:var(--blue-deep);background:var(--periwinkle);padding:5px 11px;border-radius:8px;font-family:ui-monospace,SF Mono,Menlo,monospace}.ex-crsep{width:14px;height:14px;color:var(--line)}.ex-steps-head{display:flex;align-items:center;gap:10px;margin-top:32px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.ex-sh-bar{display:inline-block;width:20px;height:3px;border-radius:2px;background:var(--accent)}.ex-steps-list{list-style:none;display:flex;flex-direction:column;gap:0;background:#fff;border-radius:var(--r-lg);padding:6px 22px;box-shadow:var(--shadow-soft);margin-top:14px}.ex-steps-list li{display:flex;gap:18px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--hairline)}.ex-steps-list li:last-child{border-bottom:none}.ex-sn{flex:0 0 auto;width:32px;height:32px;border-radius:999px;background:var(--periwinkle);color:var(--accent);font-size:14px;font-weight:800;display:grid;place-items:center;margin-top:3px}.ex-scol{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.ex-stxt{font-size:15px;line-height:1.6;color:#33415a;padding-top:4px}.ex-stxt b{color:var(--ink);font-weight:700}.ex-shot{height:148px;border-radius:var(--r-card);display:grid;place-items:center;text-align:center;background:repeating-linear-gradient(45deg,#2563eb0f 0,#2563eb0f 11px,#2563eb05 11px,#2563eb05 22px),var(--offwhite);border:1.5px dashed var(--surface-300)}.ex-shot-cap{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;color:var(--muted);background:#ffffffc7;padding:6px 12px;border-radius:8px;max-width:84%}.ex-ellie{margin-top:22px;display:flex;align-items:center;gap:16px;background:var(--canvas);border-radius:var(--r-lg);padding:16px 20px}.ex-ellie .ellie{width:52px!important;height:auto;flex:0 0 auto}.ex-ellie p{font-size:14.5px;line-height:1.55;color:#475569}.ex-ellie p b{color:var(--blue-deep);font-weight:800}.ex-val{margin-top:22px;background:#fff;border-radius:var(--r-lg);padding:24px 24px 26px;box-shadow:var(--shadow-card);border:2px solid var(--periwinkle)}.ex-val.ok{border-color:color-mix(in srgb,var(--green) 38%,transparent);background:#f4fcf7}.ex-val-tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.ex-val-tag svg{width:16px;height:16px}.ex-val-lead{font-size:15px;line-height:1.6;color:#33415a;margin-top:12px}.ex-val-lead b{color:var(--ink);font-weight:700}.ex-record{margin-top:16px;border-radius:var(--r-card);overflow:hidden;border:1.5px solid var(--surface-200);box-shadow:0 6px 18px #0f172a12}.ex-rec-top{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#f8fafd;border-bottom:1.5px solid var(--surface-200)}.ex-dot{width:11px;height:11px;border-radius:999px;background:#e2528a;opacity:.85}.ex-dot.a{background:#f2b53c}.ex-dot.b{background:#3fb46b}.ex-rec-title{font-size:13px;font-weight:800;color:var(--ink);margin-left:6px}.ex-rec-chip{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.1em;color:#fff;background:var(--teal);padding:4px 9px;border-radius:999px}.ex-rec-rows{padding:6px 16px}.ex-rec-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--hairline)}.ex-rec-row:last-child{border-bottom:none}.ex-rk{font-size:13px;font-weight:700;color:var(--muted)}.ex-rv{font-size:13.5px;font-weight:700;color:var(--ink);text-align:right}.ex-rv.ok-dot{color:var(--green)}.ex-rec-row.hot{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 12%,transparent));margin:0 -16px;padding-left:16px;padding-right:16px;border-radius:8px}.ex-rec-row.hot .ex-rk{color:var(--blue-deep)}.ex-rv.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;color:var(--teal);background:var(--gold-tint);padding:4px 11px;border-radius:7px}.ex-code-form{display:flex;gap:12px;align-items:flex-end;margin-top:18px;flex-wrap:wrap}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.ex-code-form.err{animation:shake .5s var(--ease) both}.ex-code-field{flex:1;min-width:180px;display:flex;flex-direction:column;gap:7px}.ex-cf-label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ex-code-input{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:17px;font-weight:700;letter-spacing:.05em;color:var(--ink);padding:13px 15px;border-radius:var(--r-card);border:2px solid var(--surface-200);background:#fff;text-transform:uppercase;transition:border-color var(--dur-press) var(--ease),box-shadow var(--dur-press) var(--ease)}.ex-code-input::placeholder{color:var(--surface-300);font-weight:600;letter-spacing:.02em}.ex-code-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.ex-code-form.err .ex-code-input{border-color:var(--red);box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 14%,transparent)}.ex-val-btn{flex:0 0 auto;border:none;border-radius:var(--r-card);padding:14px 22px;font-family:inherit;font-size:14.5px;font-weight:800;display:inline-flex;align-items:center;gap:9px;cursor:pointer;background:var(--accent);color:#fff;box-shadow:var(--shadow-cta);transition:transform var(--dur-press) var(--ease),background var(--dur-press) var(--ease)}.ex-val-btn:hover{background:var(--blue-deep);transform:translateY(-1px)}.ex-val-btn svg{width:16px;height:16px}.ex-code-err{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:13.5px;font-weight:600;color:var(--red);background:#fef2f2;border-radius:var(--r-card);padding:12px 15px;line-height:1.45}.ex-code-err svg{flex:0 0 auto;width:16px;height:16px}.ex-code-err b{font-weight:800}.ex-success{display:flex;align-items:center;gap:16px;margin-top:6px;flex-wrap:wrap}.ex-vs-badge{flex:0 0 auto;width:52px;height:52px;border-radius:16px;background:linear-gradient(180deg,#34d27b,var(--green));display:grid;place-items:center;box-shadow:0 10px 24px #22c55e52;animation:badgePop .5s var(--ease-spring) both}.ex-vs-badge svg{width:26px;height:26px;color:#fff}@keyframes badgePop{0%{transform:scale(.5)}60%{transform:scale(1.1)}to{transform:scale(1)}}.ex-vs-txt{flex:1;min-width:140px;display:flex;flex-direction:column;gap:3px}.ex-vs-h{font-size:20px;font-weight:800;color:var(--teal);letter-spacing:-.01em}.ex-vs-s{font-size:14px;color:var(--muted)}.ex-vs-s b{color:var(--green);font-weight:800}.ex-vs-btn{flex:0 0 auto;border:none;border-radius:var(--r-card);padding:13px 20px;font-family:inherit;font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--teal);color:#fff;transition:transform var(--dur-press) var(--ease),background var(--dur-press) var(--ease)}.ex-vs-btn:hover{transform:translateY(-1px);background:#06403f}.ex-vs-btn svg{width:15px;height:15px}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hearts{display:inline-flex;gap:4px}.hearts .heart{width:20px;height:20px;color:var(--red);transition:color .3s var(--ease),transform .3s var(--ease-spring)}.hearts .heart.lost{color:var(--surface-300);transform:scale(.86)}.qq{margin-top:14px}.opts{margin-top:20px;display:flex;flex-direction:column;gap:10px}.opt{display:flex;gap:13px;align-items:flex-start;padding:16px 17px;border-radius:var(--r-card);border:1.5px solid var(--surface-200);background:#fff;cursor:pointer;font-family:inherit;text-align:left;font-size:15px;line-height:1.45;color:var(--ink);box-shadow:var(--shadow-soft);transition:border-color var(--dur-press) var(--ease),background var(--dur-press) var(--ease),transform var(--dur-press) var(--ease)}.opt:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.opt.selected{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 10%,#fff)}.opt.selected .mark{border-color:var(--accent);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--accent) 70%,transparent)}.opt.multi.selected .mark{border-radius:7px}.opt .mark{flex:0 0 auto;width:22px;height:22px;border-radius:999px;border:2px solid var(--surface-300);margin-top:1px;display:grid;place-items:center}.opt .mark svg{width:13px;height:13px;opacity:0}.opt.correct{border-color:var(--green);background:#f0fdf4}.opt.correct .mark{background:var(--green);border-color:var(--green)}.opt.correct .mark svg{opacity:1;color:#fff}.opt.wrong{border-color:var(--red);background:#fef2f2}.opt.wrong .mark{background:var(--red);border-color:var(--red)}.opt.wrong .mark svg{opacity:1;color:#fff}.opt:disabled{cursor:default}.explain{margin-top:18px;padding:16px 18px;border-radius:var(--r-card);background:var(--offwhite);font-size:14px;line-height:1.55;color:#33415a;display:flex;gap:11px}.explain svg{flex:0 0 auto;width:18px;height:18px;color:var(--accent);margin-top:1px}.explain b{color:var(--ink)}.explain.ok{background:#f0fdf4}.explain.ok svg{color:var(--green)}.explain.miss{background:#fef6f0}.explain.miss svg{color:var(--gold)}.chap.recap{display:flex;flex-direction:column;align-items:center;padding-top:8px}.recap-badge{position:relative;width:108px;height:108px;display:grid;place-items:center;margin-bottom:8px}.badge-disc{width:92px;height:92px;border-radius:28px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));display:grid;place-items:center;box-shadow:0 12px 30px #f59e0b66;animation:badgePop .6s var(--ease-spring) both}.badge-disc svg{width:46px;height:46px;color:#fff}@keyframes badgePop{0%{transform:scale(.4)}60%{transform:scale(1.08)}to{transform:scale(1)}}.badge-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:34px;border:3px solid var(--gold);opacity:.5;animation:badgeRing 2.4s var(--ease) infinite}@keyframes badgeRing{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.22);opacity:0}to{opacity:0}}.tally{display:flex;gap:12px;margin-top:24px;width:100%;max-width:460px}.tally-cell{flex:1;background:#fff;border-radius:var(--r-lg);padding:18px 10px;text-align:center;box-shadow:var(--shadow-soft)}.tally-cell .tv{display:block;font-size:28px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tally-cell .tl{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}.recap-actions{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:460px}.cta{border:none;border-radius:14px;padding:16px 24px;font-family:inherit;font-size:14.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;width:100%;background:var(--accent);color:#fff;box-shadow:var(--shadow-cta);white-space:nowrap;transition:transform var(--dur-press) var(--ease),background var(--dur-press) var(--ease)}.cta:hover{background:var(--accent-deep);transform:translateY(-1px)}.cta svg{width:17px;height:17px}.ghost-btn{border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:10px;transition:color var(--dur-press) var(--ease),background var(--dur-press) var(--ease)}.ghost-btn:hover{color:var(--ink);background:var(--surface-100)}.ghost-btn svg{width:16px;height:16px}.p-bottom{flex:0 0 auto;height:74px;background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 24px;box-shadow:0 -1px #94a3b82e}.b-prev{border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:11px 16px;border-radius:12px;transition:color var(--dur-press) var(--ease),background var(--dur-press) var(--ease)}.b-prev:hover:not(:disabled){color:var(--ink);background:var(--surface-100)}.b-prev:disabled{opacity:0;pointer-events:none}.b-prev svg{width:17px;height:17px}.b-count{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center}.b-next{border:none;border-radius:13px;padding:13px 24px;font-family:inherit;font-size:14.5px;font-weight:800;display:inline-flex;align-items:center;gap:9px;cursor:pointer;background:var(--accent);color:#fff;box-shadow:var(--shadow-cta);white-space:nowrap;transition:transform var(--dur-press) var(--ease),background var(--dur-press) var(--ease),opacity var(--dur-press) var(--ease)}.b-next:hover:not(:disabled){background:var(--accent-deep);transform:translateY(-1px)}.b-next:disabled{background:#e6eaf2;color:var(--muted);box-shadow:none;cursor:not-allowed}.b-next svg{width:17px;height:17px}.app[data-density=compact] .chap-title{font-size:33px}.app[data-density=compact] .chap-h2{font-size:23px}.app[data-density=compact] .chap-body{font-size:15.5px}.app[data-density=compact] .stage-scroll{padding:30px 80px 38px}@media (prefers-reduced-motion: no-preference){.obj li,.concept-list li,.steps li,.q{animation:liRise .5s var(--ease-luxe) both;animation-delay:var(--d, 0ms)}@keyframes liRise{0%{transform:translateY(10px)}to{transform:none}}}@media (max-width: 760px){.stage-scroll{padding:28px 20px 36px}.nav-arrow{display:none}.chap-title{font-size:31px}}.page-chap .keyterm,.block-keyterm{background:var(--periwinkle);border-radius:12px;padding:16px 20px;margin-top:18px}.keyterm-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:5px}.keyterm-body{font-size:14.5px;line-height:1.55;color:var(--ink)}.block-callout,.callout{display:flex;gap:12px;border-radius:12px;padding:14px 18px;margin-top:18px;font-size:14.5px;line-height:1.55}.callout.warn{background:#fff8ec;color:#7a5c00}.callout.info{background:#eef3fb;color:#1c4a82}.callout.tip{background:#ecf7f1;color:#0f6e56}.block-savanna,.savanna{background:var(--mint, #e1f5ee);border-radius:12px;padding:16px 20px;margin-top:18px}.savanna-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em;color:var(--teal-600, #0f6e56)}.savanna-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-200, #5dcaa5)}.block-todo,.todo{background:#fff;border:1.5px solid var(--periwinkle);border-radius:12px;padding:15px 18px;margin-top:18px}.todo-head{display:flex;align-items:center;gap:9px;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.tcheck{width:19px;height:19px;border-radius:5px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.block-challenge,.challenge{background:#faeeda;border-radius:12px;padding:16px 20px;margin-top:18px}.challenge-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin-bottom:7px;text-transform:uppercase;color:#854f0b}.challenge-dot{width:8px;height:8px;border-radius:50%;background:#ef9f27}.block-shot,.shot{margin-top:18px;background:#fff;border:1.5px solid var(--surface-200);border-radius:14px;padding:18px}.shot-tag{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:2px 7px;border-radius:5px;background:var(--periwinkle);border:1px solid var(--line);margin-bottom:12px}.shot-image{width:auto;max-width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--surface-200)}.shot-zoom-btn{display:block;width:100%;padding:0;margin:0;border:none;background:none;border-radius:10px;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10' cy='10' r='6.5' stroke='%2323344d' stroke-width='2'/%3E%3Cpath d='M14.5 14.5L20 20' stroke='%2323344d' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 7v6M7 10h6' stroke='%2323344d' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E") 11 11,zoom-in}.shot-zoom-btn:hover .shot-image,.shot-zoom-btn:focus-visible .shot-image{box-shadow:0 0 0 3px #2563eb47}.shot-zoom-btn:focus-visible{outline:none}.shot-cap{margin-top:12px}.shot-title{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.shot-desc{font-size:13.5px;line-height:1.55;color:var(--muted)}.shot-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.shot-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0f172ab8;cursor:pointer}.shot-lightbox-panel{position:relative;z-index:1;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}.shot-lightbox-body{width:auto;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);background:#fff;border-radius:16px;padding:18px 20px 16px;box-shadow:0 24px 64px #0f172a59;overflow-x:hidden;overflow-y:auto}.shot-lightbox-tag{margin-bottom:12px}.shot-lightbox-figure{margin:0}.shot-lightbox-stage{line-height:0;max-width:100%;overflow:hidden}.shot-lightbox-image{display:block;width:auto;height:auto;max-width:calc(100vw - 88px);max-height:calc(100vh - 11rem);border-radius:10px;border:1px solid var(--surface-200);image-rendering:auto}.shot-lightbox-image.is-sized{max-width:none;max-height:none}.shot-lightbox-cap{margin-top:14px;line-height:1.55;max-width:100%;overflow-wrap:anywhere}.shot-lightbox-cap code{overflow-wrap:anywhere;white-space:normal}.shot-lightbox-counter{margin:12px 0 0;font-size:12px;color:var(--muted);text-align:center}.shot-lightbox-close{position:absolute;top:8px;right:8px;z-index:2;width:40px;height:40px;border:none;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 4px 16px #0f172a33;display:grid;place-items:center;cursor:pointer}.shot-lightbox-close:hover{background:var(--offwhite)}.shot-lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:9002;width:44px;height:44px;border:none;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 4px 16px #0f172a33;display:grid;place-items:center;cursor:pointer}.shot-lightbox-nav--prev{left:16px}.shot-lightbox-nav--next{right:16px}.shot-lightbox-nav:hover{background:var(--offwhite)}@media (max-width: 720px){.shot-lightbox{padding:12px}.shot-lightbox-panel,.shot-lightbox-body{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.shot-lightbox-image:not(.is-sized){max-width:calc(100vw - 64px)}.shot-lightbox-nav{width:40px;height:40px}.shot-lightbox-nav--prev{left:8px}.shot-lightbox-nav--next{right:8px}}@media (prefers-reduced-motion: no-preference){.shot-lightbox-backdrop{animation:shotLbFade .18s ease}.shot-lightbox-body{animation:shotLbPop .22s ease}}@keyframes shotLbFade{0%{opacity:0}to{opacity:1}}@keyframes shotLbPop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.block-dialogue .qa-q{background:var(--periwinkle);border-radius:14px 14px 14px 4px;padding:12px 16px;font-size:14.5px;max-width:80%}.block-dialogue .qa-a{display:flex;justify-content:flex-end;margin-top:8px}.block-dialogue .qa-a span{background:var(--mint, #e1f5ee);border-radius:14px 14px 4px;padding:10px 15px;font-size:13.5px;max-width:80%}.maps-to{font-size:12px;color:var(--muted);font-style:italic;margin-top:4px}.block-diagram,.diagram{margin-top:18px;background:#fff;border:1.5px solid var(--surface-200);border-radius:14px;padding:18px}.diagram-title{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.diagram-svg{width:100%;height:auto;display:block}.diagram-image{width:100%;height:auto;display:block;border-radius:10px}.diagram-native svg{width:100%;height:auto;display:block}.diagram-native svg text{font-family:Inter,system-ui,-apple-system,sans-serif;fill:var(--ink)}.diagram-native svg .th{font-size:15px;font-weight:600}.diagram-native svg .ts{font-size:13px;font-weight:400;fill:#5f5e5a}.diagram-native svg .c-purple rect,.diagram-native svg .c-purple circle{fill:#eeedfe;stroke:#afa9ec}.diagram-native svg .c-purple .th{fill:#3c3489}.diagram-native svg .c-purple .ts{fill:#534ab7}.diagram-native svg .c-teal rect,.diagram-native svg .c-teal circle{fill:#e1f5ee;stroke:#5dcaa5}.diagram-native svg .c-teal .th{fill:#085041}.diagram-native svg .c-teal .ts{fill:#0f6e56}.diagram-native svg .c-coral rect,.diagram-native svg .c-coral circle{fill:#faece7;stroke:#f0997b}.diagram-native svg .c-coral .th{fill:#712b13}.diagram-native svg .c-coral .ts{fill:#993c1d}.diagram-native svg .c-amber rect,.diagram-native svg .c-amber circle{fill:#faeeda;stroke:#ef9f27}.diagram-native svg .c-amber .th{fill:#633806}.diagram-native svg .c-amber .ts{fill:#854f0b}.diagram-native svg .c-gray rect,.diagram-native svg .c-gray circle{fill:#f1efe8;stroke:#b4b2a9}.diagram-native svg .c-gray .th{fill:#444441}.diagram-native svg .c-gray .ts{fill:#5f5e5a}.diagram-native svg .arr{stroke:#b4b2a9;stroke-width:1.5px;fill:none}.diagram-edge{stroke:color-mix(in srgb,var(--line) 78%,#475569);stroke-width:1.8;opacity:.85}.diagram-node{stroke-width:1.2}.diagram-node.node-purple{fill:#e9e8fb;stroke:#b3b2f0}.diagram-node.node-teal{fill:#dff4ef;stroke:#8ed5c5}.diagram-node.node-coral{fill:#fde8e4;stroke:#f1b9ad}.diagram-node.node-default{fill:#eef2f7;stroke:#c8d3e0}.diagram-node-title{fill:#25324a;font-size:12px;font-weight:700}.diagram-node-subtitle{fill:#415474;font-size:10.8px;font-weight:500}.code-block{background:#2c2c2a;color:#e8e6df;border-radius:10px;padding:16px 18px;margin-top:16px;overflow-x:auto;font-family:ui-monospace,monospace;font-size:13px;line-height:1.6}