:root{--bg: #ffffff;--bg-elev: #f7f7f7;--bg-muted: #eef0f2;--border: #e5e5e5;--border-strong: #d1d5db;--text: #3c3c3c;--text-dim: #777c85;--text-muted: #afafaf;--brand: #58cc02;--brand-dark: #58a700;--brand-soft: #d7ffb8;--accent: #1cb0f6;--accent-dark: #1899d6;--warn: #ffc800;--warn-dark: #e5b100;--danger: #ff4b4b;--danger-dark: #ea2b2b;--heart: #ff4b4b;--gem: #1cb0f6;--xp: #ffc800;--streak: #ff9600;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--font: "Nunito", "Baloo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--k-canopy: #0F2A1D;--k-canopy-2: #1F4A32;--k-parchment: #FBF3E0;--k-kraft: #E9D8B0;--k-bark: #2A1608;--k-kebo: #9C6531;--k-kebo-face: #F1D9A8;--k-vine: #3F6E31;--k-leaf: #6BA24D;--k-banana: #F1B435;--k-banana-hi: #FFD24C;--k-papaya: #E06937;--k-ink: #1B120A;--k-muted: #6E5A3E;--k-line: rgba(27, 18, 10, .14);--font-display: Georgia, "Palatino Linotype", "Book Antiqua", "Iowan Old Style", serif;--font-body: "Inter", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Menlo, ui-monospace, monospace;color-scheme:light}:root[data-theme=dark]{--k-canopy: #0B1E15;--k-canopy-2: #142B20;--k-parchment: #142A20;--k-kraft: #1D3327;--k-ink: #F3E7CA;--k-muted: #A08E6E;--k-line: rgba(243, 231, 202, .14)}:root[data-theme=dark]{--bg: #131f24;--bg-elev: #202f36;--bg-muted: #37464f;--border: #37464f;--border-strong: #4b5f68;--text: #f7f9f9;--text-dim: #afafaf;--text-muted: #6b7c85;--brand-soft: #29431a;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;min-width:320px}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:transparent;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;min-height:48px;font-weight:800;font-size:15px;letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius);border:2px solid transparent;transition:transform .08s ease,background .12s;user-select:none;-webkit-user-select:none}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 0 var(--brand-dark)}.btn-primary:hover:not(:disabled){background:#61d906}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-dark)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 0 var(--danger-dark)}.btn-ghost{background:var(--bg-elev);color:var(--text-dim);border-color:var(--border);box-shadow:0 3px 0 var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-muted)}.opt{display:flex;align-items:center;justify-content:center;padding:16px 18px;min-height:56px;background:var(--bg);color:var(--text);border:2px solid var(--border);border-bottom-width:4px;border-radius:var(--radius);font-weight:700;font-size:16px;transition:all .12s;text-align:center;cursor:pointer}.opt:hover:not(:disabled){background:var(--bg-elev);border-color:var(--border-strong)}.opt-selected{background:#ddf4ff;border-color:var(--accent);color:var(--accent-dark)}:root[data-theme=dark] .opt-selected{background:#123c4c}.opt-correct{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.opt-wrong{background:#ffe4e4;border-color:var(--danger);color:var(--danger-dark)}:root[data-theme=dark] .opt-wrong{background:#4a1e1e}.opt-ghost{opacity:.3;pointer-events:none}.card{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-lg);padding:20px}input.text-input{width:100%;padding:14px 16px;font-size:18px;font-family:inherit;background:var(--bg-elev);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .12s}input.text-input:focus{border-color:var(--accent)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake{animation:shake .35s}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.pop{animation:pop .3s}.hud{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:2px solid var(--border);background:var(--bg)}.hud-course{margin-right:auto;font-size:28px;line-height:1}.hud-flag{filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}.hud-stat{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:18px}.hud-icon{font-size:22px}.hud-num{line-height:1}.lesson-node-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;transition:transform .2s}.lesson-node{width:84px;height:84px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;transition:transform .1s;position:relative}.lesson-node:not(:disabled):hover{transform:translateY(-2px)}.lesson-node:not(:disabled):active{transform:translateY(3px);box-shadow:0 3px #0003!important}.lesson-node:disabled{cursor:not-allowed}.lesson-node-icon{font-size:32px;color:#fff;filter:drop-shadow(0 2px 0 rgba(0,0,0,.15))}.lesson-node-locked .lesson-node-icon{opacity:.7;color:#6b7280}.lesson-node-label{font-size:12px;color:var(--text-dim);font-weight:700;text-align:center;max-width:110px}.lesson-node-current:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px dashed rgba(88,204,2,.5);animation:spin 8s linear infinite;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lesson-node-tooltip{position:absolute;top:-50px;background:#fff;color:var(--brand);padding:8px 16px;border:2px solid var(--border);border-radius:12px;font-weight:900;font-size:14px;letter-spacing:1px;box-shadow:0 3px 0 var(--border);z-index:2}:root[data-theme=dark] .lesson-node-tooltip{background:var(--bg-elev)}.lesson-node-tooltip-arrow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-right:2px solid var(--border);border-bottom:2px solid var(--border)}:root[data-theme=dark] .lesson-node-tooltip-arrow{background:var(--bg-elev)}.home{display:flex;flex-direction:column;height:100vh;max-width:640px;margin:0 auto;background:var(--k-canopy);color:#fbf3e0}.home-course-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(251,243,224,.12);background:linear-gradient(180deg,var(--k-canopy) 60%,rgba(15,42,29,.85));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:sticky;top:0;z-index:4}.home-course-name{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--k-ink);padding:8px 14px;border-radius:999px;background:var(--k-parchment);border:2px solid var(--k-ink);box-shadow:0 2px 0 var(--k-ink)}.home-course-flag{font-size:20px;line-height:1}.home-course-chevron{color:var(--k-muted);font-size:11px}.home-course-switch{display:flex;gap:6px;margin-left:auto}.home-course-pill{width:38px;height:38px;border-radius:50%;background:#00000047;border:1px solid rgba(251,243,224,.16);font-size:18px;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s}.home-course-pill:hover{transform:translateY(-2px)}.home-scroll{flex:1;overflow-y:auto;padding:0 16px 40px;background:radial-gradient(90px 60px at 12% 8%,rgba(107,162,77,.24),transparent 70%),radial-gradient(120px 70px at 88% 4%,rgba(107,162,77,.24),transparent 70%),radial-gradient(150px 90px at 78% 22%,rgba(63,110,49,.28),transparent 70%),radial-gradient(120px 60px at 8% 30%,rgba(63,110,49,.22),transparent 70%),radial-gradient(120px 60px at 82% 55%,rgba(63,110,49,.22),transparent 70%),radial-gradient(120px 60px at 12% 80%,rgba(63,110,49,.22),transparent 70%),linear-gradient(180deg,var(--k-canopy) 0%,var(--k-canopy-2) 60%,#3F6E31 100%)}.home-unit{margin:20px 0 8px}.home-unit-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:var(--radius-lg);color:#fbf3e0;box-shadow:0 6px #00000059,0 10px 20px -8px #00000059;border:1px solid rgba(0,0,0,.35);margin-bottom:12px}.home-unit-eyebrow{font-family:var(--font-mono);font-weight:400;font-size:10px;letter-spacing:3px;text-transform:uppercase;opacity:.75}.home-unit-title{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:26px;line-height:1.05;letter-spacing:-.02em;margin-top:4px}.home-unit-subtitle{font-family:var(--font-body);font-weight:500;font-size:13px;opacity:.85;margin-top:2px}.home-tree{position:relative;padding:20px 0 32px}.home-tree-trunk{position:absolute;left:50%;top:-10px;bottom:-10px;width:22px;transform:translate(-50%);background:linear-gradient(90deg,var(--k-bark) 0%,#4A2C10 30%,#4A2C10 70%,var(--k-bark) 100%);border-radius:12px;box-shadow:inset 0 0 0 1px #0006,0 2px #00000059;z-index:0}.home-tree-trunk:before,.home-tree-trunk:after{content:"";position:absolute;left:3px;right:3px;height:3px;border-radius:2px;background:#00000059}.home-tree-trunk:before{top:20%}.home-tree-trunk:after{top:65%}.home-branch{position:relative;height:110px;z-index:1}.home-branch-arm{position:absolute;top:50%;height:12px;transform:translateY(-50%);background:linear-gradient(180deg,#4A2C10 0%,var(--k-bark) 100%);box-shadow:inset 0 -1px #0000004d;border-radius:6px;z-index:1}.home-branch-arm-right{left:50%;width:34%}.home-branch-arm-left{right:50%;width:34%}.home-branch-leaf{position:absolute;top:50%;width:118px;height:118px;border-radius:50%;transform:translateY(-50%);filter:blur(.5px);opacity:.35;z-index:1;box-shadow:-14px 6px 0 -8px currentColor,18px -8px 0 -6px currentColor,-6px -14px 0 -10px currentColor,12px 16px 0 -8px currentColor}.home-branch-leaf-right{right:6%}.home-branch-leaf-left{left:6%}.home-branch-leaf-locked{background:#fbf3e024;opacity:.25;color:#fbf3e033}.home-branch-node{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.home-branch-node-right{right:5%}.home-branch-node-left{left:5%}.home-climber{position:absolute;top:-46px;left:50%;transform:translate(-50%);z-index:3;filter:drop-shadow(0 3px 0 rgba(0,0,0,.3));animation:climb-arrive .42s cubic-bezier(.34,1.56,.64,1) 1,climb-bob 1.8s ease-in-out .42s infinite}@keyframes climb-arrive{0%{transform:translate(-50%,40px) scale(.6) rotate(-12deg);opacity:0}50%{transform:translate(-50%,-18px) scale(1.05) rotate(4deg);opacity:1}to{transform:translate(-50%) scale(1) rotate(0);opacity:1}}@keyframes climb-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.home-top-cap{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 0 4px}.home-top-canopy{width:min(340px,92%);height:auto;display:block;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}.home-top-caption{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px;padding:0 24px;text-align:center}.home-top-eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:4px;text-transform:uppercase;color:#fbf3e073}.home-top-title{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--k-banana-hi);line-height:1.05}.home-bottom-cap{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 40px;color:#fbf3e08c}.home-bottom-roots{width:120px;height:24px;background:radial-gradient(ellipse at 20% 0%,var(--k-bark) 0 12px,transparent 13px),radial-gradient(ellipse at 80% 0%,var(--k-bark) 0 12px,transparent 13px),radial-gradient(ellipse at 50% 0%,#4A2C10 0 18px,transparent 19px);background-repeat:no-repeat;margin-top:-6px}.home-bottom-ground{width:220px;height:10px;border-radius:5px;background:repeating-linear-gradient(45deg,#4A2C10,#4A2C10 8px,var(--k-bark) 8px,var(--k-bark) 16px);opacity:.7}.home-bottom-caption{font-family:var(--font-mono);font-size:10px;letter-spacing:4px;text-transform:uppercase}.picker{min-height:100vh;max-width:640px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;align-items:center}.picker-header{text-align:center;margin-bottom:28px}.picker-hi{display:inline-block;margin-top:12px;padding:6px 14px;background:#87ceeb;color:#fff;border-radius:999px;font-weight:900;font-size:14px;letter-spacing:1px;box-shadow:0 3px #5eafd1}.picker-title{font-size:26px;font-weight:900;margin:10px 0 4px;color:var(--text)}.picker-sub{color:var(--text-dim);font-weight:600;margin:0}.picker-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px}.picker-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px;background:var(--bg);border:2px solid var(--border);border-bottom-width:4px;border-radius:var(--radius-lg);font-weight:800;transition:transform .1s,border-color .12s;position:relative}.picker-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.picker-card-active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}.picker-flag{font-size:46px;line-height:1}.picker-name{font-size:17px;color:inherit}.picker-badge{position:absolute;top:8px;right:8px;font-size:10px;background:var(--brand);color:#fff;padding:3px 8px;border-radius:999px;letter-spacing:.5px}.vkb{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--bg-elev);border:2px solid var(--border);border-radius:var(--radius);user-select:none;-webkit-user-select:none;touch-action:manipulation}.vkb-row{display:flex;gap:6px;justify-content:center}.vkb-key{flex:1 1 0;min-width:32px;max-width:56px;aspect-ratio:1 / 1;border-radius:8px;background:var(--bg);border:2px solid var(--border);border-bottom-width:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;font-family:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s,background .12s,border-color .12s}.vkb-key:active{transform:translateY(2px);border-bottom-width:1px}.vkb-row-utility{margin-top:4px}.vkb-key-wide{aspect-ratio:auto;min-width:120px;flex:3 1 0;max-width:none;padding:12px}.vkb-key-util{aspect-ratio:auto;min-width:60px;max-width:none;padding:12px;background:var(--bg-muted)}@media(max-width:480px){.vkb{padding:6px;gap:4px}.vkb-row{gap:4px}.vkb-key{min-width:28px;border-bottom-width:2px}.vkb-key-main,.vkb-key-sub{font-size:12px}}.vkb-key-main{font-weight:800;font-size:13px;color:var(--text);letter-spacing:.5px}.vkb-key-sub{font-size:14px;color:var(--text-dim);line-height:1}.vkb-key-hi{background:var(--brand-soft);border-color:var(--brand);border-bottom-color:var(--brand-dark);transform:translateY(-1px);animation:kbpulse 1s ease-in-out infinite}.vkb-key-hi .vkb-key-main,.vkb-key-hi .vkb-key-sub{color:var(--brand-dark)}.vkb-key-buf{background:#eef7ff;border-color:var(--accent)}:root[data-theme=dark] .vkb-key-buf{background:#123c4c}@keyframes kbpulse{0%,to{box-shadow:0 0 #58cc0280}50%{box-shadow:0 0 0 6px #58cc0200}}.actionbar{border-top:2px solid var(--border);background:var(--bg);padding:16px 20px;display:flex;align-items:center;gap:12px;min-height:88px}.actionbar-hint{color:var(--text-dim);font-size:13px;flex:1}.actionbar .btn{min-width:160px}.actionbar-correct{background:var(--brand-soft);border-top-color:var(--brand)}.actionbar-wrong{background:#ffe4e4;border-top-color:var(--danger)}:root[data-theme=dark] .actionbar-wrong{background:#40191d}.actionbar-status{display:flex;align-items:center;gap:14px;flex:1}.actionbar-icon{width:44px;height:44px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:22px}.actionbar-correct .actionbar-icon{color:var(--brand-dark)}.actionbar-wrong .actionbar-icon{color:var(--danger-dark)}.actionbar-title{font-weight:900;font-size:18px}.actionbar-correct .actionbar-title{color:var(--brand-dark)}.actionbar-wrong .actionbar-title{color:var(--danger-dark)}.actionbar-answer{font-weight:700;color:var(--danger-dark);font-size:16px;margin-top:2px}.ex{display:flex;flex-direction:column;gap:20px;padding:20px 22px;flex:1}.ex-title{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:26px;letter-spacing:-.02em;color:var(--text);margin:0}.ex-prompt-card{display:inline-flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-elev);border:2px solid var(--border);border-radius:var(--radius);align-self:flex-start;cursor:pointer;transition:transform .08s}.ex-prompt-card:hover{transform:translateY(-1px)}.ex-prompt-static{cursor:default}.ex-prompt-static:hover{transform:none}.ex-speaker{font-size:22px}.ex-prompt-text{font-weight:800;font-size:22px;color:var(--text)}.ex-options{display:grid;grid-template-columns:1fr;gap:12px}.ex-hint{color:var(--text-dim);font-weight:600;font-size:14px}.ex-listen-row{display:flex;gap:12px;align-items:center}.ex-listen-level-badge{margin-left:auto;background:var(--bg-elev);color:var(--text-dim);border:2px solid var(--border);border-radius:999px;padding:6px 12px;font-weight:800;font-size:11px;letter-spacing:1.5px}.ex-guided-target{display:inline-flex;align-items:center;gap:14px;padding:18px 22px;background:var(--bg-elev);border:2px solid var(--border);border-radius:var(--radius-lg);align-self:flex-start;cursor:pointer;transition:transform .08s}.ex-guided-target:hover{transform:translateY(-1px)}.ex-guided-target-audio{font-size:26px}.ex-guided-target-text{font-weight:900;font-size:34px;color:var(--text);letter-spacing:1px}.ex-guided-seq{display:flex;flex-wrap:wrap;gap:6px}.ex-guided-slot{min-width:32px;height:40px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-family:SF Mono,ui-monospace,Menlo,monospace;font-weight:800;font-size:16px;border:2px solid var(--border);background:var(--bg);color:var(--text-muted);transition:all .12s}.ex-guided-slot-done{background:var(--k-banana);border-color:var(--k-ink);color:var(--k-ink)}.ex-guided-slot-now{background:var(--k-banana-hi);border-color:var(--k-ink);color:var(--k-ink);box-shadow:0 0 0 3px #ffd24c59}:root[data-theme=dark] .ex-guided-slot-now{background:var(--k-banana-hi)}.ex-guided-progress{height:10px;background:#00000059;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.ex-guided-progress-fill{height:100%;background:linear-gradient(90deg,var(--k-banana),var(--k-banana-hi));transition:width .2s;box-shadow:0 0 6px #ffd24c80}.ex-guided-meta{color:var(--text-dim);font-weight:700;font-size:13px}.ex-listen-btn{width:80px;height:80px;border-radius:50%;background:var(--accent);color:#fff;font-size:34px;border:none;box-shadow:0 4px 0 var(--accent-dark);cursor:pointer;transition:transform .08s}.ex-listen-btn:active{transform:translateY(2px)}.ex-listen-slow{background:var(--bg-elev);color:var(--text);box-shadow:0 4px 0 var(--border);border:2px solid var(--border)}.ex-bank-target{min-height:88px;padding:12px;border-top:2px solid var(--border);border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ex-bank-placeholder{color:var(--text-muted);font-weight:600}.ex-bank-row{display:flex;flex-wrap:wrap;gap:10px}.ex-tile{padding:10px 14px;min-height:44px;font-size:15px;border-bottom-width:3px}.ex-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ex-match-col{display:flex;flex-direction:column;gap:10px}.ex-match-tile{font-size:16px;padding:14px 12px;min-height:60px}.ex-shoot-meta{display:flex;gap:20px;color:var(--text-dim);font-weight:700;font-size:14px;font-family:var(--font-body)}.ex-shoot-meta b{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:16px;color:var(--text)}.ex-shoot-area{position:relative;width:100%;height:420px;border-radius:var(--radius-lg);overflow:hidden;isolation:isolate;background:radial-gradient(120px 70px at 88% 4%,rgba(107,162,77,.3),transparent 70%),radial-gradient(150px 90px at 78% 22%,rgba(63,110,49,.35),transparent 70%),radial-gradient(90px 60px at 12% 8%,rgba(107,162,77,.28),transparent 70%),radial-gradient(120px 60px at 8% 26%,rgba(63,110,49,.28),transparent 70%),linear-gradient(180deg,var(--k-canopy) 0%,var(--k-canopy-2) 55%,#3F6E31 100%);border:1px solid rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px #ffffff0d}.ex-shoot-target{position:absolute;transform:translate(-50%,-50%);padding:8px 14px 8px 34px;min-height:48px;border-radius:10px;background:var(--k-parchment);color:var(--k-ink);border:2px solid var(--k-ink);box-shadow:0 4px 0 var(--k-ink),0 6px 10px #0000004d;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:20px;letter-spacing:-.005em;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.05;cursor:pointer;transition:transform .25s ease,opacity .25s,background .15s,box-shadow .15s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.ex-shoot-target:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:26px;height:20px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 80'><path d='M8 22 C 14 60, 60 78, 128 62 L 134 54 C 84 62, 40 46, 30 12 Z' fill='%23F1B435' stroke='%231B120A' stroke-width='4' stroke-linejoin='round'/><path d='M24 18 C 24 12, 32 8, 40 8 L 40 18 Z' fill='%233F6E31' stroke='%231B120A' stroke-width='3'/><path d='M128 62 L 136 58 L 136 66 L 130 70 Z' fill='%234A2C10' stroke='%231B120A' stroke-width='3'/></svg>");background-repeat:no-repeat;background-size:contain;background-position:center}.ex-shoot-target-lowest{background:var(--k-banana-hi);box-shadow:0 4px 0 var(--k-ink),0 0 20px #ffd24cb3}.ex-shoot-target-text{font-size:22px}.ex-shoot-target-sub{font-family:var(--font-body);font-size:11px;font-style:normal;font-weight:600;color:var(--k-muted);margin-top:0}.ex-shoot-target-input{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--k-muted);letter-spacing:1.2px;text-transform:uppercase}.ex-shoot-hit{background:var(--k-banana);transform:translate(-50%,-50%) scale(1.6);opacity:0}.ex-shoot-ground{position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 100%),repeating-linear-gradient(45deg,#4A2C10,#4A2C10 8px,var(--k-bark) 8px,var(--k-bark) 16px)}.ex-shoot-buffer{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0f2a1dd9;border:1px solid rgba(255,210,76,.4);border-radius:var(--radius);color:#fbf3e0;font-family:var(--font-body);font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ex-shoot-buffer-label{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#fbf3e08c}.ex-shoot-buffer-value{font-family:var(--font-mono);min-width:80px;padding:6px 10px;background:#00000059;border-radius:6px;color:var(--k-banana-hi);font-size:18px;letter-spacing:.06em}.ex-shoot-hint{color:#fbf3e08c;font-size:12px;margin-left:auto;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase}.ex-shoot-banner{padding:14px 18px;border-radius:var(--radius);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:20px;letter-spacing:-.01em;text-align:center;color:var(--k-ink);border:2px solid var(--k-ink);box-shadow:0 4px 0 var(--k-ink)}.ex-shoot-win{background:var(--k-banana)}.ex-shoot-lose{background:var(--k-papaya);color:#fbf3e0}.lesson{display:flex;flex-direction:column;min-height:100vh;max-width:720px;margin:0 auto;background:var(--bg)}.lesson-header{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:2px solid var(--border)}.lesson-close{width:36px;height:36px;border-radius:50%;color:var(--text-dim);font-size:20px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:background .12s}.lesson-close:hover{background:var(--bg-elev);color:var(--text)}.lesson-progress{flex:1;height:16px;background:var(--bg-muted);border-radius:999px;overflow:hidden;position:relative}.lesson-progress-fill{height:100%;background:linear-gradient(180deg,#7bde33,var(--brand));border-radius:999px;transition:width .35s;box-shadow:inset 0 -4px #0000001a,inset 0 4px #fff6}.lesson-hearts{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--heart)}.lesson-heart{font-size:22px}.lesson-heart-num{font-size:18px}.lesson-body{flex:1;display:flex;flex-direction:column}.lesson-results{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 24px;text-align:center;max-width:640px;margin:0 auto}.lesson-results-title{font-size:28px;font-weight:900;color:var(--brand-dark);margin:0}.lesson-results-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:460px}.lesson-result-card{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);padding:14px 8px}.lesson-result-label{font-weight:800;font-size:12px;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase}.lesson-result-num{font-weight:900;font-size:26px;margin-top:4px}.lesson-results .btn{margin-top:10px;min-width:220px}.lesson-outofhearts{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;text-align:center}.lesson-outofhearts h2{font-size:26px;font-weight:900;color:var(--danger-dark);margin:0}.lesson-outofhearts p{color:var(--text-dim);margin:0 0 16px}.pwa-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:16px;animation:pwa-fade .18s ease-out}@media(min-width:520px){.pwa-backdrop{align-items:center}}.pwa-card{position:relative;width:100%;max-width:440px;background:var(--bg);color:var(--text);border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px 22px 20px;box-shadow:0 20px 60px #00000040;animation:pwa-rise .22s cubic-bezier(.2,.9,.25,1)}.pwa-close{position:absolute;top:10px;right:12px;width:32px;height:32px;font-size:18px;color:var(--text-dim);border-radius:50%}.pwa-close:hover{background:var(--bg-elev)}.pwa-icon{display:flex;justify-content:center;margin-bottom:10px}.pwa-icon img{border-radius:14px;box-shadow:0 4px #00000014}.pwa-title{text-align:center;font-size:22px;font-weight:900;margin-bottom:6px}.pwa-sub{text-align:center;color:var(--text-dim);font-size:15px;line-height:1.4;margin-bottom:14px}.pwa-steps{list-style:none;counter-reset:step;padding:12px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px}.pwa-steps li{counter-increment:step;display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:14px;line-height:1.4}.pwa-steps li:before{content:counter(step);flex:none;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}.pwa-actions{display:flex;flex-direction:column;gap:10px}.pwa-remind{text-align:center;color:var(--text-muted);font-size:12px;margin-top:10px}@keyframes pwa-fade{0%{opacity:0}to{opacity:1}}@keyframes pwa-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.app-root{min-height:100vh;background:var(--bg)}