: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;--success:#2F9E5A;--success-deep:#1E7A42;--danger:#D8412B;--font-display:"Baloo 2",system-ui,sans-serif;--font-body:"Nunito",system-ui,sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-pill:999px;--shadow-card:0 2px 16px rgba(42,27,18,.07);--shadow-pop:0 3px 14px rgba(42,27,18,.16);--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)}*{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)}}