:root{--ti-gap: 5px;--ti-key: var(--surface);--ti-key-edge: var(--surface-3);--ti-flat: var(--surface-2);--ti-ring: var(--border)}html.dark{--ti-key: var(--surface-3);--ti-key-edge: #1f1f22;--ti-flat: #1a1a1c;--ti-ring: #55555a}.ti-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.ti-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.ti-count{font-weight:900;font-size:.95rem;color:var(--muted);font-variant-numeric:tabular-nums;min-width:3.6em}.ti-dots{display:flex;gap:6px}.ti-dot{width:12px;height:12px;border-radius:50%;background:var(--surface-3);transition:background .25s var(--ease),transform .25s var(--ease-bounce)}.ti-dot.now{background:transparent;box-shadow:inset 0 0 0 2px var(--accent);transform:scale(1.15)}.ti-dot.ok{background:var(--good)}.ti-dot.bad{background:var(--bad)}.ti-play{display:flex;flex-direction:column;align-items:center}.ti-prompt{margin:0 0 10px;font-weight:800;color:var(--muted);text-align:center}.ti-context{margin:0 0 16px;padding:12px 16px;font-size:1.15rem;line-height:1.45;text-align:center;background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);max-width:100%}.ti-chip{display:inline-block;padding:0 6px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-weight:900}html.dark .ti-chip{color:color-mix(in srgb,var(--accent) 70%,#fff)}.ti-word{--tw: min(56px, calc((100cqw - (var(--n) - 1) * var(--ti-gap)) / var(--n)));container-type:inline-size;width:100%;display:flex;justify-content:center;gap:var(--ti-gap);margin:4px 0 20px}.ti-word:focus{outline:none}.ti-word.enter .ti-tile{animation:ti-in .32s var(--ease) both}.ti-word.enter .ti-tile:nth-child(2){animation-delay:.03s}.ti-word.enter .ti-tile:nth-child(3){animation-delay:.06s}.ti-word.enter .ti-tile:nth-child(4){animation-delay:.09s}.ti-word.enter .ti-tile:nth-child(5){animation-delay:.12s}.ti-word.enter .ti-tile:nth-child(n+6){animation-delay:.15s}@keyframes ti-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ti-tile{position:relative;flex:0 0 var(--tw);height:clamp(52px,calc(var(--tw) * 1.3),72px);display:grid;place-items:center;border-radius:10px;font-size:calc(var(--tw) * .68);font-weight:900;line-height:1;color:var(--text);background:var(--ti-flat);user-select:none}.ti-gap{flex:0 0 calc(var(--tw) * .4)}.ti-tile.v{background:var(--ti-key);box-shadow:inset 0 0 0 2px var(--ti-ring),0 3px 0 var(--ti-key-edge);cursor:pointer;transition:transform .12s var(--ease),box-shadow .15s var(--ease),background .2s var(--ease),color .2s var(--ease)}.ti-tile.v:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--accent),0 3px 0 var(--ti-key-edge)}.ti-tile.v:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 0 0 2px var(--accent),0 0 0 var(--ti-key-edge)}.ti-tile.v:disabled{cursor:default}.ti-base,.ti-acc{grid-area:1 / 1}.ti-acc{opacity:0}.ti-tile.marked .ti-base{opacity:0;transition:opacity .12s .1s}.ti-tile.marked .ti-acc{opacity:1;animation:ti-drop .38s var(--ease-bounce) both}@keyframes ti-drop{0%{opacity:0;transform:translateY(-.45em) scale(1.15)}to{opacity:1;transform:none}}.ti-tile.ok,.ti-none.ok{background:var(--good);color:#fff;box-shadow:0 3px color-mix(in srgb,var(--good) 60%,#000)}.ti-tile.bad,.ti-none.bad{background:var(--bad);color:#fff;box-shadow:0 3px color-mix(in srgb,var(--bad) 60%,#000)}.ti-tile.pop,.ti-none.pop{animation:ti-pop .32s var(--ease-bounce)}.ti-tile.shake,.ti-none.shake{animation:sh-shake .5s}@keyframes ti-pop{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:none}}.ti-none{width:100%;max-width:340px;min-height:52px;border-radius:999px;font-weight:900;font-size:1.05rem;background:var(--ti-key);box-shadow:inset 0 0 0 2px var(--ti-ring),0 3px 0 var(--ti-key-edge);color:var(--text);transition:transform .12s var(--ease),background .2s var(--ease),color .2s var(--ease),opacity .2s}.ti-none:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--accent),0 3px 0 var(--ti-key-edge)}.ti-none:not(:disabled):active{transform:translateY(3px)}.ti-none:disabled:not(.marked){opacity:.45}.ti-card{width:100%;margin-top:20px;padding:16px 18px 18px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border-top:5px solid var(--good)}.ti-card.bad{border-top-color:var(--bad)}.ti-card.enter{animation:ti-card-in .4s var(--ease) both;animation-delay:.18s}@keyframes ti-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ti-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ti-verdict{font-weight:900;font-size:.95rem;color:var(--good)}.ti-card.bad .ti-verdict{color:var(--bad)}.ti-type{padding:3px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.01em}.ti-answer{margin:8px 0 4px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.ti-answer b{font-size:2.1rem;font-weight:900;letter-spacing:-.01em;line-height:1.15}.ti-hit{color:var(--accent)}html.dark .ti-hit{color:color-mix(in srgb,var(--accent) 75%,#fff)}.ti-nomark{font-size:.85rem;font-weight:800;color:var(--muted)}.ti-sentence{margin:0 0 8px;font-size:1rem;color:var(--muted);font-style:italic}.ti-sentence b{color:var(--text);font-style:normal;font-weight:900}.ti-why{margin:6px 0 16px;font-size:1.02rem;line-height:1.55}.ti-next{width:100%}.ti-summary{display:flex;flex-direction:column;gap:14px;animation:ti-card-in .35s var(--ease) both}.ti-summary-title{margin:0;font-size:1.1rem;font-weight:900;text-align:center}.ti-list{list-style:none;margin:0;padding:6px 14px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.ti-list li{display:grid;grid-template-columns:26px auto 1fr;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.ti-list li:last-child{border-bottom:0}.ti-list b{font-size:1.1rem;font-weight:900}.ti-list small{justify-self:end;text-align:right;color:var(--muted);font-weight:700;font-size:.78rem}.ti-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.8rem;font-weight:900;background:var(--good)}.ti-list .bad .ti-mark{background:var(--bad)}.ti-summary-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ti-end{text-align:center;display:grid;gap:10px;justify-items:center;margin-top:4px}.ti-grid{font-size:1.2rem;letter-spacing:2px;line-height:1}.ti-example{display:flex;gap:4px;margin:4px 0 8px}.ti-example span{width:32px;height:40px;border-radius:7px;display:grid;place-items:center;font-weight:900;font-size:1.2rem;background:var(--ti-flat)}.ti-example .v{background:var(--ti-key);box-shadow:inset 0 0 0 2px var(--ti-ring)}.ti-example .ok{background:var(--good);color:#fff;box-shadow:none}.ti-end a,.ti-summary-actions a{text-decoration:none}.ti-syl{white-space:nowrap}