:root{--brass: #C9A24B;--brass-deep: #B98C36;--honey: #E4C77E;--oxblood: #6E1A23;--oxblood-2: #591018;--vermilion: #E1543B;--vermilion-deep: #A82F1F;--ivory: #F4EAD5;--cream: #FAF6EC;--lacquer: #591018;--lacquer-2: #45111A;--espresso: #2A1B12;--ink-1: #2A1B12;--ink-2: #5C4A3C;--ink-3: #8A7460;--ink-4: #B7A593;--hairline: #E7DCC4;--hairline-strong: #D8C9A8;--eyewhite: #FAF6EC;--pupil: #241015;--mouth-int: #43121C;--success: #2F9E5A;--success-deep: #1E7A42;--warning: #E8A33D;--danger: #D8412B;--info: #2E7DFF;--bg-page: var(--ivory);--bg-page-dark: var(--lacquer);--surface-card: #FFFFFF;--surface-sunken: var(--cream);--surface-dark: var(--lacquer-2);--text-strong: var(--oxblood);--text-body: var(--ink-1);--text-muted: var(--ink-3);--text-on-dark: var(--ivory);--text-on-brand: #FFFFFF;--brand-primary: var(--brass);--brand-cta: var(--vermilion);--brand-cta-shadow: var(--vermilion-deep);--border-subtle: var(--hairline);--border-strong: var(--hairline-strong);--focus-ring: var(--vermilion)}:root{--font-display: "Baloo 2", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extra: 800;--fw-black: 900;--text-display: 104px;--text-h1: 44px;--text-h2: 32px;--text-h3: 24px;--text-title: 20px;--text-lead: 20px;--text-base: 17px;--text-sm: 15px;--text-xs: 13px;--text-2xs: 12px;--lh-tight: 1.05;--lh-snug: 1.25;--lh-body: 1.6;--tracking-display: -.02em;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-label: .18em;--tracking-wide: .24em}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 34px;--radius-pill: 999px;--radius-squircle: 23.5%;--shadow-card: 0 2px 16px rgba(42,27,18,.07);--shadow-pop: 0 3px 14px rgba(42,27,18,.16);--shadow-float: 0 16px 40px rgba(42,27,18,.24);--shadow-cta: 0 4px 0 var(--vermilion-deep);--shadow-cta-press: 0 2px 0 var(--vermilion-deep);--ease-bounce: cubic-bezier(.34,1.56,.64,1);--ease-out: cubic-bezier(.22,.61,.36,1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-body);background:var(--ivory);color:var(--ink-1);-webkit-font-smoothing:antialiased}.app{height:100dvh;max-width:480px;margin:0 auto;background:var(--ivory);display:flex;flex-direction:column;position:relative;overflow:hidden}.stage{flex:1;min-height:0;position:relative}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:auto}.screen::-webkit-scrollbar{width:0}.pad{padding:14px 22px 26px}.wordmark{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1}.h1{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1.05;letter-spacing:-.02em;color:var(--oxblood);margin:0}.h2{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.1;letter-spacing:-.01em;color:var(--oxblood);margin:0}.lead{font-size:17px;line-height:1.55;color:var(--ink-2);margin:0}.overline{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep)}.btn{font-family:var(--font-display);font-weight:700;font-size:18px;border:0;cursor:pointer;border-radius:var(--radius-md);padding:15px 22px;width:100%;color:#fff;background:var(--vermilion);box-shadow:var(--shadow-cta);transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out);-webkit-tap-highlight-color:transparent}.btn:active{transform:translateY(2px);box-shadow:var(--shadow-cta-press)}.btn:disabled{opacity:.55;cursor:default}.btn.brass{background:var(--brass);box-shadow:0 4px 0 var(--brass-deep)}.btn.brass:active{box-shadow:0 2px 0 var(--brass-deep)}.ghost{background:none;border:0;color:var(--ivory);opacity:.82;font-family:var(--font-body);font-weight:700;font-size:15px;cursor:pointer;padding:12px;width:100%}.ghost.dark{color:var(--oxblood)}.input{width:100%;border:2px solid var(--hairline-strong);background:#fff;border-radius:var(--radius-sm);padding:14px 16px;font-family:var(--font-body);font-size:16px;color:var(--ink-1);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--vermilion);box-shadow:0 0 0 4px #e1543b29}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--vermilion);color:#fff;font-weight:800;font-size:13px;padding:7px 13px;border-radius:var(--radius-pill);box-shadow:0 3px 0 var(--vermilion-deep)}.stat{flex:1;background:var(--cream);border-radius:var(--radius-md);padding:12px;text-align:center}.stat b{font-family:var(--font-body);font-weight:900;font-size:22px;color:var(--oxblood);display:block;line-height:1}.stat span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.dark{background:var(--lacquer);color:var(--ivory);position:relative;overflow:hidden;align-items:center;justify-content:center;text-align:center}.glow{position:absolute;top:-70px;left:50%;transform:translate(-50%);width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.34),transparent 66%);pointer-events:none}.bob{animation:float 3.6s var(--ease-out) infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulse{0%,to{box-shadow:0 5px 0 var(--vermilion-deep),0 0 #e1543b80}50%{box-shadow:0 5px 0 var(--vermilion-deep),0 0 0 12px #e1543b00}}.node{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#fff}.node.done{background:var(--brass);box-shadow:0 5px 0 var(--brass-deep)}.node.now{background:var(--vermilion);box-shadow:0 5px 0 var(--vermilion-deep);animation:pulse 2s infinite;cursor:pointer}.node.lock{background:#e4d8be;color:var(--ink-4);box-shadow:0 5px 0 var(--hairline-strong)}.spine{width:5px;height:26px;background:var(--hairline-strong);margin:6px auto;border-radius:3px}.tabs{flex:none;display:flex;border-top:1px solid var(--hairline);background:var(--cream)}.tab{flex:1;background:none;border:0;padding:10px 0 12px;cursor:pointer;font-family:var(--font-body);font-weight:800;font-size:11px;color:var(--ink-3);display:flex;flex-direction:column;align-items:center;gap:3px}.tab.sel{color:var(--vermilion)}.tab .g{font-size:18px;line-height:1}.squeezy{filter:drop-shadow(0 8px 14px rgba(42,27,18,.22))}.lhead{flex:none;display:flex;align-items:center;gap:12px;padding:10px 18px}.xnav{background:none;border:0;color:var(--oxblood);font-size:22px;cursor:pointer;padding:4px 8px;line-height:1}.lessonbar{height:8px;flex:1;background:#6e1a2324;border-radius:999px;overflow:hidden}.lessonbar>i{display:block;height:100%;background:var(--vermilion);border-radius:999px;transition:width .35s var(--ease-out)}.grid{display:grid;grid-template-columns:auto repeat(6,1fr);gap:9px;align-items:center;margin-top:6px}.colh{font-weight:800;font-size:12px;color:var(--ink-3);text-align:center}.rowh{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);text-align:right;padding-right:2px}.bk{aspect-ratio:1;border-radius:50%;border:1px solid var(--hairline-strong);background:#fff;font-family:var(--font-body);font-weight:800;font-size:15px;color:var(--oxblood);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 -3px #2a1b120f;transition:transform 90ms var(--ease-out),background .14s,border-color .14s;-webkit-tap-highlight-color:transparent}.bk:active{transform:scale(.92)}.bk.dimple:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--brass);bottom:8px}.bk.good{background:var(--success);border-color:var(--success-deep);color:#fff;animation:pop .35s var(--ease-bounce)}.bk.bad{background:#fff;border-color:var(--danger);color:var(--danger);animation:shake .4s var(--ease-out)}.blind .bk{color:transparent}.blind .bk.dimple:after{background:var(--ink-3)}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}60%{transform:translate(7px)}80%{transform:translate(-4px)}}.switch{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none}.switch i{width:42px;height:24px;background:var(--hairline-strong);border-radius:999px;position:relative;transition:background .2s;display:inline-block}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s var(--ease-bounce)}.switch.on i{background:var(--vermilion)}.switch.on i:after{left:20px}.toast{position:absolute;left:50%;bottom:24px;transform:translate(-50%) translateY(8px);background:var(--espresso);color:#fff;font-weight:800;font-size:14px;padding:10px 18px;border-radius:var(--radius-pill);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--cream);border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:7px 13px;font-weight:800;font-size:13px;color:var(--oxblood)}.track{height:10px;background:var(--hairline);border-radius:var(--radius-pill);overflow:hidden}.track>i{display:block;height:100%;background:var(--brass);border-radius:inherit}.streakday{text-align:center}.streakday .d{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff}.streakday small{font-size:11px;font-weight:800;color:var(--ink-3);margin-top:3px;display:block}.opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;width:100%;background:#fff;border:2px solid var(--hairline-strong);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s}.opt b{font-family:var(--font-display);font-size:17px;color:var(--oxblood)}.opt small{font-size:13px;color:var(--ink-3);font-weight:700}.opt.sel{border-color:var(--vermilion);background:#fff6f2}.spin{width:16px;height:16px;border-radius:50%;border:3px solid rgba(228,199,126,.3);border-top-color:var(--honey);display:inline-block;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kitwrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:0;background:var(--ivory)}.kitwrap>*{min-height:0}.oompah-scroll::-webkit-scrollbar{width:0;height:0}@keyframes oompahShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}60%{transform:translate(8px)}80%{transform:translate(-4px)}}@keyframes oompahPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes oompahPulse{0%,to{box-shadow:0 0 #c9a24b8c}50%{box-shadow:0 0 0 9px #c9a24b00}}@keyframes oompahFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes oompahSqueeze{0%,to{transform:scaleX(1)}50%{transform:scaleX(.92)}}@keyframes oompahNote{0%{transform:translateY(8px) rotate(-10deg);opacity:0}25%{opacity:.95}to{transform:translateY(-30px) rotate(12deg);opacity:0}}@keyframes oompahBump{0%{transform:scale(1)}40%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes oompahEq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes oompahBeat{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:1}}@keyframes oompahXp{0%{transform:translate(-50%) scale(.7);opacity:0}25%{transform:translate(-50%,-10px) scale(1.1);opacity:1}to{transform:translate(-50%,-46px) scale(1);opacity:0}}@keyframes oompahConfetti{0%{transform:translateY(-14px) rotate(0);opacity:0}12%{opacity:1}to{transform:translateY(360px) rotate(520deg);opacity:0}}@keyframes oompahRise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.node-pulse{animation:oompahPulse 2s infinite}.bk.tgt{border-color:var(--vermilion);color:var(--vermilion);box-shadow:0 0 0 3px #e1543b38,inset 0 -3px #2a1b120f;animation:oompahPulse 2s infinite}.countin-num{font-family:var(--font-display);font-weight:800;font-size:120px;color:var(--ivory);line-height:1;animation:oompahBump .6s var(--ease-bounce)}