/* Shared critical UI for the home and timed typing tests. */
#myDIV{text-align:center; padding-bottom: 10px;}.keyboard__row{height:3.4em!important}.hands,.input-field{height:100%;width:100%}.hands{left:0;top:3%}.hand--left{left:6%;top:9%;width:48.3%}img{max-width:100%;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}.hand{position:absolute}.hand--right{left:37%;top:9%;width:58.3%}.googleads {padding: 20px;-webkit-box-shadow: 5px 5px 5px -5px rgb(34 60 80 / 60%);-moz-box-shadow: 5px 5px 5px -5px rgba(34,60,80,.6);margin: 0 auto;text-align: center;min-height: 0px !important;height: auto !important;}.btn10{border:none;outline:0;padding:10px 16px;background-color:#f1f1f1;cursor:pointer;font-size:18px}.active1,.btn10:hover{background-color:#666;color:#fff}.NR-Ads,.NR-Ads-close{display:flex;background-color:#fefefe}.NR-Ads{position:fixed;bottom:0;left:0;width:100%;min-height:70px;max-height:90px;padding:5px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1);-webkit-transition:.1s ease-in;transition:.1s ease-in;align-items:center;justify-content:center;z-index:20}.NR-Ads-close{width:30px;height:30px;align-items:center;justify-content:center;border-radius:12px 0 0;position:absolute;right:0;top:-30px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.08)}.NR-Ads .NR-Ads-close svg{width:22px;height:22px;fill:#000}.NR-Ads .NR-Ads-content{overflow:hidden;display:block;position:relative;height:70px;width:100%;margin-right:10px;margin-left:10px}.cardefffect1{cursor:pointer;box-shadow:3px 3px 5px 0 #888!important}.cardefffect1:hover{cursor:pointer;box-shadow:3px 3px 5px 0 #66a956!important}.btn10 {border: none;outline: none;padding: 10px 16px;background-color: #f1f1f1;cursor: pointer;font-size: 18px;}.active1, .btn10:hover {background-color: #666;color: white;}.content-box .typing-text{min-height: 330px;font-weight: bold;}.typing-text::-webkit-scrollbar{width: 0;}.typing-text p{font-size: 21px;text-align: justify;letter-spacing: 1px;word-break: break-all;}.typing-text p span{position: relative;}.typing-text p span.correct{color: #56964f;}.typing-text p span.incorrect{color: #cb3439;text-decoration: line-through;border-radius: 4px;}.typing-text p span.active{color: #17A2B8;}.typing-text p span.active::before{position: absolute;content: "";height: 2px;width: 100%;bottom: 0;left: 0;opacity: 0;border-radius: 5px;background: #17A2B8;animation: blink 1s ease-in-out infinite;}.notch {background: #ddd;border-radius: 0 0 7% 7% / 0 0 95% 95%;box-shadow: -5px -1px 3px rgba(0, 0, 0, 0.2) inset, 5px -1px 3px rgba(0, 0, 0, 0.2) inset;margin-left: auto;margin-right: auto;margin-top: -3.5%;z-index: 2;position: relative;width: 14%;}.notch:before {content: "";display: block;padding-top: 10%;}.screen {border-radius: 3% 3% 0.5% 0.5% / 5%;margin: 0 auto;position: relative;width: 82%;}.screen:before {border-radius: 3% 3% 0.5% 0.5% / 5%;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8) inset, 0 0 1px 2px rgba(255, 255, 255, 0.3) inset;display: block;padding-top: 67%;}.screen:after {content: "";border-top: 2px solid rgba(255, 255, 255, 0.15);position: absolute;bottom: 0.75%;left: 0.5%;padding-top: 1%;width: 99%;}.text-bold-600 {font-weight: 600 !important;}@media (min-width: 1200px){.col-xl-3 {flex: 0 0 25%;max-width: 25%;}}@media (min-width: 992px) {.col-lg-3 {flex: 0 0 25%;max-width: 25%;}}@media (min-width: 1200px) {.col-xl-10 {flex: 0 0 83.33333%;max-width: 83.33333%;}}.bg-primary {background-color: #975AFF !important;}.bg-btn-success{background-color: #4b4c56 !important;box-shadow: 3px 5px #888888;}.bg-success {background-color: #40C057 !important;}.keyboard__row > div[data-pressed], .keyboard__row > div:active {background: lightseagreen;color: #ffffff;position: relative;top: 0.2em;box-shadow: 0 0 0 0.05em black;}.text-center {text-align: center !important;}
.modal-dialog{position:relative;width:auto;margin: auto;pointer-events:none}@media (min-width:576px){.modal-dialog{min-width:70vw!important;margin: auto!important}}.mode-btn{padding:10px 18px;border:none;background:#ddd;cursor:pointer;margin:5px;border-radius:5px;font-size:16px}.mode-btn.active{background:#000;color:#fff}.mode-btn:hover{background-color:#d3b471}.sub-btn,.mode-btn-para,.mode-btn-quote{padding:10px 18px;margin:5px;border:none;cursor:pointer;background:#ddd;border-radius:25px}.sub-btn.active,.mode-btn-para.active,.mode-btn-quote.active{cursor:pointer;background:#000;color:#fff;box-shadow:1px 5px 5px 0 #ffffffab!important}.sub-btn:hover,.mode-btn-para:hover,.mode-btn-quote:hover{background:#3e7876;color:#fff}#p-2{padding: 1rem !important}
.txtinput{border-radius:10px;font-size:1.2rem;font-weight:700}

/* Responsive typing workspace */
.mt-typing-page .content-wrapper{padding-top:clamp(12px,2vw,24px)}
.mt-typing-page .macbook{max-width:1120px}
.mt-typing-page .screen{box-sizing:border-box}
.mt-typing-page .typing-text{max-width:100%;overflow:hidden}
.mt-typing-page .typing-text p{overflow-wrap:break-word}
.mt-typing-page .typing-text{overscroll-behavior:contain;scroll-padding-block:48px}
.mt-typing-page .keyboard{overflow:hidden}
.mt-typing-page .googleads{box-sizing:border-box;max-width:100%;overflow:hidden}
.mt-typing-page button,.mt-typing-page .btn{min-height:40px}
.mt-mobile-keyboard-prompt{display:none}
.mt-timer-setup{position:absolute;z-index:5;inset:0;display:grid;place-items:center;overflow-y:auto;padding:14px;background:linear-gradient(150deg,rgba(20,27,39,.99),rgba(16,21,31,.98));text-align:center;scrollbar-width:none}
.mt-timer-setup::-webkit-scrollbar{display:none}
.mt-timer-setup-inner{display:grid;width:min(100%,470px);justify-items:center;gap:8px}
.mt-timer-kicker{color:#ffc857;font-size:10px;font-weight:750;letter-spacing:.1em}
.mt-timer-setup h2{margin:0!important;color:#eff3fa!important;font-size:clamp(18px,3vw,23px)!important;line-height:1.2}
.mt-timer-setup p{margin:0;color:#a6b2c3;font-size:12px}
.mt-timer-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.mt-timer-preset{min-height:34px!important;padding:0 11px;border:1px solid rgba(174,188,214,.18);border-radius:9px;background:rgba(255,255,255,.04);color:#ced7e5;font-size:11px}
.mt-timer-preset.is-active,.mt-timer-preset:hover{border-color:rgba(255,200,87,.48);background:rgba(255,200,87,.11);color:#ffc857}
.mt-timer-controls{display:flex;width:min(100%,340px);justify-content:center;gap:8px}
.mt-timer-input-wrap{display:flex;min-width:0;flex:1 1 120px;align-items:center;margin:0;padding-right:10px;border:1px solid rgba(174,188,214,.21);border-radius:10px;background:rgba(8,11,18,.58)}
.mt-timer-input-wrap input{width:100%;height:40px;border:0!important;background:transparent!important;color:#f0f4fb!important;font-size:15px!important;text-align:center}
.mt-timer-input-wrap>span{color:#a6b2c3;font-size:11px}
.mt-timer-start{min-height:40px!important;padding:0 14px;border:0;border-radius:10px;background:#ffc857;color:#171511;font-size:12px;font-weight:760;white-space:nowrap}
.mt-timer-hint{color:#8d9aad;font-size:10px}
body.mt-result-open{overflow:hidden}
.mt-result-modal{position:fixed!important;z-index:2200!important;inset:0!important;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;background:rgba(6,9,15,.82);padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));backdrop-filter:blur(8px)}
.mt-result-dialog{width:min(100%,760px)!important;min-width:0!important;max-width:760px!important;max-height:calc(100dvh - 40px);margin:auto!important;pointer-events:auto!important}
.mt-result-content{position:relative;box-sizing:border-box;max-height:calc(100dvh - 40px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid rgba(174,188,214,.17)!important;border-radius:24px!important;background:linear-gradient(155deg,#192130 0%,#111721 100%)!important;color:#eef2f9;box-shadow:0 26px 90px rgba(0,0,0,.42);padding:clamp(18px,4vw,32px);scrollbar-width:thin}
.mt-result-header{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:22px;padding-right:52px}
.mt-result-eyebrow,.mt-result-hero-label,.mt-result-chart-label{color:#ffc857;font-size:10px;font-weight:750;letter-spacing:.11em}
.mt-result-title{margin:7px 0 3px!important;color:#f3f6fc!important;font-size:clamp(21px,4vw,29px)!important;line-height:1.15}
.mt-result-subtitle,.mt-result-hero>p{margin:0;color:#a1aec1;font-size:13px;line-height:1.6}
.mt-result-close{position:absolute;z-index:4;top:0;right:0;display:grid;width:42px;min-width:42px;height:42px;place-items:center;padding:0;border:1px solid rgba(174,188,214,.3);border-radius:12px;background:#263143;color:#fff;font-family:Arial,sans-serif;font-size:29px;font-weight:400;line-height:1;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.2)}
.mt-result-close span{display:block;margin-top:-2px;line-height:1}
.mt-result-close:hover,.mt-result-close:focus-visible{border-color:rgba(255,200,87,.55);background:rgba(255,200,87,.12);color:#ffc857;outline:none}
.mt-result-hero{display:grid;justify-items:center;gap:5px;margin-bottom:17px;padding:22px 16px;border:1px solid rgba(255,200,87,.17);border-radius:17px;background:linear-gradient(145deg,rgba(255,200,87,.09),rgba(255,200,87,.025));text-align:center}
.mt-result-speed{display:flex;align-items:baseline;gap:9px;color:#ffc857;font-size:clamp(48px,10vw,76px);font-weight:780;line-height:1}
.mt-result-speed-unit{color:#d5dce8;font-size:17px;font-weight:650}
.mt-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mt-result-stat{display:grid;min-height:77px;align-content:center;gap:7px;padding:11px 12px;border:1px solid rgba(174,188,214,.13);border-radius:13px;background:rgba(10,14,21,.36)}
.mt-result-stat-label{overflow:hidden;color:#a6b2c3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.mt-result-stat strong{color:#f0f4fb;font-size:19px;line-height:1.1}
.mt-result-stat-wide{grid-column:auto}
.mt-quote-mode .mt-result-timer-stat{display:none}
.mt-result-chart-wrap{min-width:0;margin-top:17px;padding:13px 10px 8px;border:1px solid rgba(174,188,214,.12);border-radius:14px;background:rgba(10,14,21,.25)}
.mt-result-chart{width:100%;min-height:260px;overflow:visible}
.mt-result-chart .apexcharts-canvas,.mt-result-chart .apexcharts-svg,.mt-result-chart canvas{max-width:100%!important}
.mt-result-chart .apexcharts-legend-text,.mt-result-chart .apexcharts-text{fill:#b8c3d4!important;color:#b8c3d4!important}
.mt-result-actions{display:flex;justify-content:flex-end;margin-top:18px}
.mt-result-retry{display:inline-flex;min-height:46px!important;align-items:center;justify-content:center;gap:9px;padding:0 21px!important;border:0!important;border-radius:11px!important;background:#ffc857!important;color:#171511!important;font-size:13px!important;font-weight:750!important}
@media (max-width:1199.98px){
  .mt-typing-page .vertical-ad,.mt-typing-page [class*="vertical-ad"]{display:none!important}
}
@media (max-width:767.98px){
  .mt-typing-page .content-wrapper{padding-inline:10px}
  .mt-typing-page .screen.inputtextarea{min-height:220px!important;border-radius:14px!important}
  .mt-typing-page .typing-text p{font-size:clamp(17px,4.8vw,22px)!important;line-height:1.65!important}
  .mt-typing-page #myDIV{gap:6px;padding:10px}
  .mt-typing-page #myDIV button{min-height:42px;padding-inline:12px}
  .mt-typing-page .keyboard{transform-origin:top center}
  .mt-mobile-keyboard-prompt{position:absolute;z-index:4;right:10px;bottom:9px;left:10px;display:flex!important;min-height:39px!important;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,200,87,.36);border-radius:10px;background:rgba(24,31,44,.97);color:#ffd47b;font-size:12px;font-weight:700;box-shadow:0 5px 18px rgba(0,0,0,.2)}
  .mt-mobile-keyboard-ready .mt-mobile-keyboard-prompt,.mt-custom-timer-pending .mt-mobile-keyboard-prompt{display:none!important}
  .mt-typing-page:not(.mt-mobile-keyboard-ready) .screen.inputtextarea .typing-text{padding-bottom:43px}
  .mt-timer-setup{padding:10px}
  .mt-timer-setup-inner{gap:6px}
  .mt-timer-presets{gap:5px}
  .mt-timer-preset{min-height:31px!important;padding:0 8px}
  .mt-timer-hint{font-size:9px}
  .mt-result-modal{align-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}
  .mt-result-content{max-height:calc(100dvh - 24px);overflow-y:auto;border-radius:19px!important;padding:18px}
  .mt-result-dialog{max-height:calc(100dvh - 24px)}
  .mt-result-header{margin-bottom:17px;padding-right:48px}
  .mt-result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mt-result-hero{padding:17px 10px}
  .mt-result-stat{min-height:69px;padding:10px}
  .mt-result-chart{min-height:220px}
  .mt-result-actions,.mt-result-retry{width:100%}
}
@media (max-width:479.98px){
  .mt-typing-page .screen.inputtextarea{min-height:200px!important}
  .mt-typing-page .result-details .card1{min-height:88px}
  .mt-typing-page .keyboard{display:block!important;max-width:100%;overflow:hidden}
  .mt-typing-page .hands{display:none!important}
  .mt-typing-page .mt-keyboard-section{padding-bottom:8px}
  .mt-timer-setup p{font-size:10px}
  .mt-timer-setup h2{font-size:17px!important}
  .mt-result-modal{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}
  .mt-result-dialog{max-height:calc(100dvh - 16px)}
  .mt-result-content{max-height:calc(100dvh - 16px);padding:15px}
  .mt-result-subtitle{font-size:11px}
  .mt-result-close{width:36px;min-width:36px;height:36px}
  .mt-result-stat strong{font-size:17px}
}