:root{--bg: #EDF0F6;--surface: #FFFFFF;--sunk: #E2E7F0;--ink: #152238;--muted: #5A6680;--line: #D3DAE6;--accent: #F0A202;--accent-deep: #BF7E00;--accent-ink: #2A1B00;--navy: #1E3A6E;--navy-deep: #122649;--navy-ink: #FFFFFF;--ok: #1A8F61;--ok-bg: #DCF3E8;--bad: #C8392F;--bad-bg: #FBE2DF;--heart: #E0473C;--f-display: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;--f-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--r: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0E1524;--surface: #172138;--sunk: #111A2D;--ink: #E7ECF6;--muted: #97A3BC;--line: #2B3852;--accent: #F4B330;--accent-deep: #B07A0C;--accent-ink: #241700;--navy: #3D66B8;--navy-deep: #26437E;--navy-ink: #FFFFFF;--ok: #3CC390;--ok-bg: #12372A;--bad: #F06E62;--bad-bg: #3B1B1B;--heart: #F2645A;color-scheme:dark}}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--f-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.15}a{color:var(--navy)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}code,.mono{font-family:var(--f-mono);font-size:.88em}code{background:var(--sunk);padding:.1em .35em;border-radius:6px}[hidden]{display:none!important}.wrap{max-width:640px;margin:0 auto;padding-inline:16px;padding-block:20px 120px}.wide{max-width:1200px;margin:0 auto;padding-inline:16px;padding-block:20px 80px}.muted{color:var(--muted)}.small{font-size:.88rem}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:12px}.spacer{flex:1}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700}.btn{border:0;border-radius:12px;padding:14px 22px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.9rem;background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 0 var(--accent-deep);transition:transform .08s,box-shadow .08s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--accent-deep)}.btn:disabled{background:var(--sunk);color:var(--muted);box-shadow:0 4px 0 var(--line);cursor:not-allowed}.btn.ghost{background:var(--surface);color:var(--ink);box-shadow:0 4px 0 var(--line);border:2px solid var(--line)}.btn.ok{background:var(--ok);color:#fff;box-shadow:0 4px color-mix(in srgb,var(--ok) 60%,#000)}.btn.bad{background:var(--bad);color:#fff;box-shadow:0 4px color-mix(in srgb,var(--bad) 60%,#000)}.btn.navy{background:var(--navy);color:var(--navy-ink);box-shadow:0 4px 0 var(--navy-deep)}.btn.sm{padding:8px 14px;font-size:.78rem;border-radius:10px}.btn.full{width:100%}.link{background:none;border:0;padding:0;color:var(--navy);text-decoration:underline;font-weight:600}label.field{display:grid;gap:6px;font-weight:600;font-size:.92rem}input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{width:100%;background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:12px;padding:12px 14px;font:400 1rem/1.4 var(--f-body)}textarea{resize:vertical;min-height:110px}input:focus,select:focus,textarea:focus{border-color:var(--navy);outline:none}.error{background:var(--bad-bg);color:var(--bad);border-radius:10px;padding:10px 12px;font-weight:600;font-size:.92rem}.notice{background:var(--ok-bg);color:var(--ok);border-radius:10px;padding:10px 12px;font-weight:600;font-size:.92rem}.card{background:var(--surface);border:2px solid var(--line);border-radius:18px;padding:20px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand h1{font-size:1.5rem;font-weight:800;letter-spacing:-.01em}.brand h1 .tld{color:var(--accent-deep);font-weight:600}.stats{display:flex;gap:8px;align-items:center}.stat{display:flex;align-items:center;gap:6px;background:var(--surface);border:2px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:700;font-variant-numeric:tabular-nums}.stat svg{width:20px;height:20px}.icon-btn{background:var(--surface);border:2px solid var(--line);border-radius:999px;width:40px;height:40px;display:grid;place-items:center;color:var(--muted);text-decoration:none}.icon-btn svg{width:20px;height:20px}.goal{margin-top:18px;background:var(--navy);color:var(--navy-ink);border-radius:18px;padding:18px;display:flex;gap:16px;align-items:center}.goal .ring{flex:none;width:64px;height:64px}.goal h2{font-size:1.15rem}.goal p{margin:2px 0 0;opacity:.85;font-size:.92rem}.goal .actions{margin-left:auto}@media(max-width:480px){.goal{flex-wrap:wrap}.goal .actions{margin-left:0;width:100%}.goal .actions .btn{width:100%}}.path{margin-top:28px;display:flex;flex-direction:column}.stop{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;position:relative;padding-block:10px}.stop:not(:last-child):after{content:"";position:absolute;left:35px;top:62px;bottom:-22px;width:3px;background:repeating-linear-gradient(var(--line) 0 6px,transparent 6px 12px);z-index:0}.node{position:relative;z-index:1;width:68px;height:62px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:var(--surface);box-shadow:0 6px 0 var(--line);color:var(--muted);font:800 1.35rem var(--f-display);border:3px solid var(--line)}.node.next{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 0 var(--accent-deep);border-color:var(--accent-deep)}.node.done{background:var(--navy);color:var(--navy-ink);box-shadow:0 6px 0 var(--navy-deep);border-color:var(--navy-deep)}.stop .info{min-width:0}.stop h3{font-size:1.12rem;margin-top:2px}.stop p{margin:2px 0 0;color:var(--muted);font-size:.92rem}.stars{display:inline-flex;gap:3px;vertical-align:middle;margin-left:6px}.stars i{width:10px;height:10px;border-radius:50%;background:var(--line)}.stars i.on{background:var(--accent)}.tag{display:inline-block;margin-top:6px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:2px 8px}.lesson{max-width:640px;margin:0 auto;padding-inline:16px;padding-block:14px 240px}.lbar{display:flex;align-items:center;gap:14px;position:sticky;top:env(safe-area-inset-top,0px);background:var(--bg);padding-block:10px;z-index:3}.x{background:none;border:0;padding:6px;color:var(--muted);display:grid}.x svg{width:22px;height:22px}.prog{flex:1;height:16px;background:var(--sunk);border-radius:999px;overflow:hidden}.prog span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .35s ease}.hearts{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--heart);font-variant-numeric:tabular-nums}.hearts svg{width:22px;height:22px}.kind{margin-top:22px;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.q{font:600 1.45rem/1.25 var(--f-display);margin-top:6px}.q-sub{color:var(--muted);margin-top:6px;font-size:.95rem}.opts{display:grid;gap:10px;margin-top:22px}.opt{text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:0 3px 0 var(--line);display:flex;gap:12px;align-items:flex-start;min-width:0}.opt .k{flex:none;width:26px;height:26px;border-radius:8px;border:2px solid var(--line);display:grid;place-items:center;font-size:.8rem;font-weight:700;color:var(--muted)}.opt .t{min-width:0;overflow-wrap:anywhere}.opt.code .t{font-family:var(--f-mono);font-size:.86rem}.opt.sel{border-color:var(--navy);background:color-mix(in srgb,var(--navy) 10%,var(--surface));box-shadow:0 3px 0 var(--navy)}.opt.right{border-color:var(--ok);background:var(--ok-bg);box-shadow:0 3px 0 var(--ok)}.opt.wrong{border-color:var(--bad);background:var(--bad-bg);box-shadow:0 3px 0 var(--bad)}.opt:disabled{cursor:default}.sentence{margin-top:22px;font-size:1.2rem;line-height:2.1;background:var(--surface);border:2px solid var(--line);border-radius:var(--r);padding:16px 18px}.blank{display:inline-block;min-width:90px;border-bottom:3px solid var(--navy);text-align:center;padding:0 8px;font-weight:700;color:var(--navy)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chip{background:var(--surface);border:2px solid var(--line);border-radius:12px;padding:10px 14px;font-weight:600;box-shadow:0 3px 0 var(--line);max-width:100%;text-align:left;overflow-wrap:anywhere}.chip.sel{border-color:var(--navy)}.chip.right{border-color:var(--ok);background:var(--ok-bg)}.chip.wrong{border-color:var(--bad);background:var(--bad-bg)}.chip.used{visibility:hidden}.answer-row{margin-top:20px;min-height:64px;border:2px dashed var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:8px}.answer-row .chip{display:flex;gap:10px;align-items:baseline}.answer-row .chip em{font-style:normal;color:var(--muted);font-size:.8rem}.bank{display:flex;flex-direction:column;gap:8px;margin-top:14px}.lesson textarea{margin-top:20px;min-height:170px}.grade{margin-top:20px;background:var(--surface);border:2px solid var(--line);border-radius:var(--r);padding:16px;display:grid;gap:14px}.score{display:flex;align-items:center;gap:14px}.score .num{font:800 2.2rem/1 var(--f-display);font-variant-numeric:tabular-nums}.meter{flex:1;height:10px;background:var(--sunk);border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;border-radius:999px}.grade h4{margin:0 0 4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-family:var(--f-body)}.grade ul{margin:0;padding-left:18px;display:grid;gap:4px}.fix{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.fix s{color:var(--bad)}.fix b{color:var(--ok)}.better{background:var(--sunk);border-radius:10px;padding:12px;font-size:.95rem}.thinking{display:flex;align-items:center;gap:10px;color:var(--muted);margin-top:18px}.dots i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:var(--muted);animation:blink 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.footer{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:2px solid var(--line);padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));z-index:5;max-height:75vh;overflow-y:auto}.footer .in{max-width:640px;margin:0 auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.footer.ok{background:var(--ok-bg);border-color:transparent}.footer.bad{background:var(--bad-bg);border-color:transparent}.fb{flex:1 1 280px;min-width:0}.fb h3{font-size:1.2rem}.footer.ok .fb h3{color:var(--ok)}.footer.bad .fb h3{color:var(--bad)}.fb p{margin:4px 0 0;font-size:.93rem}.fb .sol{font-weight:600}.footer .btn{flex:0 0 auto;min-width:150px}@media(max-width:480px){.footer .btn{width:100%}}.say{margin-top:10px;background:var(--surface);border-radius:10px;padding:10px 12px;display:grid;gap:4px}.say-lab{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.say-en{font-weight:600;font-size:.95rem}.say-es{color:var(--muted);font-size:.88rem}.report-link{background:none;border:0;padding:0;margin-top:8px;color:var(--muted);font-size:.85rem;text-decoration:underline}.overlay{position:fixed;inset:0;background:#0a101e8c;display:grid;place-items:center;padding:16px;z-index:20}.dialog{background:var(--surface);border-radius:18px;padding:22px;width:min(480px,100%);display:grid;gap:14px;max-height:90vh;overflow-y:auto}.radio{display:flex;gap:10px;align-items:center;padding:10px 12px;border:2px solid var(--line);border-radius:12px;cursor:pointer}.radio:has(input:checked){border-color:var(--navy);background:color-mix(in srgb,var(--navy) 8%,var(--surface))}.choices{display:grid;gap:10px}.choice{text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:0 3px 0 var(--line);display:grid;gap:2px}.choice strong{font-size:1.05rem}.choice span{color:var(--muted);font-size:.9rem}.choice.sel{border-color:var(--navy);box-shadow:0 3px 0 var(--navy);background:color-mix(in srgb,var(--navy) 8%,var(--surface))}.steps{display:flex;gap:6px}.steps i{flex:1;height:6px;border-radius:99px;background:var(--line)}.steps i.on{background:var(--accent)}.result{max-width:520px;margin:0 auto;padding-inline:16px;padding-block:48px 40px;text-align:center}.result h2{font-size:2rem;font-weight:800}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.tile{border:2px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.tile .lab{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 4px;background:var(--navy);color:var(--navy-ink)}.tile .val{font:800 1.5rem var(--f-display);padding:12px 4px;font-variant-numeric:tabular-nums}.tile.amber .lab{background:var(--accent);color:var(--accent-ink)}.tile.green .lab{background:var(--ok);color:#fff}.tabs{display:flex;gap:6px;border-bottom:2px solid var(--line);margin-top:16px}.tabs a{padding:10px 14px;text-decoration:none;color:var(--muted);font-weight:700;border-bottom:3px solid transparent;margin-bottom:-2px}.tabs a.active{color:var(--ink);border-color:var(--accent)}.badge{display:inline-block;min-width:22px;padding:1px 7px;border-radius:99px;background:var(--bad);color:#fff;font-size:.75rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.badge.soft{background:var(--sunk);color:var(--muted)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-block:16px}.table-wrap{overflow-x:auto;background:var(--surface);border:2px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:var(--sunk);position:sticky;top:0}tr.hidden-row td{opacity:.55}td.id{font-family:var(--f-mono);font-size:.8rem;white-space:nowrap}td a{font-weight:600}.switch{position:relative;width:42px;height:24px;display:inline-block}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:var(--line);border-radius:99px;transition:.2s}.switch span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--ok)}.switch input:checked+span:before{transform:translate(18px)}.switch input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.report-group{display:grid;gap:10px}.report-item{border-left:4px solid var(--accent);padding:6px 12px;background:var(--sunk);border-radius:0 10px 10px 0}.editor{display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}@media(max-width:860px){.editor{grid-template-columns:1fr}}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.prose{max-width:70ch}.prose h2{margin-top:28px;font-size:1.3rem}