.tt-board{--tt-cell:40px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--pale);cursor:text;scrollbar-gutter:stable;height:calc(100vh - 270px);min-height:320px;padding:18px 20px 28px;position:relative;overflow:hidden auto}.tt-pair{margin-bottom:12px}.tt-row{display:flex}.tt-board.is-blind .tt-row{flex-wrap:wrap}.tt-cell{width:var(--tt-cell);height:var(--tt-cell);font-size:calc(var(--tt-cell) * .55);flex:none;place-items:center;font-weight:500;line-height:1;display:grid;position:relative}.tt-row--target .tt-cell{color:#0c2a226b}@supports (color:color-mix(in oklch, red, red)){.tt-row--target .tt-cell{color:color-mix(in oklch, var(--fg) 42%, transparent)}}.tt-row--target .tt-cell.is-typed{color:var(--fg)}.tt-row--input .tt-cell{border-bottom:1px solid #0c2a2221}@supports (color:color-mix(in oklch, red, red)){.tt-row--input .tt-cell{border-bottom:1px solid color-mix(in oklch, var(--fg) 13%, transparent)}}.tt-row--input .tt-cell.is-ok{color:var(--tt-accent-ink)}.tt-row--input .tt-cell.is-bad{background:var(--tt-bad-bg);color:var(--tt-bad);border-radius:3px 3px 0 0}.tt-row--input .tt-cell.is-cursor{border-bottom:2px solid var(--accent)}.tt-row--input .tt-cell.is-cursor:after{background:var(--accent);content:"";width:2px;animation:1s step-end infinite tt-blink;position:absolute;top:22%;bottom:22%;left:50%;transform:translate(-50%)}.tt-board.is-blurred .tt-cell.is-cursor:after{opacity:.25;animation:none}@keyframes tt-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.tt-row--input .tt-cell.is-cursor:after{animation:none}}.tt-compose{z-index:2;height:var(--tt-cell);border:1px solid var(--accent);background:var(--surface);box-shadow:0 2px 8px color-mix(in oklch, var(--fg) 10%, transparent);color:var(--fg);font:600 15px var(--font-mono);pointer-events:none;white-space:nowrap;border-radius:4px;align-items:center;padding:0 8px;display:flex;position:absolute}.tt-compose[hidden]{display:none}.tt-blur-note{z-index:3;background:var(--fg);width:max-content;color:var(--pale);pointer-events:none;border-radius:999px;margin:-6px auto 0;padding:4px 12px;font-size:12px;position:sticky;top:0}.tt-ime{z-index:1;caret-color:#0000;color:#0000;resize:none;background:0 0;border:0;outline:0;width:1px;height:1px;margin:0;padding:0;font-size:16px;line-height:1;position:fixed;overflow:hidden}.xiaoma-app .tt-ime:focus-visible{outline:0}@media (max-width:640px){.tt-board{--tt-cell:30px;height:calc(100vh - 300px);padding:12px 10px 20px}}