:root{--tl-0:#13343b1a;--tl-1:#b3533a24;--tl-2:#4f7a3a26;--tl-3:#92400e1f;--tl-4:#0369a121;--tl-edge:#0b0b0b47;--tl-hot:#b3533a;--tl-bad:#b91c1c;--tl-vi:#c2531e;--tl-en:#1d6fb0;--tl-line:#0d6e68;--tl-train:#008300;--tl-you:#4a3aa7;--tl-bar:#8f8a7f;--tl-grid:#e7e5df}.dark{--tl-0:#5ec8d02b;--tl-1:#f0967830;--tl-2:#8dbf6a30;--tl-3:#f0b45a2b;--tl-4:#78b4f030;--tl-edge:#ffffff4d;--tl-hot:#f0967a;--tl-bad:#f87171;--tl-vi:#d9714f;--tl-en:#3ba0c9;--tl-line:#20b8b0;--tl-train:#199e70;--tl-you:#9085e9;--tl-bar:#77736a;--tl-grid:#2a2927}.tl-chip{border:1.5px solid var(--tl-edge);min-height:34px;font-family:var(--font-mono), ui-monospace, monospace;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;font-variant-ligatures:none;max-width:100%;color:var(--text-primary);border-radius:7px;justify-content:center;align-items:center;padding:3px 8px;font-size:15px;line-height:1.25;display:inline-flex}[data-lab-lesson] .font-mono{font-variant-ligatures:none}.tl-c0{background:var(--tl-0)}.tl-c1{background:var(--tl-1)}.tl-c2{background:var(--tl-2)}.tl-c3{background:var(--tl-3)}.tl-c4{background:var(--tl-4)}button.tl-chip{cursor:pointer;min-width:44px;min-height:44px;transition:transform .12s}button.tl-chip:hover{transform:translateY(-1px)}button.tl-chip:focus-visible{outline:3px solid var(--text-primary);outline-offset:2px}.tl-chip[data-hot=true]{border-color:var(--tl-hot);border-width:3px}.tl-chip[data-partial=true]{letter-spacing:.02em;border-style:dashed;font-size:13px}.tl-chip[data-unknown=true],.tl-chip[data-unk=true]{background:var(--bg-card);border-color:var(--tl-bad);border-style:dashed;border-width:2px}.tl-range{width:100%;accent-color:var(--text-primary);cursor:pointer;height:44px}.tl-bits b{color:var(--text-secondary);font-weight:700}@media (prefers-reduced-motion:reduce){button.tl-chip{transition:none}button.tl-chip:hover{transform:none}}.tl-special{background:var(--bg-card);border-style:double;border-width:3px;border-color:var(--text-secondary);font-size:13px}