:root{--gt-ok:#1f7a4a;--gt-bad:#b23b2c;--gt-half:#8a5a00;--gt-h0:#d9efe2;--gt-h1:#f3ecc4;--gt-h2:#f6d49a;--gt-h3:#f2a983;--gt-h4:#e06a5a;--gt-next:color-mix(in srgb, var(--brand) 22%, var(--surface))}:root[data-theme=dark]{--gt-ok:#79c99c;--gt-bad:#ff9b8c;--gt-half:#f2c46b;--gt-h0:#1f3b2c;--gt-h1:#3f3a1e;--gt-h2:#5a4317;--gt-h3:#6e3420;--gt-h4:#8f2d22;--gt-next:color-mix(in srgb, var(--brand) 35%, var(--surface))}.gt-app{gap:16px;display:grid}.gt-app h2{margin:18px 0 10px;font-size:20px}.gt-app h2:first-child{margin-top:0}.gt-app h3{margin:20px 0 8px;font-size:17px}.gt-small{color:var(--muted);margin:8px 0 0;font-size:13.5px}.gt-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.gt-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=640px){.gt-modes{grid-template-columns:repeat(3,minmax(0,1fr))}}.gt-mode{border:1px solid var(--line);background:var(--bg);min-height:64px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;animation:.42s cubic-bezier(.2,.8,.2,1) both gt-rise;animation-delay:calc(var(--i,0) * 45ms);border-radius:16px;gap:2px;padding:10px 14px;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.gt-mode small{color:var(--muted)}.gt-mode:hover{transform:translateY(-2px)}.gt-mode:active{transform:scale(.97)}.gt-mode.is-on{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, var(--surface));box-shadow:inset 0 0 0 1px var(--brand)}.gt-mode:focus-visible,.gt-toggle input:focus-visible+.gt-switch{outline:3px solid color-mix(in srgb, var(--brand) 45%, transparent);outline-offset:2px}.gt-rule{border-left:4px solid var(--accent);margin-top:12px;padding:4px 0 4px 14px;animation:.35s both gt-fade}.gt-rule h3{margin:0 0 4px}.gt-rule p{margin:0;line-height:1.55}.gt-tip{margin-top:10px}.gt-setup .dt-field{margin-top:12px}.gt-toggles{gap:10px;margin-top:12px;display:grid}.gt-toggle{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.gt-toggle small{color:var(--muted);font-size:13px;display:block}.gt-toggle input{opacity:0;width:1px;height:1px;position:absolute}.gt-switch{background:var(--line);border-radius:999px;flex:none;width:46px;height:28px;transition:background-color .2s;position:relative}.gt-switch:after{content:"";background:var(--surface);border-radius:50%;width:22px;height:22px;transition:transform .2s cubic-bezier(.3,.7,.3,1.3);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.gt-toggle input:checked+.gt-switch{background:var(--brand)}.gt-toggle input:checked+.gt-switch:after{transform:translate(18px)}.gt-start-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.gt-start{padding-inline:26px;font-size:17px}.gt-start span{transition:transform .2s;display:inline-block}.gt-start:hover span{transform:translate(4px)}.gt-best{color:var(--muted);margin:0}.gt-test{gap:12px;animation:.3s both gt-fade;display:grid}.gt-bar{z-index:2;background:var(--surface);flex-wrap:wrap;align-items:center;gap:12px;padding:4px 0;display:flex;position:sticky;top:8px}.gt-clock{place-items:center;width:64px;height:64px;display:grid;position:relative}.gt-clock svg{position:absolute;inset:0;transform:rotate(-90deg)}.gt-clock circle{fill:none;stroke-width:4px}.gt-clock-track{stroke:var(--line)}.gt-clock-fill{stroke:var(--brand);stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:calc(119.4 * var(--p,0));transition:stroke-dashoffset .25s linear}.gt-clock strong{font-variant-numeric:tabular-nums;font-size:15px}.gt-live{flex:1;gap:16px;min-width:0;margin:0;display:flex}.gt-live div{display:grid}.gt-live dt{color:var(--muted);font-size:12px}.gt-live dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.gt-bar-actions{margin-left:auto}.gt-confirm{flex-wrap:wrap;gap:8px;animation:.2s both gt-fade;display:inline-flex}.gt-passage{border:1px solid var(--line);background:var(--bg);scroll-behavior:smooth;border-radius:14px;min-height:140px;max-height:34vh;padding:12px 14px;font-size:18px;line-height:1.8;position:relative;overflow-y:auto}.gt-passage[lang=hi]{font-size:20px}.gt-passage span{border-radius:6px;transition:background-color .15s,color .15s}.gt-passage .is-cur{background:color-mix(in srgb, var(--accent) 30%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent)}.gt-passage .is-ok{color:var(--gt-ok)}.gt-passage .is-bad{color:var(--gt-bad);text-decoration:underline wavy}.gt-typed-wrap{border:2px solid var(--line);background:var(--surface);cursor:text;border-radius:14px;transition:border-color .2s;position:relative}.gt-typed-wrap.is-focused{border-color:var(--brand)}.gt-typed{white-space:pre-wrap;word-break:break-word;min-height:120px;max-height:26vh;padding:12px 14px;font-size:18px;line-height:1.8;overflow-y:auto}.gt-typed[lang=hi]{font-size:20px}.gt-caret{vertical-align:text-bottom;background:var(--brand);width:2px;height:1.2em;margin-left:1px;animation:1s step-end infinite gt-blink;display:inline-block}.gt-capture{opacity:0;resize:none;caret-color:#0000;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.gt-overlay{text-align:center;background:color-mix(in srgb, var(--surface) 82%, transparent);pointer-events:none;border-radius:12px;place-items:center;padding:12px;font-weight:600;animation:.25s both gt-fade;display:grid;position:absolute;inset:0}.gt-kb{background:var(--bg);border:1px solid var(--line);user-select:none;border-radius:14px;gap:4px;padding:8px;display:grid;overflow:hidden}.gt-kb-row{padding-left:calc(var(--row,0) * 2.4%);gap:4px;display:flex}.gt-key{aspect-ratio:1/1.05;border:1px solid var(--line);background:var(--surface);border-radius:8px;flex:1 1 0;place-items:center;min-width:0;max-height:52px;font-size:clamp(11px,2.6vw,17px);line-height:1;transition:transform .12s,background-color .12s;display:grid;position:relative}.gt-key b{font-weight:600}.gt-key i{color:var(--muted);font-size:.62em;font-style:normal;position:absolute;top:2px;right:4px}.gt-key.is-home:after{content:"";background:var(--muted);opacity:.6;border-radius:2px;width:30%;height:2px;position:absolute;bottom:4px}.gt-key.is-next{background:var(--gt-next);border-color:var(--brand);transform:translateY(-1px)}.gt-key.is-next.is-shift{box-shadow:inset 0 3px 0 var(--accent)}.gt-key.is-hit{background:color-mix(in srgb, var(--gt-ok) 30%, var(--surface));transform:scale(.92)}.gt-key.is-miss{background:color-mix(in srgb, var(--gt-bad) 35%, var(--surface));transform:scale(.92)}.gt-space{aspect-ratio:auto;height:32px;color:var(--muted);flex:0 50%;margin:0 auto;font-size:12px}.gt-kb.is-heat .gt-key{background:var(--bg);color:var(--muted)}.gt-kb .gt-key.heat-0,.gt-legend .heat-0{background:var(--gt-h0);color:var(--ink)}.gt-kb .gt-key.heat-1,.gt-legend .heat-1{background:var(--gt-h1);color:var(--ink)}.gt-kb .gt-key.heat-2,.gt-legend .heat-2{background:var(--gt-h2);color:var(--ink)}.gt-kb .gt-key.heat-3,.gt-legend .heat-3{background:var(--gt-h3);color:var(--ink)}.gt-kb .gt-key.heat-4,.gt-legend .heat-4{background:var(--gt-h4);color:#fff}.gt-kb.is-heat .gt-key{animation:.4s cubic-bezier(.2,.8,.2,1.2) both gt-pop;animation-delay:calc(var(--row,0) * 70ms)}.gt-kb.is-heat .gt-kb-row .gt-key{animation-delay:calc(var(--row,0) * 70ms + .2s)}.gt-legend{align-items:center;gap:4px;margin-top:8px;display:flex}.gt-legend .gt-key{aspect-ratio:auto;flex:none;width:22px;height:14px}.gt-legend small{color:var(--muted);margin-left:6px}.gt-weak kbd{border:1px solid var(--line);background:var(--bg);font:inherit;border-radius:8px;margin:2px 4px 2px 0;padding:2px 8px;font-size:14px;display:inline-block}.gt-result{scroll-margin-top:80px;animation:.45s cubic-bezier(.2,.8,.2,1) both gt-rise}.gt-verdict{border-radius:999px;margin:0 0 8px;padding:8px 16px;font-size:18px;font-weight:700;animation:.5s cubic-bezier(.2,.8,.2,1.3) .9s both gt-pop;display:inline-block}.gt-verdict.is-pass{background:var(--dt-yes-bg);color:var(--dt-yes)}.gt-verdict.is-fail{background:var(--dt-warn-bg);color:var(--dt-warn)}.gt-verdict.is-info{background:var(--dt-info-bg);color:var(--ink)}.gt-res-top{align-items:center;gap:16px;display:grid}@media (width>=720px){.gt-res-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.gt-meter{justify-items:center;margin:0;display:grid}.gt-meter svg{width:min(100%,300px);overflow:visible}.gt-meter path{fill:none;stroke-width:14px;stroke-linecap:round}.gt-meter-track{stroke:var(--line)}.gt-meter-goal{stroke:color-mix(in srgb, var(--gt-ok) 30%, transparent)}.gt-meter-fill{stroke:var(--brand);transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}.gt-meter-tick{stroke:var(--gt-ok);stroke-width:3px}.gt-needle{transform-origin:100px 100px;transition:transform 1.1s cubic-bezier(.25,1.35,.4,1)}.gt-needle line{stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.gt-needle circle{fill:var(--ink)}.gt-meter figcaption{justify-items:center;margin-top:-8px;display:grid}.gt-meter strong{font-variant-numeric:tabular-nums;font-size:38px;line-height:1.1}.gt-meter span{color:var(--muted);font-size:14px}.gt-meter small{color:var(--muted);font-size:13px}.gt-checks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.gt-checks li{background:var(--bg);border:1px solid var(--line);animation:.4s cubic-bezier(.2,.8,.2,1) both gt-rise;animation-delay:calc(.5s + var(--i,0) * .12s);border-radius:14px;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 14px;display:grid}.gt-checks li strong{font-variant-numeric:tabular-nums;font-size:20px}.gt-checks li small{color:var(--muted);grid-column:1/-1}.gt-checks li.is-ok{border-color:color-mix(in srgb, var(--gt-ok) 50%, var(--line))}.gt-checks li.is-ok strong{color:var(--gt-ok)}.gt-checks li.is-bad{border-color:color-mix(in srgb, var(--gt-bad) 50%, var(--line))}.gt-checks li.is-bad strong{color:var(--gt-bad)}.gt-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 0;display:grid}@media (width>=640px){.gt-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.gt-stats div{background:var(--bg);animation:.35s both gt-rise;animation-delay:calc(.8s + var(--i,0) * 50ms);border-radius:12px;padding:10px 12px}.gt-stats dt{color:var(--muted);font-size:12.5px}.gt-stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:700}.gt-kinds{gap:6px;margin:0;padding:0;list-style:none;display:grid}.gt-kinds li{background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.gt-kinds em{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:12px;font-style:normal}.gt-kinds strong{margin-left:auto}.gt-diff{margin-top:16px}.gt-diff summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.gt-diff p[lang]{font-size:17px;line-height:1.9}.gt-op ins{border-bottom:2px solid var(--gt-ok);margin-right:4px;text-decoration:none}.gt-op del{color:var(--gt-bad)}.gt-op.is-half del{color:var(--gt-half)}.gt-spark{align-items:flex-end;gap:6px;height:120px;margin:0;padding:0;list-style:none;display:flex}.gt-spark li{flex:1;align-items:flex-end;height:100%;display:flex}.gt-spark li span{width:100%;height:calc(var(--h,0) * 100%);background:color-mix(in srgb, var(--brand) 55%, var(--surface));min-height:18px;color:var(--on-brand,#fff);text-align:center;transform-origin:bottom;animation:.5s cubic-bezier(.2,.8,.2,1) both gt-grow;animation-delay:calc(var(--i,0) * 50ms);border-radius:8px 8px 4px 4px;padding-top:2px;font-size:11px;display:block}.gt-spark li.is-pass span{background:var(--gt-ok)}@keyframes gt-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes gt-fade{0%{opacity:0}}@keyframes gt-pop{0%{opacity:0;transform:scale(.85)}}@keyframes gt-grow{0%{transform:scaleY(0)}}@keyframes gt-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.gt-app *,.gt-app :before,.gt-app :after{transition:none!important;animation:none!important}.gt-passage{scroll-behavior:auto}}@media (width<=479px){.gt-live-bs{display:none!important}.gt-live{gap:12px}}.gt-app .dt-chip[aria-checked=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand,#fff)}
