:root{--co-half: #e0761c;--co-key: var(--surface);--co-key-edge: var(--surface-3);--co-ring: var(--border);--co-ink: var(--accent)}html.dark{--co-half: #f08a3c;--co-key: var(--surface-3);--co-key-edge: #1f1f22;--co-ring: #55555a;--co-ink: color-mix(in srgb, var(--accent) 65%, #fff)}.co-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.co-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.co-count{font-weight:900;font-size:.95rem;color:var(--muted);font-variant-numeric:tabular-nums;min-width:3.6em}.co-badge{margin-right:auto;padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--co-ink);font-weight:800;font-size:.8rem}.co-dots{display:flex;gap:6px}.co-dot{width:12px;height:12px;border-radius:50%;background:var(--surface-3);transition:background .25s var(--ease),transform .25s var(--ease-bounce)}.co-dot.now{background:transparent;box-shadow:inset 0 0 0 2px var(--accent);transform:scale(1.15)}.co-dot.ok{background:var(--good)}.co-dot.half{background:var(--co-half)}.co-dot.bad{background:var(--bad)}.co-play{display:flex;flex-direction:column;gap:14px}.co-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 16px 16px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border-top:5px solid var(--accent);text-align:center}.co-card.enter{animation:co-in .32s var(--ease) both}@keyframes co-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.co-pronoun{font-size:clamp(2.4rem,11vw,3rem);font-weight:900;line-height:1;letter-spacing:-.02em}.co-pronoun.pop{animation:co-pop .3s var(--ease-bounce)}.co-pill{display:inline-block;padding:5px 16px;border-radius:999px;background:var(--accent-soft);color:var(--co-ink);font-weight:900;font-size:1.2rem;line-height:1.2}.co-tense{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.co-form{display:flex;flex-direction:column;gap:10px}.co-field{display:flex;gap:8px}.co-input{flex:1;min-width:0;height:56px;padding:0 14px;border-radius:12px;border:2px solid var(--co-ring);background:var(--surface);color:var(--text);font:inherit;font-size:1.35rem;font-weight:800;outline:none;transition:border-color .15s var(--ease),background .2s var(--ease)}.co-input::placeholder{color:var(--muted);font-weight:600;opacity:.7}.co-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.co-input:disabled{opacity:1;-webkit-text-fill-color:var(--text)}.co-input.ok{border-color:var(--good);background:color-mix(in srgb,var(--good) 14%,var(--surface))}.co-input.half{border-color:var(--co-half);background:color-mix(in srgb,var(--co-half) 14%,var(--surface))}.co-input.bad{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,var(--surface));text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--bad) 70%,transparent)}.co-input.shake{animation:sh-shake .5s}.co-input.flash{animation:co-flash .45s var(--ease)}@keyframes co-flash{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:none}}.co-check{min-height:56px;padding:0 18px;border-radius:12px}.co-check[hidden]{display:none}.co-accents{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.co-accents[hidden]{display:none}.co-key{height:48px;border-radius:10px;background:var(--co-key);box-shadow:inset 0 0 0 2px var(--co-ring),0 3px 0 var(--co-key-edge);color:var(--text);font-size:1.3rem;font-weight:900;transition:transform .12s var(--ease),box-shadow .15s var(--ease)}.co-key:hover{box-shadow:inset 0 0 0 2px var(--accent),0 3px 0 var(--co-key-edge)}.co-key:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px var(--accent),0 0 0 var(--co-key-edge)}.co-key.pop{animation:co-pop .24s var(--ease-bounce)}@keyframes co-pop{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:none}}.co-result{padding:12px 16px 16px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border-top:5px solid var(--good);--co-state: var(--good)}.co-result.half{border-top-color:var(--co-half);--co-state: var(--co-half)}.co-result.bad{border-top-color:var(--bad);--co-state: var(--bad)}.co-result.enter{animation:co-in .35s var(--ease) both;animation-delay:.12s}.co-result-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.co-verdict{font-weight:900;font-size:1rem;color:var(--co-state)}.co-half-badge{display:inline-block;margin-left:4px;padding:0 7px;border-radius:999px;background:var(--co-half);color:#fff;font-size:.8rem;vertical-align:1px}.co-right{font-size:1.5rem;font-weight:900;line-height:1.1}.co-acc{color:var(--co-ink)}.co-table{list-style:none;margin:0 0 14px;padding:0}.co-table li{display:grid;grid-template-columns:7.2em 1fr;align-items:center;gap:10px;min-height:36px;padding:0 10px;border-radius:8px}.co-table li+li{border-top:1px solid var(--border)}.co-table li.hit{background:color-mix(in srgb,var(--co-state) 16%,transparent);border-top-color:transparent}.co-table li.hit+li{border-top-color:transparent}.co-table .co-tp{color:var(--muted);font-weight:700;font-size:.9rem}.co-table b{font-size:1.08rem;font-weight:800}.co-table li.hit b{color:var(--text);font-weight:900}.co-next{width:100%}.co-summary{display:flex;flex-direction:column;gap:14px;animation:co-in .35s var(--ease) both}.co-summary-title{margin:0;font-size:1.1rem;font-weight:900;text-align:center}.co-list{list-style:none;margin:0;padding:4px 14px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.co-list li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:4px 0;border-bottom:1px solid var(--border)}.co-list li:last-child{border-bottom:0}.co-li-main b{display:block;font-size:1.02rem;font-weight:900;line-height:1.25}.co-li-main small{display:block;color:var(--muted);font-weight:700;font-size:.75rem;line-height:1.2}.co-list s{color:var(--muted);font-weight:700;font-size:.9rem;text-decoration-color:var(--bad)}.co-mark{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.8rem;font-weight:900;background:var(--good)}.co-list .half .co-mark{background:var(--co-half)}.co-list .bad .co-mark{background:var(--bad)}.co-summary-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.co-end{text-align:center;display:grid;gap:10px;justify-items:center;margin-top:4px}.co-grid{font-size:1.2rem;letter-spacing:2px;line-height:1}.co-end a,.co-summary-actions a{text-decoration:none}.co-example{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0 10px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2)}.co-ex-pro{font-size:1.8rem;font-weight:900;line-height:1}.co-ex-tense{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.co-ex-answer{margin-top:4px;padding:4px 14px;border-radius:8px;background:var(--good);color:#fff;font-weight:900;font-size:1.1rem}.co-set-tenses{flex-wrap:wrap}.co-set-tenses .lbl{flex:1 1 100%}.co-picks{display:flex;flex-wrap:wrap;gap:6px}.co-pick{position:relative}.co-pick input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.co-pick span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:2px solid var(--border);font-weight:800;font-size:.9rem;color:var(--muted);transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.co-pick input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.co-pick input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:389px){.sh-header{grid-template-columns:auto minmax(0,1fr) auto}.sh-title{justify-self:center}}html.dark .co-ex-answer{color:#1e1c1a}.co-repaso{background:var(--accent-soft);color:var(--co-ink)}.co-repaso[hidden]{display:none}.co-badge+.co-repaso{margin-right:auto;margin-left:-4px}.co-count+.co-repaso{margin-right:auto}.co-card-en{gap:10px;padding:20px 16px 16px}.co-sentence{margin:0 0 2px;font-size:clamp(1.25rem,5.6vw,1.45rem);font-weight:800;line-height:1.45;text-wrap:balance}.co-gap{display:inline-block;min-width:4.2em;height:1.15em;margin:0 2px;vertical-align:-.12em;border-bottom:3px solid var(--accent);border-radius:2px}.co-gap.filled{min-width:0;height:auto;padding:0 8px;border:0;border-radius:8px;vertical-align:baseline;background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--text);font-weight:900;animation:co-pop .32s var(--ease-bounce)}.co-meta{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:center}.co-card-en .co-pill{font-size:1.1rem}.co-es{color:var(--muted);font-weight:700;font-size:.92rem}.co-card-en .co-tense{font-size:.72rem}.co-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.co-options[hidden],.co-form[hidden]{display:none}.co-opt{position:relative;min-height:60px;padding:8px 12px;border-radius:12px;background:var(--co-key);box-shadow:inset 0 0 0 2px var(--co-ring),0 3px 0 var(--co-key-edge);color:var(--text);font-size:1.2rem;font-weight:800;line-height:1.15;transition:transform .12s var(--ease),box-shadow .15s var(--ease),background .2s var(--ease),opacity .2s var(--ease)}.co-opt-n{position:absolute;top:5px;left:8px;font-size:.68rem;font-weight:800;color:var(--muted);opacity:.8}.co-opt:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--accent),0 3px 0 var(--co-key-edge)}.co-opt:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 0 0 2px var(--accent),0 0 0 var(--co-key-edge)}.co-opt:disabled{cursor:default}.co-opt.ok{background:color-mix(in srgb,var(--good) 18%,var(--surface));box-shadow:inset 0 0 0 2px var(--good),0 3px color-mix(in srgb,var(--good) 45%,transparent)}.co-opt.bad{background:color-mix(in srgb,var(--bad) 14%,var(--surface));box-shadow:inset 0 0 0 2px var(--bad),0 3px color-mix(in srgb,var(--bad) 40%,transparent);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--bad) 70%,transparent)}.co-opt.dim{opacity:.45}.co-opt.shake{animation:sh-shake .5s}.co-opt.flash{animation:co-flash .45s var(--ease)}.co-result-en .co-result-head{margin-bottom:6px}.co-tip{margin:0 0 14px;font-size:1rem;font-weight:600;line-height:1.4}.co-ex-sentence{font-size:1.05rem;font-weight:800;text-align:center;line-height:1.6}.co-ex-sentence .co-ex-answer{margin:0 2px;padding:1px 8px;font-size:1rem}