.tf-drill{--tf-surface: var(--sl-color-bg-nav);--tf-text: var(--sl-color-white);--tf-muted: var(--sl-color-gray-3);--tf-accent: var(--sl-color-accent);--tf-border: var(--sl-color-gray-5);--tf-hover: var(--sl-color-gray-6);--tf-correct: #4ade80;--tf-correct-bg: #14532d;--tf-wrong: #f87171;--tf-wrong-bg: #7f1d1d;--tf-btn-true: #16a34a;--tf-btn-true-hover: #15803d;--tf-btn-false: #dc2626;--tf-btn-false-hover: #b91c1c;color:var(--tf-text);line-height:1.6;border:1px solid var(--tf-border);background:var(--tf-surface);border-radius:12px;padding:18px 20px}:root[data-theme=light] .tf-drill{--tf-correct: #16a34a;--tf-correct-bg: #dcfce7;--tf-wrong: #dc2626;--tf-wrong-bg: #fee2e2}.tf-drill *{box-sizing:border-box}.tf-prompt{color:var(--tf-muted);font-size:14px;margin:0 0 14px}.tf-scoreboard{display:flex;align-items:center;gap:14px;margin-bottom:12px;min-height:18px}.tf-progress{font-family:var(--sl-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tf-muted);font-weight:700}.tf-pips{display:inline-flex;gap:5px;flex-wrap:wrap}.tf-pip{display:inline-block;width:9px;height:9px;border-radius:50%;background:transparent;border:1.5px solid var(--tf-border)}.tf-pip.right{background:var(--tf-correct);border-color:var(--tf-correct)}.tf-pip.wrong{background:var(--tf-wrong);border-color:var(--tf-wrong)}.tf-stage{border:1px solid var(--tf-border);border-radius:12px;padding:18px 20px;margin-bottom:14px;min-height:160px}.tf-cards{display:grid}.tf-statement{grid-column:1 / -1;grid-row:1;visibility:hidden;font-size:16px;line-height:1.6}.tf-statement.active{visibility:visible}.tf-statement>:first-child{margin-top:0}.tf-statement>:last-child{margin-bottom:0}.tf-why-block{display:none}.tf-end{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:4px 0}.tf-end[hidden]{display:none}.tf-end-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--tf-muted)}.tf-score{font-size:36px;font-weight:700;color:var(--tf-accent);letter-spacing:-.02em;margin-bottom:4px;font-variant-numeric:tabular-nums}.tf-end-msg{font-size:14px;color:var(--tf-muted);margin-bottom:14px}.tf-restart{background:var(--tf-accent);color:#fff;border:none;padding:10px 20px;border-radius:8px;font:inherit;font-weight:500;cursor:pointer;transition:opacity .15s}.tf-restart:hover{opacity:.9}.tf-actions{display:flex;gap:10px;justify-content:center}.tf-btn{flex:1 1 0;min-width:140px;padding:12px 14px;border-radius:10px;border:1px solid transparent;font:inherit;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:background-color .14s}.tf-btn-false{background:var(--tf-btn-false)}.tf-btn-false:hover:not(:disabled){background:var(--tf-btn-false-hover)}.tf-btn-true{background:var(--tf-btn-true)}.tf-btn-true:hover:not(:disabled){background:var(--tf-btn-true-hover)}.tf-btn:disabled{opacity:.45;cursor:default}.tf-review{margin-top:14px}.tf-review>summary{padding:10px 0;font-size:13px;font-weight:600;cursor:pointer;color:var(--tf-accent);list-style:none;user-select:none}.tf-review>summary:hover{color:var(--tf-text)}.tf-review>summary::-webkit-details-marker{display:none}.tf-review>summary:before{content:"▸";display:inline-block;width:16px;color:var(--tf-muted)}.tf-review[open]>summary:before{content:"▾"}.tf-review-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--tf-border)}.tf-review-item{padding:12px 0;border-bottom:1px solid var(--tf-border);display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14px}.tf-review-item:last-child{border-bottom:none}.tf-review-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;margin-top:2px}.tf-review-icon.right{background:var(--tf-correct)}.tf-review-icon.wrong{background:var(--tf-wrong)}.tf-review-stmt>:first-child{margin-top:0}.tf-review-stmt>:last-child{margin-bottom:0}.tf-verdict{display:inline-block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;padding:2px 7px;border-radius:3px;margin-top:8px;vertical-align:2px}.tf-verdict.true{background:var(--tf-correct-bg);color:var(--tf-correct)}.tf-verdict.false{background:var(--tf-wrong-bg);color:var(--tf-wrong)}.tf-review-why{color:var(--tf-muted);font-size:13.5px;margin-top:6px}.tf-review-why>:first-child{margin-top:0}.tf-review-why>:last-child{margin-bottom:0}