.tt-setup,.tt-run,.tt-result,.tt-loading{--tt-accent-ink:#188367;--tt-line:#0c2a221f;--tt-bad-bg:#ffd1cd;--tt-bad:#af2b25}@supports (color:color(display-p3 0 0 0)){.tt-setup,.tt-run,.tt-result,.tt-loading{--tt-bad-bg:color(display-p3 .986394 .821334 .798811);--tt-bad:color(display-p3 .633528 .21472 .174378)}}@supports (color:lab(0% 0 0)){.tt-setup,.tt-run,.tt-result,.tt-loading{--tt-bad-bg:lab(87.8395% 18.4813 10.037);--tt-bad:lab(40.3353% 53.1823 37.9783)}}@supports (color:color-mix(in oklch, red, red)){.tt-setup,.tt-run,.tt-result,.tt-loading{--tt-accent-ink:color-mix(in oklch, var(--accent) 55%, var(--fg));--tt-line:color-mix(in oklch, var(--fg) 12%, transparent)}}body.typing-test-running .xiaoma-topnav,body.typing-test-running .xiaoma-pagefoot,body.typing-test-running .xiaoma-mobile-nav{display:none}body.typing-test-running .xiaoma-main{padding-bottom:0}.tt-navigation{margin-bottom:20px}.tt-back{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:0 4px;font-size:14px;text-decoration:none;display:inline-flex}.tt-back:hover{color:var(--fg)}.tt-back:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.tt-load-error{color:var(--muted)}.tt-loading{color:var(--muted);text-align:center;padding:4rem 0}.tt-eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:12px;margin:0 0 10px;font-size:12px;display:flex}.tt-eyebrow i{background:currentColor;width:28px;height:1px}.tt-eyebrow b{color:var(--muted);font-family:var(--font-body);letter-spacing:0;font-weight:700}.tt-link{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px solid #34544a66;padding:0}@supports (color:color-mix(in oklch, red, red)){.tt-link{border-bottom:1px solid color-mix(in oklch, var(--muted) 40%, transparent)}}.tt-tier{background:var(--accent-soft);border:1px solid #80ceb0;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}@supports (color:color-mix(in oklch, red, red)){.tt-tier{border:1px solid color-mix(in oklch, var(--accent) 45%, var(--border))}}.tt-tier.is-off{border-color:var(--border);background:var(--fg-soft);color:var(--muted)}.tt-setup kbd,.tt-result kbd{font-family:var(--font-mono)}.tt-scale{max-width:540px;margin-top:36px}.tt-scale__track{background:var(--fg-soft);border-radius:99px;height:10px;position:relative}.tt-scale__fill{background:var(--accent);border-radius:99px;position:absolute;top:0;bottom:0;left:0;right:auto}.tt-scale__cut{background:var(--bg);width:2px;position:absolute;top:0;bottom:0}.tt-scale__marker{font:700 12px var(--font-mono);white-space:nowrap;position:absolute;top:-26px;transform:translate(-50%)}.tt-scale__marker:after{background:var(--fg);content:"";border-radius:2px;width:2px;height:18px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.tt-scale__labels{height:34px;color:var(--muted);margin-top:6px;font-size:12px;position:relative}.tt-scale__labels span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.tt-scale__labels span.is-num{font:600 11px var(--font-mono);opacity:.8;top:16px}.tt-scale__labels span.is-on{color:var(--fg);font-weight:800}.tt-setup__top{border-bottom:1px solid var(--tt-line);grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:48px;padding-bottom:32px;display:grid}.tt-now{min-height:190px}.tt-now__label{color:var(--muted);margin:0;font-size:13px}.tt-now__row{flex-wrap:wrap;align-items:baseline;gap:14px;margin-top:6px;display:flex}.tt-now__speed,.tt-result__speed h1{font:800 76px/1 var(--font-mono);letter-spacing:-.02em;margin:0}.tt-now__speed small,.tt-result__speed h1 small{color:var(--muted);font:700 18px var(--font-body);letter-spacing:0;margin-left:6px}.tt-now__row .tt-tier,.tt-result__speed .tt-tier{transform:translateY(-10px)}.tt-now__meta{color:var(--muted);margin:12px 0 0;font-size:14px}.tt-now__meta b{color:var(--fg);font-family:var(--font-mono)}.tt-now__title{margin:0 0 8px;font-size:30px;line-height:1.25}.tt-now__lead{color:var(--muted);margin:0;font-size:15px}.tt-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:#f4fdf9b3;gap:18px;padding:22px;display:grid}@supports (color:color-mix(in oklch, red, red)){.tt-panel{background:color-mix(in oklch, var(--pale) 70%, transparent)}}.tt-group>span{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.tt-seg{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tt-seg button{border:1px solid var(--border);border-radius:var(--radius);background:var(--pale);min-height:40px;color:var(--fg);cursor:pointer;font:inherit;font-weight:700}.tt-seg button:hover{border-color:#0c2a224d}@supports (color:color-mix(in oklch, red, red)){.tt-seg button:hover{border-color:color-mix(in oklch, var(--fg) 30%, transparent)}}.tt-seg button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.tt-seg button small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:600;line-height:1;display:block}.tt-start{width:100%;min-height:54px;font-size:16px}.tt-start kbd{opacity:.65;font-size:11px}.tt-panel__note{color:var(--muted);text-align:center;margin:-8px 0 0;font-size:12.5px}.tt-panel__note b{color:var(--fg);font-family:var(--font-mono)}.tt-panel__lock{color:var(--muted);margin:-8px 0 0;font-size:13px}.tt-records{grid-template-columns:340px minmax(0,1fr);gap:48px;padding-top:28px;display:grid}.tt-records h2{margin:0 0 14px;font-size:15px}.tt-pb{grid-template-columns:56px minmax(0,1fr) 72px;align-items:center;gap:12px;padding:7px 0;font-size:13px;display:grid}.tt-pb__bar{background:var(--fg-soft);border-radius:99px;height:8px;overflow:hidden}.tt-pb__bar i{background:var(--accent);border-radius:99px;height:100%;display:block}.tt-pb__val{font:700 14px var(--font-mono);text-align:right}.tt-pb__val small{color:var(--muted);font:600 11px var(--font-body)}.tt-pb__val.is-none{color:var(--muted);font:600 12px var(--font-body)}.tt-recent{border-collapse:collapse;width:100%;font-size:13px}.tt-recent td{border-top:1px solid var(--tt-line);padding:8px 0}.tt-recent tr:first-child td{border-top:0}.tt-recent__when{width:120px;color:var(--muted)}.tt-recent__num{width:90px;font-family:var(--font-mono);text-align:right}.tt-recent__num small{color:var(--muted);font-family:var(--font-body);font-size:11px}.tt-recent tr.is-off td{color:var(--muted)}.tt-recent__off{border:1px solid var(--border);color:var(--muted);border-radius:999px;margin-left:6px;padding:0 7px;font-size:11px}.tt-empty{color:var(--muted);margin:0;padding:8px 0;font-size:13px}.tt-guide-link{margin:32px 0 0;font-size:13px}.tt-run__title{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.tt-run__title h1{margin:0;font-size:20px}.tt-run__title span{color:var(--muted);font-size:13px}.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}.tt-statusbar{z-index:5;background:var(--bg);border-top:1px solid var(--tt-line);margin-top:12px;position:sticky;bottom:0}.tt-statusbar__progress{height:3px;position:absolute;top:-1px;left:0;right:0}.tt-statusbar__progress i{background:var(--accent);width:0;height:100%;transition:width .2s linear;display:block}.tt-statusbar__inner{flex-wrap:wrap;align-items:center;gap:10px 26px;padding:12px 0;display:flex}.tt-stat{color:var(--muted);align-items:baseline;gap:6px;font-size:13px;display:inline-flex}.tt-stat b{color:var(--fg);font:800 22px/1 var(--font-mono);font-variant-numeric:tabular-nums}.tt-stat b.is-low{color:var(--tt-bad)}.tt-hint{color:var(--muted);font-size:13px}.tt-hint.is-warn{color:var(--tt-bad)}.tt-statusbar__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.tt-toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.tt-toggle input{width:15px;height:15px;accent-color:var(--accent);margin:0}.tt-result__hero{border-bottom:1px solid var(--tt-line);grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:32px;padding-bottom:24px;display:grid}.tt-result__speed{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.tt-result__speed h1{font-size:72px}.tt-result__flag{color:var(--muted);font-size:13px;transform:translateY(-10px)}.tt-result__flag b{color:var(--fg)}.tt-result__lead{margin:12px 0 0;font-size:15px}.tt-result__lead.is-off{color:var(--tt-bad)}.tt-result__actions{gap:8px;display:grid}.tt-result__actions .xiaoma-btn-primary{min-height:52px;font-size:16px}.tt-result__actions kbd{opacity:.65;font-size:11px}.tt-result__body{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:48px;padding-top:28px;display:grid}.tt-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;margin:0;display:grid}.tt-stats div{flex-direction:column-reverse;justify-content:flex-end;display:flex}.tt-stats dd{font:800 36px/1 var(--font-mono);letter-spacing:-.02em;margin:0}.tt-stats dd small{color:var(--muted);font-size:16px}.tt-stats dt{color:var(--muted);margin-top:6px;font-size:13px}.tt-stats dt em{color:var(--fg);margin-left:6px;font-size:12px;font-style:normal}.tt-result__compare{margin:22px 0 0;font-size:14px}.tt-result__compare span{color:var(--muted);margin-left:10px;font-size:13px}.tt-result__note{color:var(--tt-bad);margin:12px 0 0;font-size:13px}.tt-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#f4fdf999;gap:6px;padding:18px 20px;display:grid}@supports (color:color-mix(in oklch, red, red)){.tt-card{background:color-mix(in oklch, var(--pale) 60%, transparent)}}.tt-card+.tt-card{margin-top:12px}.tt-card h3{margin:0;font-size:15px}.tt-card p{color:var(--muted);margin:0;font-size:13px}.tt-card .xiaoma-btn{justify-self:start;min-height:38px;margin-top:6px;font-size:14px}.tt-card.is-guest{background:var(--accent-soft);border-color:#8acdb2}@supports (color:color-mix(in oklch, red, red)){.tt-card.is-guest{border-color:color-mix(in oklch, var(--accent) 35%, var(--border))}}.tt-result__text{margin-top:36px}.tt-result__text h2{flex-wrap:wrap;align-items:baseline;gap:16px;margin:0 0 10px;font-size:15px;display:flex}.tt-legend{color:var(--muted);gap:12px;font-size:12px;font-weight:600;display:flex}.tt-source{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--pale);letter-spacing:.02em;padding:16px 22px;font-size:20px;font-weight:500;line-height:2}.tt-source p{text-indent:2em;margin:0}.tt-source .is-ok{color:var(--tt-accent-ink)}.tt-source .is-bad,.tt-legend .is-bad{background:var(--tt-bad-bg);color:var(--tt-bad);border-radius:2px}.tt-source .is-todo,.tt-legend .is-todo{color:var(--muted);opacity:.6}@media (max-width:860px){.tt-setup__top,.tt-records,.tt-result__hero,.tt-result__body{grid-template-columns:1fr;gap:24px}}@media (max-width:640px){.tt-board{--tt-cell:30px;height:calc(100vh - 300px);padding:12px 10px 20px}.tt-now__speed,.tt-result__speed h1{font-size:56px}.tt-now__title{font-size:24px}.tt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-stats dd{font-size:28px}.tt-source{padding:12px 14px;font-size:17px}.tt-statusbar__inner{gap:8px 16px;padding:10px 0}.tt-start kbd,.tt-result__actions kbd{display:none}.tt-statusbar__actions{width:100%;margin-left:0}.tt-statusbar__actions .xiaoma-btn-secondary{margin-left:auto}}