:root[data-theme=light] .g-typing-test-root,:root[data-theme=dark] .g-typing-test-root{--g-typing-test-ground: #24282d;--g-typing-test-surface: #2c343b;--g-typing-test-text: #edf3f3;--g-typing-test-muted: #bfced3;--g-typing-test-pending: #d9e1e4;--g-typing-test-ink: #6af0d0;--g-typing-test-bad: #ffc0b3;--g-typing-test-caret: #ffcc70;--g-typing-test-stamp: #6af0d0;--g-typing-test-accent2: #ffb0a4;--g-typing-test-paper: #252a30;--g-typing-test-grid: #63747c;--g-typing-test-selected: #67451e;--g-typing-test-glow: #256e61;--g-typing-test-correct-bg: #136052;--g-typing-test-light-teal: #12605a;--g-typing-test-light-amber: #66421e;--g-typing-test-outside: #52606b;font-family:var(--mg-font);color:var(--g-typing-test-text);position:relative;width:100%;margin-bottom:28px;background:var(--g-typing-test-ground)}.g-typing-test-root *,.g-typing-test-root *:before,.g-typing-test-root *:after{box-sizing:border-box}.g-typing-test-root [hidden]{display:none!important}.g-typing-test-layout{display:grid;width:100%;grid-template-columns:minmax(0,520px);justify-content:center}.g-typing-test-main{width:100%;min-width:0;display:grid;gap:4px;position:relative;align-self:start}.g-typing-test-type-row,.g-typing-test-length-row{display:flex;gap:4px;align-items:center;min-width:0;height:44px}.g-typing-test-root button{font:inherit;color:var(--g-typing-test-text);border:1px solid var(--g-typing-test-grid);border-radius:var(--mg-radius);background:var(--g-typing-test-surface);cursor:pointer;min-height:44px;min-width:44px;touch-action:manipulation;outline:none;-webkit-tap-highlight-color:transparent}.g-typing-test-root button:hover{border-color:var(--g-typing-test-muted)}.g-typing-test-root.is-kbd button:focus,.g-typing-test-root.is-kbd .g-typing-test-stage:focus-within,.g-typing-test-root.is-kbd .g-typing-test-stage:focus{outline:2px solid var(--g-typing-test-caret);outline-offset:2px}.g-typing-test-stage:not(.is-kbd):focus{outline:none}.g-typing-test-segment{flex:1;font-size:13px!important;padding:0 8px}.g-typing-test-length-row .g-typing-test-segment{border-radius:min(var(--mg-radius),8px)}.g-typing-test-segment[aria-pressed=true]{border-color:var(--g-typing-test-caret);background:var(--g-typing-test-selected);color:var(--g-typing-test-caret);font-weight:600}.g-typing-test-playing .g-typing-test-segment{opacity:1}.g-typing-test-daily-title{font-size:14px;font-weight:600}.g-typing-test-try{margin-left:auto;font-size:12px;color:var(--g-typing-test-muted);border:1px solid var(--g-typing-test-muted);border-radius:var(--mg-radius);padding:4px 8px;white-space:nowrap}.g-typing-test-used .g-typing-test-try{background:var(--g-typing-test-selected);border-color:var(--g-typing-test-caret);color:var(--g-typing-test-caret)}.g-typing-test-daily-words{font-size:13px;color:var(--g-typing-test-muted)}.g-typing-test-strip{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 124px 28px 44px;gap:4px;position:relative;min-width:0}.g-typing-test-hud{display:flex;align-items:center;gap:10px;min-width:0;font-variant-numeric:tabular-nums;font-size:13px}.g-typing-test-clock{min-width:38px;font-size:19px;font-weight:600}.g-typing-test-live-wpm{white-space:nowrap;min-width:56px;font-weight:600}.g-typing-test-accuracy{min-width:46px;font-size:12px;color:var(--g-typing-test-muted)}.g-typing-test-streak{font-size:11px;color:var(--g-typing-test-caret);white-space:nowrap}.g-typing-test-streak-tier{border:1px solid var(--g-typing-test-caret);border-radius:var(--mg-radius);padding:1px 3px}.g-typing-test-input{margin-left:auto;font-size:12px!important;padding:0 8px;min-width:72px!important}.g-typing-test-well{position:relative;grid-row:2;min-width:0;background:linear-gradient(116deg,transparent 24%,var(--g-typing-test-light-teal) 67%,transparent 92%),linear-gradient(28deg,var(--g-typing-test-paper) 43%,var(--g-typing-test-light-amber) 100%);border:1px solid var(--g-typing-test-grid);border-radius:var(--mg-radius)}.g-typing-test-bar{position:absolute;top:0;left:8px;right:8px;height:2px;background:var(--g-typing-test-caret);transform-origin:left;z-index:1}.g-typing-test-last-seconds{background:var(--g-typing-test-accent2)}.g-typing-test-stage{position:relative;height:100%;padding:7px 12px;border-radius:var(--mg-radius);overflow:clip;outline:none}.g-typing-test-lines{font:400 20px/36px var(--mg-font);color:var(--g-typing-test-pending);user-select:none;-webkit-touch-callout:none}.g-typing-test-line{height:36px;white-space:nowrap}.g-typing-test-word{display:inline-block;position:relative;white-space:nowrap}.g-typing-test-char{display:inline-block}.g-typing-test-right,.g-typing-test-done{color:var(--g-typing-test-ink)}.g-typing-test-char.g-typing-test-right{animation:g-typing-test-ink 90ms ease-out}.g-typing-test-char.g-typing-test-wrong{animation:g-typing-test-error 80ms ease-out}.g-typing-test-wrong,.g-typing-test-extra{color:var(--g-typing-test-bad);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.g-typing-test-extra{display:inline-block}.g-typing-test-left-wrong{text-decoration:underline dotted;text-underline-offset:4px}.g-typing-test-stamped:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:var(--g-typing-test-stamp-width, 1px);background:var(--g-typing-test-stamp);opacity:.6;transform-origin:left;animation:g-typing-test-stamp .44s ease-out both}.g-typing-test-glow:after{box-shadow:0 3px 2px var(--g-typing-test-glow);right:-4px}.g-typing-test-cursor-anchor{display:inline-block;width:0;height:0;position:relative;font-style:normal;animation:g-typing-test-cursor-step 60ms ease-out}.g-typing-test-caret{position:absolute;height:24px;width:2px;left:-1px;bottom:-4px;background:var(--g-typing-test-caret);pointer-events:none;animation:g-typing-test-breathe 1s .6s ease-in-out infinite alternate}.g-typing-test-stage:not(:focus-within) .g-typing-test-caret{animation:none;opacity:.35}.g-typing-test-invalid{background:var(--g-typing-test-muted)}.g-typing-test-field{position:absolute;inset:0;width:100%;height:100%;opacity:0;font:400 16px var(--mg-font);caret-color:transparent;border:0;outline:none;cursor:text;touch-action:auto}.g-typing-test-hint{pointer-events:none;position:absolute;left:8px;top:calc(100% - 74px);max-width:calc(100% - 16px);padding:2px 6px;border-radius:var(--mg-radius);font-size:10px;line-height:12px;color:var(--g-typing-test-muted);background:var(--g-typing-test-surface);z-index:2}.g-typing-test-idle .g-typing-test-hint{animation:g-typing-test-idle 2s ease-in-out infinite alternate}.g-typing-test-tape{grid-row:3;width:100%;height:28px;border-radius:var(--mg-radius);pointer-events:none}.g-typing-test-feed-a{animation:g-typing-test-tape-a .14s ease-out}.g-typing-test-feed-b{animation:g-typing-test-tape-b .14s ease-out}.g-typing-test-streak-count{display:inline-block;animation:g-typing-test-streak-step 80ms ease-out}.g-typing-test-how{grid-row:4;font-size:12px!important;color:var(--g-typing-test-muted)!important;padding:4px 8px}.g-typing-test-tools{display:flex;gap:6px}.g-typing-test-tool{flex:1;font-size:13px!important}.g-typing-test-status{margin:0;position:absolute;top:calc(100% + 4px);left:0;right:0;font-size:11px;line-height:14px;color:var(--g-typing-test-outside)}.g-typing-test-keys{color:var(--g-typing-test-outside);display:none;font-size:11px}.g-typing-test-how-overlay{grid-row:2 / 5;grid-column:1;z-index:3;overflow-y:auto;background:var(--g-typing-test-surface);border:1px solid var(--g-typing-test-muted);border-radius:var(--mg-radius);padding:10px}.g-typing-test-count-list{padding-left:20px;margin:0;font-size:12px;line-height:1.5}.g-typing-test-count-item{margin-bottom:7px}.g-typing-test-close{width:100%;margin-top:4px}.g-typing-test-aside{display:none}.g-typing-test-card{grid-row:2 / 5;grid-column:1;display:flex;flex-direction:column;width:100%;padding:8px 10px;gap:3px;text-align:left;overflow:clip;border-color:var(--g-typing-test-muted)!important}.g-typing-test-card-top{display:flex;align-items:baseline;width:100%;gap:8px;justify-content:space-between}.g-typing-test-headline{font-size:32px;line-height:36px;font-weight:700;letter-spacing:-1px}.g-typing-test-card-accuracy{color:var(--g-typing-test-muted);font-size:14px;font-variant-numeric:tabular-nums}.g-typing-test-art{width:100%;height:64px;flex:0 0 64px}.g-typing-test-formula{font-size:12px;line-height:16px;overflow-wrap:anywhere}.g-typing-test-compare{font-size:12px;line-height:16px;color:var(--g-typing-test-caret)}.g-typing-test-compare:empty{display:none}.g-typing-test-next-hint{font-size:10px;line-height:14px;margin-top:auto;color:var(--g-typing-test-muted)}.g-typing-test-ended:not(.g-typing-test-calm) .g-typing-test-art{animation:g-typing-test-paragraph .45s .15s ease-out both}.g-typing-test-ended:not(.g-typing-test-calm) .g-typing-test-headline{animation:g-typing-test-number .4s .6s ease-out both}.g-typing-test-ended:not(.g-typing-test-calm) .g-typing-test-formula{animation:g-typing-test-reveal .4s .6s ease-out both}.g-typing-test-ended:not(.g-typing-test-calm) .g-typing-test-compare{animation:g-typing-test-marker .25s .9s ease-out both}.g-typing-test-calm .g-typing-test-card{animation:g-typing-test-reveal .2s ease-out both}.g-typing-test-no-tape .g-typing-test-tape{opacity:0}.g-typing-test-two-lines .g-typing-test-stage{height:80px}.g-typing-test-two-lines .g-typing-test-well{height:80px;border:0}.g-typing-test-ended .g-typing-test-well{position:absolute;top:48px;left:0;right:0;height:124px;pointer-events:none;z-index:2;animation:g-typing-test-field-fade .2s linear both}.g-typing-test-denied:before{content:"";position:absolute;right:6px;top:6px;width:4px;height:4px;background:var(--g-typing-test-muted);border-radius:50%;pointer-events:none;z-index:4}.g-typing-test-denied{position:relative}.g-typing-test-warm{position:absolute;left:0;top:0;width:min(320px,calc(100% - 22px));height:1px;overflow:clip;contain:strict;opacity:0;font-size:13px;pointer-events:none}.g-typing-test-dev-log{position:fixed;bottom:0;left:16px;right:16px;max-width:100%;font-size:11px;z-index:10;background:var(--g-typing-test-surface);color:var(--g-typing-test-muted);border:1px solid var(--g-typing-test-grid)}.g-typing-test-dev-title{min-height:44px;display:flex;align-items:center;cursor:pointer}.g-typing-test-dev-records{max-height:180px;max-width:100%;overflow:auto;font-size:10px}@keyframes g-typing-test-breathe{0%{opacity:1}to{opacity:.35}}@keyframes g-typing-test-idle{0%{opacity:.7}to{opacity:1}}@keyframes g-typing-test-stamp{0%{transform:scaleX(0);opacity:.6}32%{transform:scaleX(1);opacity:.6}to{transform:scaleX(1);opacity:0}}@keyframes g-typing-test-paragraph{0%{transform:translateY(24px) scaleY(.28);opacity:.2}to{transform:none;opacity:1}}@keyframes g-typing-test-number{0%{transform:translateY(5px);opacity:.2}to{transform:none;opacity:1}}@keyframes g-typing-test-marker{0%{transform:translate(-12px);opacity:0}to{transform:none;opacity:1}}@keyframes g-typing-test-reveal{0%{opacity:0}to{opacity:1}}@keyframes g-typing-test-field-fade{0%{opacity:1}to{opacity:.15}}@keyframes g-typing-test-ink{0%{transform:translateY(1.5px);opacity:.7}to{transform:none;opacity:1}}@keyframes g-typing-test-error{0%{transform:translate(-1.5px)}50%{transform:translate(1.5px)}to{transform:none}}@keyframes g-typing-test-cursor-step{0%{transform:translate(-6px)}to{transform:none}}@keyframes g-typing-test-streak-step{0%{transform:translateY(3px);opacity:.7}to{transform:none;opacity:1}}@keyframes g-typing-test-tape-a{0%{transform:translate(8px)}to{transform:none}}@keyframes g-typing-test-tape-b{0%{transform:translate(8px)}to{transform:none}}@media(max-width:340px){.g-typing-test-strip{grid-template-rows:44px 108px 24px 44px}.g-typing-test-lines{font-size:18px;line-height:32px}.g-typing-test-line{height:32px}.g-typing-test-stage{padding:5px 10px}.g-typing-test-tape{height:24px}.g-typing-test-segment{padding:0 4px;font-size:12px!important}.g-typing-test-hud{gap:4px}.g-typing-test-streak{font-size:9px}.g-typing-test-clock{min-width:34px;font-size:17px}.g-typing-test-live-wpm{min-width:50px;font-size:12px}.g-typing-test-input{min-width:64px!important;max-width:72px;padding:0 4px;font-size:11px!important}.g-typing-test-card{padding:6px 8px;gap:3px}.g-typing-test-art{height:48px;flex-basis:48px}.g-typing-test-headline{font-size:29px;line-height:34px}.g-typing-test-formula{font-size:11px;line-height:15px}.g-typing-test-next-hint{font-size:9px;line-height:12px}.g-typing-test-two-lines .g-typing-test-stage,.g-typing-test-two-lines .g-typing-test-well{height:72px}.g-typing-test-ended .g-typing-test-well{height:108px}}@media(min-width:980px){.g-typing-test-layout{grid-template-columns:minmax(0,520px) 320px;gap:24px;max-width:864px;margin:auto}.g-typing-test-strip{grid-template-rows:44px 148px 28px 44px}.g-typing-test-lines{font-size:24px;line-height:44px}.g-typing-test-line{height:44px}.g-typing-test-caret{height:30px;bottom:-5px}.g-typing-test-aside{display:block;border-left:1px solid var(--g-typing-test-grid);padding-left:20px}.g-typing-test-aside-title{margin:12px 0 10px;font-size:14px;font-weight:600}.g-typing-test-aside-title:first-child{margin-top:10px}.g-typing-test-aside-copy{margin:6px 0 12px;font-size:11px;line-height:1.5;color:var(--g-typing-test-muted)}.g-typing-test-study-input{font-size:12px}.g-typing-test-graph{width:100%;height:90px}.g-typing-test-root.is-kbd .g-typing-test-keys{color:var(--g-typing-test-outside);display:block;position:absolute;top:calc(100% + 22px)}.g-typing-test-card{padding:10px 14px}.g-typing-test-ended .g-typing-test-well{height:148px}.g-typing-test-art{height:88px;flex-basis:88px}}@media(prefers-reduced-motion:reduce){.g-typing-test-root *,.g-typing-test-root *:before,.g-typing-test-root *:after{animation:none!important;transition:none!important}.g-typing-test-stamped:after{opacity:.6}.g-typing-test-root.g-typing-test-ended .g-typing-test-card{animation:g-typing-test-reveal .2s ease-out both!important}}.g-typing-test-right,.g-typing-test-done{text-decoration-color:var(--g-typing-test-ink)}.g-typing-test-char.g-typing-test-right{background-color:var(--g-typing-test-correct-bg)}.g-typing-test-headline{color:var(--g-typing-test-caret)}.g-typing-test-current{box-shadow:inset 0 -1px var(--g-typing-test-caret)}:root[data-theme=dark] .g-typing-test-root{--g-typing-test-ground: #191e24;--g-typing-test-surface: #242f37;--g-typing-test-paper: #20272e;--g-typing-test-light-teal: #105c56;--g-typing-test-light-amber: #603e1b;--g-typing-test-ink: #72f5d7;--g-typing-test-bad: #ffb6ab;--g-typing-test-caret: #ffd17b;--g-typing-test-outside: #b7c7ce}.g-typing-test-hud{padding-inline:8px}.g-typing-test-daily-title,.g-typing-test-daily-words{margin-left:8px}.g-typing-test-try{margin-right:8px}.g-typing-test-status{padding-inline:8px}