body,html{background-color:#1a1d24;min-height:100vh;min-height:100dvh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 20% 50%,#4a556826 0,#0000 50%),radial-gradient(circle at 80% 80%,#2d374826 0,#0000 50%),linear-gradient(135deg,#1a1d24,#282c34 50%,#1a1d24);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{background-color:#1a1d24;min-height:100vh;min-height:100dvh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.main-container{align-items:center;background-color:#282c34;background-image:radial-gradient(circle at 20% 50%,#4a556833 0,#0000 50%),radial-gradient(circle at 80% 80%,#2d374833 0,#0000 50%),linear-gradient(135deg,#1a1d24,#282c34 50%,#1a1d24);background-position:0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat;background-size:100% 100%,100% 100%,100% 100%;color:#fff;display:flex;flex-direction:column;font-size:calc(8px + 1.2vmin);min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:0 0 10px;position:relative;text-align:center;width:100%}.main-container:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#4a556805 0,#4a556805 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#4a556805 0,#4a556805 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.main-container>*{position:relative;z-index:1}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.4;margin:0;padding:0}body,html{background-color:#282c34}.sub-header.main-header{align-self:flex-start;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;margin:30px 0 0;padding:0 0 0 10%;text-align:left;width:100%}.sub-header.main-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7dd3fc,#a78bfa 45%,#68d391);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900;margin:0}.main-header-logo{display:block;height:102px;margin:20px 0;width:auto}.mainTextAreas{display:flex;flex-direction:column;justify-content:space-around;min-height:auto;width:100%}.typing-area-wrapper{position:relative;width:100%}.textAreas{box-sizing:border-box;margin:0 10% 40px;max-width:100%;min-height:auto;overflow-x:hidden;padding-bottom:0;position:relative;width:80%}.sub-header{font-feature-settings:"smcp","c2sc";font-size:14px;font-variant:all-small-caps;font-weight:700;letter-spacing:.3px;text-shadow:0 2px 10px #00000059}.statsHeader h4{font-size:13px;margin:10px 0}.sub-header h3{font-size:15px;margin:10px 0}.practice-text-label{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 10% 12px;padding-left:10px;pointer-events:none;position:relative;text-align:left;width:80%;z-index:2}.practice-text-label h3{margin:0}.practice-test-name{color:#fffffffa;display:inline-block;font-weight:900;letter-spacing:.04em;margin-left:16px;padding-bottom:2px}.practice-metrics{font-size:12px;font-weight:700;opacity:.95;pointer-events:none;text-align:right;white-space:nowrap}.practice-metric{display:inline}.practice-metric:not(:last-child):after{content:" | ";opacity:.85}textarea{background:#0000;border:1px solid #ffffff38;border-radius:10px;box-shadow:inset 0 0 0 1px #0000002e,0 18px 45px #00000059;caret-color:#7dd3fc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:18px;left:0;margin:5px;opacity:.65;overflow-x:hidden;overflow-y:auto;padding:5px;position:absolute;resize:none;text-shadow:0 1px 0 #00000059;top:0}textarea:disabled{cursor:not-allowed;opacity:.3}textarea:focus{border-color:#7dd3fc8c;box-shadow:inset 0 0 0 1px #0000002e,0 0 0 2px #7dd3fc47,0 0 0 4px #a78bfa2e,0 18px 45px #00000073,0 0 26px #7dd3fc24;opacity:.78;outline:none}textarea::selection{background:#7dd3fc40}.inputsArea{height:100px;margin:0 5% 5%;position:relative;width:90%}.inputs,.typeInputs{background:#0000;border:1px solid #ccc;border-radius:4px;font-size:40px;left:0;margin:5px;opacity:.5;padding:5px;position:absolute;top:0}.typeInputs.userTextInput{color:#38e0ff;opacity:1;width:100%;z-index:1}.textInputs{background:#0000;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:18px;left:0;margin:5px;max-width:100%;min-height:700px;opacity:.5;overflow-x:hidden;overflow-y:auto;padding:5px;position:absolute;resize:none;top:0;width:calc(100% - 20px)}.topP{border-color:#667eeaa6;color:#38e0ff;opacity:1;text-shadow:0 0 12px #38e0ff80,0 0 24px #38d4ff33,0 1px 0 #00000073;z-index:1}.textInputs.topP:focus{box-shadow:inset 0 0 0 1px #0000002e,0 0 0 3px #667eea47,0 18px 45px #00000059;outline:none}.textInputs.topP.typing-smooth-caret-active{caret-color:#0000}.typing-input-shell{box-sizing:border-box;left:0;margin:5px;max-width:100%;position:absolute;top:0;width:calc(100% - 20px);z-index:1}.typing-input-shell .textInputs.topP{box-sizing:border-box;left:auto;margin:0;max-width:100%;position:relative;top:auto;width:100%}.typing-caret-overlay{border-radius:10px;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:3}.typing-caret-pipe{background:linear-gradient(180deg,#bae6fdfa,#7dd3fc 45%,#38bdf8);border-radius:1px;box-shadow:0 0 6px #7dd3fce6,0 0 14px #38bdf859;margin-left:-1px;position:absolute;transition:left .1s cubic-bezier(.25,.46,.45,.94),top .1s cubic-bezier(.25,.46,.45,.94),height .08s ease-out;width:2px;will-change:left,top}.bottomP{color:#e9967a;opacity:.9}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content.congratz{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#4a5568,#2d3748)!important;border:none!important;border-radius:12px;box-shadow:0 10px 40px #0006;box-sizing:border-box;color:#fff!important;max-width:758px;padding:3% 6%;position:relative;width:95%}.modal-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;height:28px;line-height:1;opacity:.8;padding:0;position:absolute;right:12px;top:12px;width:28px}.modal-close:hover{opacity:1}.modal-content.congratz h4{margin:0 0 12px}.modal-content.congratz p{font-size:14px;margin:8px 0}.modal-congratz-message{font-size:15px;line-height:1.45;margin:0}.modal-content.congratz .modal-congratz-summary{margin:0}.modal-content.congratz p.modal-congratz-comparison{margin:.55em 0 0}.modal-congratz-time{color:#7dd3fc;font-weight:600;text-shadow:0 0 12px #38bdf859}.modal-congratz-accuracy{color:#86efac;font-weight:600;text-shadow:0 0 12px #34d3994d}.modal-congratz-comparison{color:#f8fafcf2;font-size:15px;font-weight:500;line-height:1.45}.modal-congratz-comparison--better{color:#bbf7d0;text-shadow:0 0 14px #4ade8038}.modal-congratz-comparison--better .modal-congratz-delta{color:#4ade80;text-shadow:0 0 12px #4ade808c}.modal-congratz-comparison--worse{color:#fed7aa;text-shadow:0 0 14px #fb923c33}.modal-congratz-comparison--worse .modal-congratz-delta{color:#fb923c;text-shadow:0 0 12px #fb923c80}.modal-congratz-comparison--tie{color:#e0e7fff5}.modal-congratz-delta{color:#38bdf8;font-weight:700;text-shadow:0 0 10px #38bdf873}.modal-adjacent-block{margin-top:20px;width:100%}.modal-adjacent-choose-heading{color:#ffffffb8;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 8px;text-align:left;text-transform:uppercase}.modal-adjacent-tests{background:#0003;border:1px solid #ffffff14;border-radius:10px;margin-top:0;padding:14px 12px 16px}.modal-adjacent-names-carousel{margin:0 0 14px;overflow:hidden;width:100%}.modal-adjacent-names-track{grid-gap:10px 12px;align-items:center;box-sizing:border-box;display:grid;gap:10px 12px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);padding:4px 0 10px;width:100%}@keyframes modalAdjacentNamesNext{0%{opacity:.4;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes modalAdjacentNamesPrev{0%{opacity:.4;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}.modal-adjacent-names-track--anim-next{animation:modalAdjacentNamesNext .4s cubic-bezier(.22,1,.36,1) forwards}.modal-adjacent-names-track--anim-prev{animation:modalAdjacentNamesPrev .4s cubic-bezier(.22,1,.36,1) forwards}.modal-adjacent-name-slide{align-items:center;display:flex;justify-content:center;min-height:2.75rem;min-width:0;padding:6px;text-align:center}.modal-adjacent-name-slot-label{color:#ffffffe6;font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1.4;word-break:break-word}.modal-adjacent-name-slide--current .modal-adjacent-name-slot-label{font-size:16px;font-weight:700}.modal-adjacent-nav{align-items:stretch;display:flex;flex-wrap:nowrap;gap:8px 10px;justify-content:center}.modal-adjacent-nav-item{align-items:stretch;display:flex;flex:1 1;flex-direction:column;min-width:0}.modal-adjacent-nav-item--center{flex:1.15 1;justify-content:flex-start;min-width:0}.modal-adjacent-nav-item .modal-btn{width:100%}.modal-adjacent-nav-btn-text--short{display:none}.modal-btn-adjacent,.modal-btn-adjacent-nav{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 3px 10px #0003;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-adjacent-nav-btn-text--full,.modal-adjacent-nav-btn-text--short{white-space:nowrap}.modal-btn-adjacent-nav:hover:not(:disabled),.modal-btn-adjacent:hover:not(:disabled){box-shadow:0 4px 14px #00000047}.modal-btn-adjacent-nav:disabled,.modal-btn-adjacent:disabled{cursor:not-allowed;opacity:.38;transform:none}.modal-btn-adjacent-primary{background:linear-gradient(135deg,#68d391,#2f855a);border-color:#6ee7b759;box-shadow:0 4px 14px #48bb7840}.modal-btn-adjacent-primary:hover:not(:disabled){box-shadow:0 5px 16px #48bb7852}@media (max-width:520px){.modal-adjacent-names-track{gap:8px;padding-bottom:8px}.modal-adjacent-nav-btn-text--full{display:none}.modal-adjacent-nav-btn-text--short{display:inline;font-weight:700;letter-spacing:.02em}.modal-adjacent-nav-item:not(.modal-adjacent-nav-item--center){flex:0 0 auto}.modal-adjacent-nav-item--center{flex:1 1 auto;min-width:0}.modal-adjacent-nav-item .modal-btn-adjacent-nav{min-width:44px;padding:8px 12px}}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}.modal-btn{border:1px solid #ffffff1f;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:transform .15s ease,box-shadow .15s ease}.modal-btn:hover{transform:translateY(-1px)}.modal-btn-history{background:linear-gradient(135deg,#1d4ed8,#2563eb);border-color:#3b82f659;box-shadow:0 4px 12px #2563eb29}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateX(-50%) translateY(30px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes pulse{0%,to{box-shadow:0 10px 30px #0000004d;transform:translateX(-50%) scale(1)}50%{box-shadow:0 15px 40px #4a556880;transform:translateX(-50%) scale(1.02)}}.start-button-container{display:flex;justify-content:center;margin:15px 0}.start-button{background:linear-gradient(135deg,#68d391,#2f855a);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 15px #48bb784d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.start-button:hover:not(:disabled){background:linear-gradient(135deg,#2f855a,#68d391);box-shadow:0 6px 20px #48bb7880;transform:translateY(-2px)}.start-button.stop-button{background:linear-gradient(135deg,#fbb360,#c05621);box-shadow:0 4px 15px #ed89364d}.start-button.stop-button:hover:not(:disabled){background:linear-gradient(135deg,#c05621,#fbb360);box-shadow:0 6px 20px #ed893680}.start-button:active:not(:disabled){box-shadow:0 2px 10px #0003;transform:translateY(0)}.start-button:disabled{cursor:not-allowed;opacity:.6}.text-selection-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;box-shadow:0 18px 55px #00000047;display:flex;flex-direction:column;gap:20px;margin:0;padding:18px;width:80%}.test-selector-wrapper{align-items:center;align-self:stretch;display:flex;flex-direction:column;margin:20px 0;width:100%}.test-selector-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 0 12px;padding-left:18px;padding-right:0;text-align:left;width:80%}.test-selector-title h3{margin:0}.test-explanation-section{box-sizing:border-box;margin:4px 10% 51px;max-width:100%;overflow-x:hidden;position:relative;text-align:left;width:80%}.test-explanation-title{margin:0;padding-left:10px}.test-explanation-title .test-explanation-heading{margin-bottom:16px;margin-top:23px}.test-explanation-content{padding-left:10px;padding-right:5px}.test-explanation-part{font-feature-settings:normal;color:#ffffffe0;font-size:17px;font-variant:normal;font-weight:500;letter-spacing:.02em;line-height:1.6;margin:0 0 12px;text-shadow:none}.test-explanation-part:last-child{margin-bottom:0}.test-explanation-label{color:#fffffff2;font-weight:700}.test-selector-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.results-clear-history-button{background:linear-gradient(135deg,#b91c1c,#991b1b);border:1px solid #f8717173;border-radius:5px;box-shadow:0 4px 12px #b91c1c38;color:#fff;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.results-clear-history-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 14px #b91c1c4d;transform:translateY(-1px)}.results-clear-history-button:focus-visible{box-shadow:0 0 0 3px #f8717173,0 4px 12px #b91c1c38;outline:none}.results-clear-history-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.results-toggle-button{border:1px solid #ffffff1a;border-radius:5px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.results-toggle-button:focus-visible{box-shadow:0 0 0 3px #7dd3fc59,0 8px 25px #00000059;outline:none}.results-toggle-button.results-toggle-hide:hover,.results-toggle-button.results-toggle-show:hover{transform:translateY(-1px)}.results-toggle-button.results-toggle-show:hover{background:linear-gradient(135deg,#1e3a8a,#172554 50%,#0f172a);box-shadow:0 6px 16px #1e3a8ab3}.results-toggle-button.results-toggle-hide:hover{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 4px 12px #d9770629}.results-toggle-button.results-toggle-show{background:linear-gradient(135deg,#1e40af,#1e3a8a 50%,#172554);border-color:#2563eb;box-shadow:0 4px 12px #1e3a8a99}.results-toggle-button.results-toggle-hide{background:linear-gradient(135deg,#b45309,#d97706);border-color:#f59e0b59;box-shadow:0 4px 12px #d9770624}.language-group{align-items:flex-start;display:flex;flex-direction:column;gap:10px;margin-bottom:0;padding-bottom:31px;position:relative}.language-group:not(:last-child):after{background:linear-gradient(90deg,#0000,#ffffff1a 18%,#7dd3fc38 45%,#a78bfa38 55%,#ffffff1a 82%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.language-group:not(:last-child):before{background:radial-gradient(closest-side,#7dd3fc1a,#0000 70%);bottom:-7px;content:"";filter:blur(3px);height:14px;left:0;pointer-events:none;position:absolute;right:0}.language-label{align-items:center;color:#ffffffe6;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:1px;margin:0;text-transform:uppercase}.category-badge{display:block;height:23px;width:auto}.text-selection-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.text-selection-buttons button:disabled{cursor:not-allowed;opacity:.5}.text-selection-buttons button{align-items:center;background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 4px 15px #0003;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;font-size:12px;font-weight:600;gap:10px 12px;letter-spacing:.5px;min-height:2.25rem;min-width:0;padding:4px 16px;text-transform:uppercase;transition:all .3s ease}.text-selection-buttons button .test-select-name{flex:1 1 auto;min-width:0;text-align:left}.text-selection-buttons button .test-select-divider{align-self:center;background:#ffffff38;box-shadow:0 0 6px #ffffff1f;flex:0 0 1px;height:1.25em;margin:0;width:1px}.text-selection-buttons button .test-select-last{align-items:center;color:#c8f4ffeb;display:flex;flex:0 0 auto;flex-wrap:nowrap;font-size:10px;font-weight:700;gap:10px;letter-spacing:.06em;text-shadow:0 0 8px #38e0ff40;text-transform:none}.text-selection-buttons button.selected-test .test-select-last{color:#e0f2fef5;text-shadow:0 0 10px #38bdf866}.text-selection-buttons button.selected-test .test-select-divider{background:#7dd3fc80;box-shadow:0 0 8px #38bdf861}.text-selection-buttons button .test-select-stat{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.text-selection-buttons button .test-select-stat--time{color:#7df4ff;text-shadow:0 0 5px #5eebff9e,0 0 12px #38e0ff5c,0 0 22px #0ea5e938,0 1px 3px #0000003d}.text-selection-buttons button .test-select-stat--accuracy{color:#b5edd8;text-shadow:0 0 6px #6ee7b7c2,0 0 14px #34d39985,0 0 24px #10b98161,0 1px 4px #00000052}.text-selection-buttons button.selected-test .test-select-stat--time{color:#8aebff;text-shadow:0 0 5px #7dd3fcb8,0 0 12px #38bdf86b,0 0 22px #0ea5e947,0 1px 3px #0000003d}.text-selection-buttons button.selected-test .test-select-stat--accuracy{color:#c8f3da;text-shadow:0 0 6px #6ee7b7d1,0 0 16px #34d39999,0 0 26px #10b98170,0 1px 4px #00000052}.text-selection-buttons button:hover{background:linear-gradient(135deg,#2d3748,#4a5568);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.text-selection-buttons button:active{box-shadow:0 2px 10px #0003;transform:translateY(0)}.text-selection-buttons button.selected-test{background:linear-gradient(135deg,#1e40af,#1e3a8a 50%,#172554);border-color:#2563eb;box-shadow:0 4px 12px #1e3a8a99;color:#fff}.text-selection-buttons button.selected-test:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#172554 50%,#0f172a);box-shadow:0 6px 16px #1e3a8ab3}.text-selection-buttons button.selected-test:active{box-shadow:0 4px 12px #1e3a8a8c}.text-selection-buttons button.test-perf-better{background:linear-gradient(135deg,#3f523f,#2d4034 50%,#243830);border-color:#34d3996b;box-shadow:0 4px 15px #00000038,inset 0 1px 0 #6ee7b724}.text-selection-buttons button.test-perf-worse{background:linear-gradient(135deg,#524238,#3d3028 50%,#32261e);border-color:#fb923c7a;box-shadow:0 4px 15px #0000003d,inset 0 1px 0 #fdba741a}.text-selection-buttons button.selected-test.test-perf-better{background:linear-gradient(135deg,#0f766e,#047857 45%,#065f46);border-color:#34d399;box-shadow:none}.text-selection-buttons button.selected-test.test-perf-worse{background:linear-gradient(135deg,#c2410c,#9a3412 48%,#7c2d12);border-color:#fb923c;box-shadow:none}.text-selection-buttons button.test-perf-better:hover:not(:disabled):not(.selected-test){background:linear-gradient(135deg,#4a5e49,#344a3c 50%,#2a4034);box-shadow:0 6px 20px #00000047,inset 0 1px 0 #6ee7b72e;transform:translateY(-2px)}.text-selection-buttons button.test-perf-worse:hover:not(:disabled):not(.selected-test){background:linear-gradient(135deg,#5c4a3e,#45362c 50%,#3a2d24);box-shadow:0 6px 20px #0000004d,inset 0 1px 0 #fdba7424;transform:translateY(-2px)}.text-selection-buttons button.selected-test.test-perf-better:hover:not(:disabled){background:linear-gradient(135deg,#14b8a6,#059669 42%,#047857);box-shadow:none}.text-selection-buttons button.selected-test.test-perf-worse:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c 45%,#9a3412);box-shadow:none}.player-section button{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #ffffff1a;border-radius:5px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.player-section button:focus-visible,.start-button:focus-visible,.text-selection-buttons button:focus-visible{box-shadow:0 0 0 3px #7dd3fc59,0 8px 25px #00000059;outline:none}.player-section button:hover{background:linear-gradient(135deg,#2d3748,#4a5568);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.player-section button.results-toggle-show:hover{background:linear-gradient(135deg,#1e3a8a,#172554 50%,#0f172a);box-shadow:0 6px 16px #1e3a8ab3;transform:translateY(-1px)}.player-section button.results-toggle-hide:hover{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 4px 12px #d9770629;transform:translateY(-1px)}.player-section button.results-toggle-show{background:linear-gradient(135deg,#1e40af,#1e3a8a 50%,#172554);border-color:#2563eb;box-shadow:0 4px 12px #1e3a8a99}.player-section button.results-toggle-hide{background:linear-gradient(135deg,#b45309,#d97706);border-color:#f59e0b59;box-shadow:0 4px 12px #d9770624}.player-section button:active{box-shadow:0 2px 10px #0003;transform:translateY(0)}.player-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;justify-content:space-between;margin:15px 0;padding:0;width:80%}.player-left,.player-section{align-items:center;display:flex;gap:8px}.player-section label{font-size:13px;font-weight:600}.player-section input{background:#ffffff05;border:1px solid #667eea59;border-radius:5px;color:#fff;font-size:12px;padding:6px 10px;transition:all .3s ease}.player-name-input--pulsate{animation:playerNameSlowPulsate 2.6s ease-in-out infinite}.player-name-input--pulsate:focus{animation:none}.player-name-input--pulsate{box-shadow:0 0 0 0 #7dd3fc00}@keyframes playerNameSlowPulsate{0%{border-color:#667eea59;box-shadow:0 0 0 0 #7dd3fc00;transform:translateZ(0) scale(1)}50%{border-color:#7dd3fc8c;box-shadow:0 0 0 6px #7dd3fc24;transform:translateZ(0) scale(1.01)}to{border-color:#667eea59;box-shadow:0 0 0 0 #7dd3fc00;transform:translateZ(0) scale(1)}}.player-section input:focus{background:#ffffff0a;border-color:#667eea;box-shadow:none;outline:none}.player-section input::placeholder{color:#ffffff80}.results-section{animation:slideInDown .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #ffffff14;border-radius:8px;box-shadow:0 10px 30px #0000004d;color:#fff;display:flex;flex-direction:column;margin:15px auto;padding:15px 20px;width:80%}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.results-section h3{font-size:18px;margin-top:0;text-align:left;text-shadow:2px 2px 4px #0000004d}.results-section h4{font-size:15px;margin-bottom:10px;margin-top:15px;text-align:left;text-shadow:1px 1px 2px #0000004d}.results-section h4.results-recent-heading{border-top:1px solid #ffffff1f;margin-bottom:12px;margin-top:22px;padding-top:16px}.statistics-container{grid-gap:14px 16px;display:grid;gap:14px 16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 12px}.stat-item{align-items:flex-start;background:linear-gradient(155deg,#ffffff1f,#ffffff0a 48%,#0000001f);border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 10px 28px #00000038,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden;padding:16px 18px 18px;position:relative;text-align:left;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.stat-item:before{border-radius:14px 0 0 14px;bottom:0;content:"";left:0;opacity:.95;position:absolute;top:0;width:5px}.stat-item--tests:before{background:linear-gradient(180deg,#5eebff,#38e0ff 45%,#0ea5e9);box-shadow:0 0 16px #38e0ff73}.stat-item--accuracy:before{background:linear-gradient(180deg,#6ee7b7,#34d399 50%,#059669);box-shadow:0 0 14px #34d39959}.stat-item:hover{border-color:#ffffff29;box-shadow:0 14px 36px #00000047,inset 0 1px 0 #ffffff24;transform:translateY(-3px)}.stat-item--tests:hover{box-shadow:0 14px 36px #00000047,0 0 0 1px #38e0ff33,inset 0 1px 0 #ffffff24}.stat-item--accuracy:hover{box-shadow:0 14px 36px #00000047,0 0 0 1px #34d3992e,inset 0 1px 0 #ffffff24}.stat-label{color:#ffffffb8;font-size:11px;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.stat-item--tests .stat-label{color:#baf5ffe0;text-shadow:0 0 14px #38e0ff38}.stat-item--accuracy .stat-label{color:#d1fae5e0;text-shadow:0 0 14px #34d39938}.stat-value{font-feature-settings:"tnum";font-size:1.85rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.stat-item--tests .stat-value{color:#e8fbff;text-shadow:0 0 22px #38e0ff66,0 2px 8px #00000059}.stat-item--accuracy .stat-value{color:#ecfdf5;text-shadow:0 0 20px #34d39959,0 2px 8px #00000059}.recent-results-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#0003,#ffffff0f);border:1px solid #ffffff1a;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff14;display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto;padding:12px;scrollbar-color:#38e0ff73 #ffffff14}.recent-results-container::-webkit-scrollbar{width:8px}.recent-results-container::-webkit-scrollbar-track{background:#ffffff0f;border-radius:6px}.recent-results-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5eebff8c,#38e0ff66);border-radius:6px}.recent-results-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5eebffbf,#38e0ff8c)}.recent-results-empty{color:#ffffffa6;font-size:13px;line-height:1.45;margin:12px 8px 16px;text-align:center}.result-item{background:linear-gradient(150deg,#ffffff1c,#ffffff0a 50%,#0000001a);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 6px 18px #0000002e,inset 0 1px 0 #ffffff14;box-sizing:border-box;display:block;overflow:visible;position:relative;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%}.result-item:before{background:linear-gradient(180deg,#5eebff,#38e0ff 50%,#0ea5e9);border-radius:12px 0 0 12px;bottom:0;box-shadow:0 0 12px #38e0ff59;content:"";left:0;position:absolute;top:0;width:4px}.result-item:hover{border-color:#38e0ff38;box-shadow:0 10px 26px #0000003d,0 0 0 1px #38e0ff1f,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.result-item-body{align-items:flex-start;box-sizing:border-box;gap:10px 18px;margin-left:4px;padding:12px 14px 12px 16px;width:100%}.result-item-body,.result-pair{display:flex;flex-flow:row wrap;justify-content:flex-start;min-width:0}.result-pair{align-items:baseline;flex:0 1 auto;gap:6px 8px;max-width:100%}.result-label{color:#ffffff8c;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.result-pair:has(.result-value--name) .result-label{color:#fff;text-shadow:none}.result-pair:has(.result-value--date) .result-label{color:#f5c8a8e0;text-shadow:0 0 8px #fb923c38,0 0 14px #ea580c24}.result-pair:has(.result-value--time) .result-label{color:#8cf8ffeb;text-shadow:0 0 8px #5eebff73,0 0 16px #38e0ff4d}.result-pair:has(.result-value--accuracy) .result-label{color:#bbf7d0d1;text-shadow:0 0 10px #34d39933}.result-value{color:#ffffffeb;font-size:13px;font-weight:600;line-height:1.35}.result-value--name{color:#fff;font-size:14px;font-weight:700;letter-spacing:.01em;min-width:0;text-shadow:0 0 1px #000000f2,0 1px 2px #000000d9,0 0 16px #ffffff73,0 0 28px #0000008c,0 3px 14px #000000a6;white-space:normal;word-break:break-word}.result-value--accuracy,.result-value--time{white-space:nowrap}.result-value--time{color:#7df4ff;text-shadow:0 0 8px #5eebfff2,0 0 20px #38e0ffa6,0 0 32px #0ea5e966,0 2px 8px #00000059}.result-value--accuracy,.result-value--time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.result-value--accuracy{color:#a7f3d0;text-shadow:0 0 8px #6ee7b7f2,0 0 18px #34d399bf,0 0 30px #10b98180,0 2px 8px #00000059}.result-value--date{color:#f0b899;font-size:12px;font-weight:600;text-shadow:0 0 8px #fdba74f2,0 0 18px #fb923cbf,0 0 30px #ea580c80,0 2px 8px #00000059;white-space:normal;word-break:break-word}.bmc-button-container{display:flex;justify-content:flex-end;margin-top:auto;padding-bottom:0;padding-right:10%;width:100%}.bmc-button-container a{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;justify-content:center;padding:0;transition:transform .15s ease}.bmc-button-container a:hover{transform:translateY(-2px)}.bmc-button-img{border-radius:8px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));height:23px;transition:transform .15s ease,filter .15s ease;width:auto}.bmc-button-img:hover{filter:drop-shadow(0 14px 26px rgba(0,0,0,.45));transform:translateY(-2px) scale(1.03)}@media (max-width:786px){.sub-header.main-header{padding-left:2%}}@media (max-width:768px){.textAreas{margin:0 2.5% 5%;width:95%}.bmc-button-container{padding-right:2.5%}.player-section{width:95%}.practice-text-label{margin:0 2.5% 12px;padding-left:8px;width:94%}.practice-metrics{align-items:flex-end;display:flex;flex-direction:column;gap:2px;text-align:right;white-space:normal}.practice-metric{display:block}.practice-metric:not(:last-child):after{content:""}.test-selector-title{padding-right:0;width:95%}.test-explanation-section{margin:4px 2.5% 51px;width:95%}.test-explanation-content,.test-explanation-title{padding-left:8px}.results-section,.text-selection-section{width:95%}.textInputs{font-size:14px;padding:4px}.textInputs,.typing-input-shell{margin:4px;width:calc(100% - 16px)}.modal-content.congratz{max-width:758px;padding:4% 9%;width:95%}.modal-content.congratz p{font-size:12px}.main-container{font-size:calc(7px + 1vmin)}.sub-header.main-header h2{font-size:20px}.main-header-logo{height:82px}.statistics-container{gap:10px 12px}.stat-item{border-radius:12px;padding:12px 14px 14px}.stat-item:before{border-radius:12px 0 0 12px}.stat-value{font-size:1.5rem}.recent-results-container{gap:8px;max-height:240px;padding:10px}.result-item-body{gap:8px 12px;padding:10px 12px 10px 14px}.result-value--name{font-size:13px}}@media (max-width:480px){.textAreas{margin:0 1% 5%;width:98%}.bmc-button-container{padding-right:1%}.player-section{padding-left:2%;width:98%}.practice-text-label{margin:0 1% 12px;padding-left:6px}.test-selector-title{width:98%}.test-explanation-section{margin:4px 1% 51px;width:98%}.test-explanation-content,.test-explanation-title{padding-left:6px}.results-section,.text-selection-section{width:98%}.textInputs{font-size:12px;min-height:150px;padding:3px}.textInputs,.typing-input-shell{margin:3px;width:calc(100% - 12px)}.modal-content.congratz{max-width:758px;padding:6% 12%;width:95%}.modal-content.congratz p{font-size:11px}.sub-header.main-header h2{font-size:18px}.results-section,.text-selection-section{gap:15px}.language-group{gap:8px}.language-label{font-size:12px}.text-selection-buttons{flex-wrap:wrap;gap:8px}.text-selection-buttons button{font-size:11px;min-height:2.05rem;padding:6px 12px}}.main-container>.goal-tab-root{position:fixed;right:10%;top:0;z-index:950}@media (max-width:768px){.main-container>.goal-tab-root{right:2%}}@media (max-width:480px){.main-container>.goal-tab-root{right:1%}}.goal-tab-root{align-items:flex-end;display:flex;flex-direction:column;pointer-events:none}.goal-tab-root .goal-tab-footer,.goal-tab-root .goal-tab-shell{max-width:min(380px,calc(100vw - 16px));width:-webkit-fit-content;width:fit-content}.goal-tab-root .goal-tab-footer,.goal-tab-root .goal-tab-shell,.goal-tab-root .goal-tab-trigger{pointer-events:auto}.goal-tab-shell{align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.goal-tab-root--open .goal-tab-shell{border:1px solid #ffffff1f;border-bottom:none;border-radius:0 0 0 6px;border-top:none}.goal-tab-footer,.goal-tab-root--open .goal-tab-shell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:-4px 8px 28px #0006}.goal-tab-footer{align-items:center;background-attachment:fixed;background-color:initial;background-image:linear-gradient(165deg,#4a5568fa,#232832fc);border:1px solid #ffffff1f;border-radius:0 0 6px 6px;border-top:none;display:flex;flex-shrink:0;justify-content:flex-end;min-width:0}.goal-tab-root--open .goal-tab-footer{box-shadow:none}.goal-tab-trigger{align-items:center;appearance:none;-webkit-appearance:none;background:#0000;border:none;border-radius:0;color:#fffffff2;cursor:pointer;display:flex;flex:0 0 auto;font:inherit;font-size:12px;font-weight:800;gap:10px;justify-content:flex-start;letter-spacing:.12em;margin:0;max-width:100%;padding:3px 20px;text-transform:uppercase;transition:filter .2s ease;width:-webkit-fit-content;width:fit-content}.goal-tab-root--open .goal-tab-trigger:focus-visible{box-shadow:inset 0 0 0 2px #7dd3fc73}.goal-tab-trigger:hover{filter:brightness(1.08)}.goal-tab-trigger:focus-visible{box-shadow:inset 0 0 0 2px #7dd3fc73;outline:none}.goal-tab-chevron{display:inline-block;font-size:9px;opacity:.75;transform:rotate(0deg);transition:transform .35s ease}.goal-tab-root--open .goal-tab-chevron{transform:rotate(180deg)}.goal-tab-expand{display:grid;flex:0 1 auto;grid-template-rows:0fr;min-height:0;min-width:0;overflow:hidden;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1)}.goal-tab-root--open .goal-tab-expand{grid-template-rows:1fr}.goal-tab-expand-inner{background-attachment:fixed;background-color:initial;background-image:linear-gradient(165deg,#4a5568fa,#232832fc);min-height:0;min-width:0;overflow:hidden;padding:0 18px;position:relative;text-align:left;transition:padding .38s cubic-bezier(.4,0,.2,1)}.goal-tab-root--open .goal-tab-expand-inner{padding:14px 40px 16px 18px;transition-delay:.05s}.goal-tab-close{background:#ffffff14;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;height:28px;line-height:1;opacity:.85;padding:0;position:absolute;right:8px;top:8px;width:28px}.goal-tab-close:hover{background:#ffffff24;opacity:1}.goal-tab-title{color:#fffffff2;font-size:14px;font-weight:700;margin:0 0 10px}.goal-tab-list{color:#ffffffe0;font-size:12px;line-height:1.5;list-style:none;margin:0;padding-left:0}.goal-tab-list li{margin-bottom:8px;padding-left:26px;position:relative}.goal-tab-list li:before{color:#fff;content:"→";font-size:16px;font-weight:1000;left:4px;line-height:1;opacity:1;position:absolute;top:.55em;transform:translateY(-50%)}.goal-tab-list li:last-child{margin-bottom:0}.goal-tab-list strong{animation:goalStrongPulse 2.4s ease-in-out infinite;color:#fff;display:inline-block;font-weight:900}@keyframes goalStrongPulse{0%,to{text-shadow:0 0 0 #7dd3fc00}50%{text-shadow:0 0 14px #7dd3fc47}}
/*# sourceMappingURL=main.f9e5bfca.css.map*/