:root{color-scheme:dark;--accent:#2dd4bf;--grad:linear-gradient(92deg,#2ee6a6,#38bdf8 60%,#818cf8);--good:#34ddc4;--bad:#ff6b6b;--pending:#586571}*{box-sizing:border-box}body{background:radial-gradient(1100px 700px at 50% -10%,#0c1320 0,transparent 55%),#05070a;color:#e8edf1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}.tt{margin:0 auto;max-width:860px;padding:26px 18px 56px}.tt__bar{align-items:center;display:flex;gap:12px;margin-bottom:8px}.tt__title{background:var(--grad);-webkit-background-clip:text;background-clip:text;font-size:clamp(17px,5.2vw,22px);font-weight:800;letter-spacing:-.01em;margin:0;white-space:nowrap;-webkit-text-fill-color:transparent}.tt__back{margin-right:auto}.tt__back,.tt__home{color:#9fb0bb;font-size:clamp(13px,3.6vw,15px);font-weight:600;text-decoration:none;white-space:nowrap}.tt__home{margin-left:auto}.tt__back:hover,.tt__home:hover{color:#67e8f9}.tt__lede{color:#9fb0bb;font-size:13.5px;line-height:1.6;margin:0 0 18px}.tt__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.tt-seg{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.12);border-radius:11px;display:inline-flex;gap:3px;padding:3px}.tt-seg__opt{background:transparent;border:0;border-radius:8px;color:#9fb0bb;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;padding:7px 14px;transition:color .14s,background .14s}.tt-seg__opt:hover{color:#d6fbf3}.tt-seg__opt.is-active{background:var(--accent);box-shadow:0 2px 10px rgba(45,212,191,.35);color:#04140f}.tt-seg__label{color:#7d909c;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tt-btn{background:rgba(45,212,191,.13);border:1px solid rgba(45,212,191,.42);border-radius:9px;color:#d6fbf3;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;padding:8px 16px;transition:background .14s,border-color .14s}.tt-btn:hover{background:rgba(45,212,191,.24)}.tt-btn--accent{background:var(--accent);border-color:var(--accent);color:#04140f}.tt-btn--accent:hover{background:#45e3cf}.tt__toolbar-spacer{margin-left:auto}.tt__stats{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.tt__stat{align-items:center;background:linear-gradient(180deg,rgba(21,29,40,.6),rgba(12,17,24,.6));border:1px solid hsla(0,0%,100%,.09);border-radius:13px;display:flex;flex-direction:column;gap:4px;padding:12px 8px}.tt__stat-val{color:#eafffb;font:800 clamp(22px,6vw,28px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.tt__stat--accent .tt__stat-val{color:var(--accent)}.tt__stat-lbl{color:#7d909c;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tt__progress{background:hsla(0,0%,100%,.07);border-radius:3px;height:5px;margin-bottom:16px;overflow:hidden}.tt__progress-fill{background:var(--grad);border-radius:3px;height:100%;transition:width .12s linear;width:0}.tt__stage{background:linear-gradient(180deg,rgba(21,29,40,.55),rgba(12,17,24,.55));border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.34);cursor:text;min-height:150px;padding:22px 22px 24px;position:relative}.tt__text{font:500 clamp(17px,4.6vw,21px)/1.95 ui-monospace,SFMono-Regular,Menlo,Liberation Mono,monospace;letter-spacing:.01em;margin:0;transition:filter .18s,opacity .18s;white-space:pre-wrap;word-break:break-word}.tt-char{border-left:2px solid transparent;color:var(--pending);margin-left:-2px}.tt-char.is-correct{color:var(--good)}.tt-char.is-incorrect{background:rgba(255,90,90,.16);border-radius:2px;color:var(--bad);text-decoration:underline;text-decoration-color:rgba(255,90,90,.7)}.tt-char.is-current{animation:tt-blink 1.05s step-start infinite;border-left-color:var(--accent)}.tt-char--end{color:transparent}@keyframes tt-blink{0%,to{border-left-color:var(--accent)}50%{border-left-color:transparent}}@media (prefers-reduced-motion:reduce){.tt-char.is-current{animation:none;border-left-color:var(--accent)}}.tt__input{background:transparent;border:0;caret-color:transparent;color:transparent;cursor:text;font-size:16px;height:100%;inset:0;margin:0;outline:none;padding:0;position:absolute;resize:none;width:100%;z-index:3}.tt__focusnote{align-items:center;backdrop-filter:blur(1px);background:rgba(5,7,10,.55);border-radius:16px;color:#cdd9e1;display:flex;font-size:13.5px;font-weight:700;inset:0;justify-content:center;opacity:0;padding:12px;pointer-events:none;position:absolute;text-align:center;transition:opacity .18s;z-index:2}.tt__stage.is-blurred .tt__focusnote{opacity:1}.tt__stage.is-blurred .tt__text{filter:blur(2.5px);opacity:.62}.tt__stage.is-done .tt__input{pointer-events:none}.tt__source{color:#7d909c;font-size:12.5px;font-style:italic;margin:14px 0 0}.tt__source:empty{display:none}.tt__results{background:linear-gradient(180deg,rgba(45,212,191,.08),rgba(12,17,24,.55));border:1px solid rgba(45,212,191,.3);border-radius:16px;margin-top:18px;padding:22px}.tt__results[hidden]{display:none}.tt__results-title{background:var(--grad);-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:800;letter-spacing:.14em;margin:0 0 4px;text-transform:uppercase;-webkit-text-fill-color:transparent}.tt__results-sub{color:#9fb0bb;font-size:13px;margin:0 0 16px}.tt__results-grid{align-items:end;display:grid;gap:12px;grid-template-columns:1.4fr 1fr 1fr 1fr;margin-bottom:18px}.tt__result{display:flex;flex-direction:column;gap:4px}.tt__result-val{color:#eafffb;font:800 clamp(24px,7vw,34px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.tt__result--hero .tt__result-val{background:var(--grad);-webkit-background-clip:text;background-clip:text;font-size:clamp(38px,12vw,56px);-webkit-text-fill-color:transparent}.tt__result-lbl{color:#7d909c;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}@media (max-width:560px){.tt{padding:20px 14px 48px}.tt__stats{grid-template-columns:repeat(2,1fr)}.tt__stage{padding:18px 16px 20px}.tt__text{max-height:42vh;overflow-y:auto}.tt__results-grid{grid-template-columns:1fr 1fr}.tt__result--hero{grid-column:1/-1}.tt__toolbar-spacer{height:0;margin-left:0;width:100%}}