.typing-test{--typing-accent:#e24a49;--typing-ink:#172033;background:#fff;border:1px solid rgba(23,32,51,.08);border-radius:26px;box-shadow:0 24px 70px #11182717;display:flex;flex-direction:column;min-height:520px;min-width:0;overflow:hidden}.typing-test__header{border-bottom:1px solid rgba(23,32,51,.07);gap:18px;justify-content:space-between;min-height:78px;padding:14px 22px}.typing-test-result__badge,.typing-test-settings__head,.typing-test__brand,.typing-test__header,.typing-test__run-meta{align-items:center;display:flex}.typing-test__brand{gap:11px}.typing-test-settings__icon,.typing-test__brand-icon{align-items:center;background:#fff1f1;border-radius:14px;color:var(--typing-accent);display:inline-flex;flex:0 0 auto;justify-content:center}.typing-test__brand-icon{height:44px;width:44px}.typing-test__brand-icon svg{height:25px;width:25px}.typing-test__eyebrow{color:var(--typing-accent);font-size:11px;font-weight:900;letter-spacing:.09em;margin:0 0 2px;text-transform:uppercase}.typing-test-result h3,.typing-test-settings h3,.typing-test__title{color:var(--typing-ink);font-weight:900;margin:0}.typing-test__title{font-size:20px}.typing-test__run-meta{color:#667085;font-size:13px;font-weight:750;gap:8px}.typing-test__run-meta span{background:#f5f6f8;border-radius:999px;padding:7px 10px}.typing-test-config{align-content:stretch;align-self:center;background:#f7f8fa;display:grid;flex:1;gap:18px;grid-template-columns:minmax(270px,.72fr) minmax(0,1.55fr);padding:30px;width:100%}.typing-test-intro,.typing-test-result,.typing-test-settings{background:#fff;border:1px solid rgba(23,32,51,.07);border-radius:20px;min-width:0}.typing-test-settings{display:flex;flex-direction:column;gap:18px;padding:22px}.typing-test-settings__head{gap:10px}.typing-test-settings__icon{height:44px;width:44px}.typing-test-settings h3{font-size:21px}.typing-test-amount,.typing-test-mode{border:0;margin:0;min-width:0;padding:0}.typing-test-amount legend,.typing-test-mode legend{color:#344054;font-size:14px;font-weight:800;margin-bottom:7px}.typing-test-mode__options{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.typing-test-mode__button{align-items:center;background:#fff;border:1px solid #e4e7ec;border-radius:13px;color:#667085;cursor:pointer;display:flex;font:inherit;font-size:13px;font-weight:800;gap:7px;justify-content:center;min-height:54px;padding:0 12px}.typing-test-mode__button svg{height:20px;width:20px}.typing-test-mode__button--active{background:#fff2f2;border-color:#e24a496b;color:#bd3736}.typing-test-amount__options{display:grid;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr))}.typing-test-amount__button{align-items:center;background:#fff;border:1px solid #e4e7ec;border-radius:13px;color:#667085;cursor:pointer;display:flex;font:inherit;gap:4px;justify-content:center;line-height:1;min-height:52px;padding:0 8px}.typing-test-amount__button:hover,.typing-test-mode__button:hover{border-color:#e24a495c}.typing-test-amount__button strong{color:var(--typing-ink);font-size:18px}.typing-test-amount__button span{font-size:11px;font-weight:750}.typing-test-amount__button--active{background:#fff2f2;border-color:#e24a496b;color:#bd3736}.typing-test-amount__button--active strong{color:#bd3736}.typing-test-intro{align-items:flex-start;background:linear-gradient(135deg,#fff,#f2f6ff);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(28px,5vw,58px);position:relative}.typing-test-intro:after{background:#2563eb12;border-radius:50%;content:"";height:260px;pointer-events:none;position:absolute;right:-70px;top:-90px;width:260px}.typing-test-intro__icon{align-items:center;background:#eaf0ff;border-radius:18px;color:#2563eb;display:inline-flex;height:58px;justify-content:center;margin-bottom:20px;position:relative;width:58px;z-index:1}.typing-test-intro__icon svg{height:31px;width:31px}.typing-test-intro h3{color:var(--typing-ink);font-size:clamp(25px,3vw,34px);font-weight:900;margin:0;position:relative;z-index:1}.typing-test-intro__text{color:#667085;font-size:15px;line-height:1.65;margin:10px 0 0;max-width:580px;position:relative;z-index:1}.typing-test-intro__selection{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0;position:relative;z-index:1}.typing-test-intro__selection span{background:#ffffffd1;border:1px solid #dce5f8;border-radius:999px;color:#344054;font-size:13px;font-weight:800;padding:8px 11px}.typing-test-intro>.UiButton{min-width:190px;position:relative;z-index:1}.typing-test-result{display:flex;flex-direction:column;gap:18px;padding:24px}.typing-test-result__head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.typing-test-result h3{font-size:25px}.typing-test-result__badge{background:#ecfdf3;border-radius:999px;color:#15803d;font-size:12px;font-weight:850;gap:5px;padding:7px 10px}.typing-test-result__badge svg{height:17px;width:17px}.typing-test-result__hero{align-items:end;background:linear-gradient(135deg,#eefcf3,#f8fff9);border-radius:18px;-moz-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:auto minmax(0,1fr);padding:22px}.typing-test-result__hero strong{color:#16864d;font-size:clamp(55px,8vw,82px);font-weight:900;grid-row:1/3;line-height:.9}.typing-test-result__hero span{color:var(--typing-ink);font-size:20px;font-weight:850}.typing-test-result__hero p{color:#667085;margin:2px 0 0}.typing-test-result__grid{display:grid;gap:9px;grid-template-columns:repeat(4,minmax(0,1fr))}.typing-test-result__grid article{background:#f7f8fa;border-radius:14px;display:grid;gap:2px 7px;grid-template-columns:auto minmax(0,1fr);min-width:0;padding:13px}.typing-test-result__grid svg{align-self:center;color:var(--typing-accent);grid-row:1/3;height:22px;width:22px}.typing-test-result__grid span{color:#7b8494;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typing-test-result__grid strong{color:var(--typing-ink);font-size:18px}.typing-test-result__summary{color:#667085;font-size:14px;margin:auto 0 0}.typing-test-runner{background:#fff;cursor:text;display:flex;flex:1;flex-direction:column;min-height:500px;position:relative}.typing-test-runner__topline{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(120px,.8fr) minmax(300px,1.4fr) minmax(100px,.8fr);padding:16px 22px}.typing-test-runner__primary-stat{display:flex;flex-direction:column}.typing-test-runner__primary-stat span{color:#7b8494;font-size:12px;font-weight:750}.typing-test-runner__primary-stat strong{color:var(--typing-ink);font-size:26px;font-variant-numeric:tabular-nums;line-height:1.1}.typing-test-runner__live-stats{background:#fff;border:1px solid #edf0f3;border-radius:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.typing-test-runner__live-stats div{align-items:center;display:flex;flex-direction:column;min-width:0;padding:8px 10px}.typing-test-runner__live-stats div+div{border-left:1px solid #edf0f3}.typing-test-runner__live-stats strong{color:var(--typing-ink);font-size:18px}.typing-test-runner__live-stats span{color:#8a93a2;font-size:11px;font-weight:700}.typing-test-runner__topline>.UiButton{justify-self:end}.typing-test-runner__progress{background:#f0f1f4;height:4px;overflow:hidden}.typing-test-runner__progress span{background:linear-gradient(90deg,#39ad6c,#16864d);border-radius:0 999px 999px 0;display:block;height:100%;transition:width .1s linear}.typing-test-runner__stage{align-self:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:42px clamp(20px,5vw,70px) 54px;width:min(100%,1060px)}.typing-test-runner__instruction{align-items:center;color:#7b8494;display:flex;font-size:13px;font-weight:750;gap:8px;justify-content:center;margin-bottom:20px;min-height:24px;text-align:center}.typing-test-runner__instruction p{margin:0}.typing-test-runner__status-dot{background:#f0a03a;border-radius:50%;box-shadow:0 0 0 5px #f0a03a1f;height:8px;width:8px}.typing-test-runner--focused .typing-test-runner__status-dot{background:#22a66a;box-shadow:0 0 0 5px #22a66a1f}.typing-test-runner__text{animation:typing-text-appear .22s ease;color:#1f2937;font-family:var(--app-font-family,Arial,sans-serif);font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:.012em;line-height:1.85;min-height:225px;white-space:pre-wrap}.typing-test-runner__character{border-radius:4px}.typing-test-runner__character--correct{color:#159052}.typing-test-runner__character--typed-error{background:#fff0ef;color:#d33432;text-decoration:underline;text-decoration-thickness:2px}.typing-test-runner__character--current{background:#2563eb;border:2px solid #2563eb;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:#fff;padding:1px 2px}.typing-test-runner__character--current-error{animation:typing-character-error .2s ease 2;background:#d33432;border-color:#d33432;color:#fff}.typing-test-runner__error-message,.typing-test-runner__hint{margin:20px 0 0;min-height:34px;text-align:center}.typing-test-runner__error-message{color:#c43230;font-size:14px;font-weight:800}.typing-test-runner__hint{color:#98a0ad;font-size:13px}.typing-test-runner__capture{border:0;bottom:0;height:1px;left:50%;opacity:.01;padding:0;pointer-events:none;position:fixed;width:1px}@keyframes typing-character-error{0%,to{transform:translate(0)}40%{transform:translate(-3px)}70%{transform:translate(3px)}}@keyframes typing-text-appear{0%{opacity:.35;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.typing-test-config{grid-template-columns:minmax(0,1fr)}.typing-test-settings{align-items:end;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.typing-test-settings__head{grid-column:1/-1}.typing-test-runner__topline{grid-template-columns:auto minmax(0,1fr) auto}.typing-test-result__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.typing-test{border-radius:19px;min-height:500px}.typing-test__header{min-height:68px;padding:11px 14px}.typing-test__brand-icon{height:39px;width:39px}.typing-test__run-meta{display:none}.typing-test-config{gap:12px;padding:12px}.typing-test-settings{align-items:stretch;display:flex;padding:16px}.typing-test-intro{padding:24px 20px}.typing-test-intro__icon{height:50px;margin-bottom:16px;width:50px}.typing-test-intro__text{font-size:14px}.typing-test-intro__selection{margin:17px 0}.typing-test-intro>.UiButton{width:100%}.typing-test-mode__button{font-size:12px;min-height:50px;padding:0 7px}.typing-test-amount__options{grid-template-columns:repeat(2,minmax(0,1fr))}.typing-test-runner__topline{grid-template-columns:auto minmax(0,1fr);padding:12px 14px}.typing-test-runner__topline>.UiButton{display:none}.typing-test-runner__live-stats div{padding:7px 4px}.typing-test-runner__live-stats strong{font-size:15px}.typing-test-runner__live-stats span{font-size:9px}.typing-test-runner__stage{justify-content:flex-start;padding:28px 16px 34px}.typing-test-runner__instruction{margin-bottom:14px}.typing-test-runner__text{font-size:18px;line-height:1.75;min-height:275px}.typing-test-result{padding:17px}.typing-test-result__head{align-items:flex-start;flex-direction:column}.typing-test-result__hero{padding:18px 14px}.typing-test-result__hero strong{font-size:56px}.typing-test-result__hero span{font-size:16px}.typing-test-result__hero p{font-size:13px}.typing-test-result__grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.typing-test-runner__character--current-error,.typing-test-runner__text{animation:none}.typing-test-runner__progress span{transition:none}}