@font-face{font-family:Sora;src:url(/assets/fonts/Sora/Sora-VariableFont_wght.ttf)format("truetype");font-style:normal;font-weight:100 800;font-display:swap}:root{--neutral-900:#121212;--neutral-800:#262626;--neutral-500:#727279;--neutral-400:#959597;--neutral-0:#fff;--blue-600:#1a7dff;--blue-400:#4ca6ff;--red-500:#d64c5a;--green-500:#4cd67a;--yellow-400:#f4dc71;--surface:#ffffffd1;--border:#2125291f;--text-main:var(--neutral-800);--text-muted:var(--neutral-500);--page-bg:radial-gradient(circle at top, #65b1ff2e, transparent 30%), linear-gradient(180deg, #f7f9fc 0%, #eef3fb 100%);color:var(--text-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;font-family:Sora,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background-color:#0f0f0f;min-height:100%;font-size:16px}body{background-color:#0f0f0f;min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font:inherit}#root{min-height:100vh}h1,h2,p,ul{margin-top:0}h1,h2{color:var(--neutral-900)}h1{letter-spacing:-.04em;font-size:clamp(2rem,3vw,3.5rem);line-height:1.05}h2{font-size:1.25rem;line-height:1.2}p,li{color:var(--text-muted)}header{justify-content:space-between;align-items:center;padding:0 20px;display:flex}header div:last-child{align-items:center;display:flex}#desktop-logo{display:none}#pb{color:#646464}.score-related{color:#fafafa}header h4{margin-left:10px}#info-panel h4{color:#646464;font-weight:600}#results span{font-size:20px;font-weight:800;position:relative;bottom:15px}#results{grid-template-columns:auto auto auto;display:grid}#results div{flex-direction:column;align-items:center;display:flex;position:relative}#results div:nth-child(2):before{content:"";background-color:#333;width:2px;height:50px;position:absolute;top:50%;left:0;transform:translateY(-50%)}#results div:nth-child(2):after{content:"";background-color:#333;width:2px;height:50px;position:absolute;top:50%;right:0;transform:translateY(-50%)}#wpm{color:#fafafa}#accuracy{color:#fd4c63}#time{color:#f7e972}#settings{justify-content:center;margin-top:0;display:flex}#settings div{width:41.6667vw;margin:0 5px}#settings button{color:#fafafa;background:0 0;border:1px solid #fafafa;border-radius:10px;width:100%;padding:5px}.articlesParent{position:relative}button.selected{box-shadow:inset 0 0 0 4px #33defc;border:none!important}#settings article{color:#fafafa;z-index:999;background-color:#252525;border-radius:10px;flex-direction:column;justify-content:center;width:100%;padding:10px 0 10px 15px;font-weight:300;display:flex;position:absolute;top:40px}.btn-l{color:#fafafa;background:0 0;border:1px solid #fafafa;border-radius:100px;margin-right:10px;padding:5px;width:15px!important;height:15px!important}article label{align-items:center;display:flex}#settings article label:nth-child(2){margin:15px 0;position:relative}#settings article label:nth-child(2):before{content:"";background-color:#333;width:100%;height:2px;position:absolute;top:-8px;left:-10px}#settings article #med:after{content:"";background-color:#333;width:100%;height:2px;position:absolute;bottom:-8px;left:-10px}#ll{margin:15px 0 0!important}#settings button img{position:relative;bottom:1px;left:5px}#settings-desktop{display:none}.txtDiv{color:#8a8a8a;background-color:#0f0f0f;margin-top:60px;padding:0 20px 40px;font-size:24px;position:relative}.inp:disabled{opacity:1;-webkit-text-fill-color:transparent;color:#0000!important;background-color:#0000!important}.txtDiv:before{content:"";background-color:#333;width:92%;height:2px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.txtDiv:after{content:"";background-color:#333;width:92%;height:2px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.correct{color:#3efa77}.wrong{color:#fd4c63}.inp{color:#0000;resize:none;appearance:none;border:none;width:100%;height:100%;padding:0 20px;font-size:24px;position:absolute;top:0;left:0;background-color:#0000!important}.inp:focus{outline:none}.wrong-space{color:#fd4c63;text-underline-offset:3px;border-bottom:3px solid #fd4c63;position:relative;bottom:5px}.current{background-color:#91919149}#container-bb{background-color:#0f0f0f;width:100%;min-height:200px;margin-top:40px;position:relative}.blurryDiv{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blurryDiv button{color:#fafafa;cursor:pointer;background-color:#3b9be9;border:none;border-radius:6px;margin-bottom:15px;padding:10px 20px;font-size:18px}.blurryDiv p{color:#fafafa;font-size:18px}.res{justify-content:center;display:flex}#restartBtn{color:#fafafa;background-color:#2e2e2e;border:none;border-radius:8px;justify-content:center;align-items:center;margin-top:100px;margin-bottom:20px;padding:10px 20px;display:flex}#restartBtn img{margin-left:10px;position:relative;bottom:1px}#end{flex-direction:column;align-items:center;display:flex}.endDiv{text-align:center;flex-direction:column;align-items:center;display:flex}.endDiv p{padding:0 30px;font-size:17px;position:relative;bottom:18px}.outerEffect{background-color:#279c4436;border-radius:100%;align-items:center;width:100px;height:100px;display:grid;position:relative}.outEffect{background-color:#279c4456;border-radius:100%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#pp{display:none}.head h3{color:#fafafa;font-size:25px}#star1{position:absolute;bottom:200px;right:40px}#star2{position:absolute;top:200px;left:40px}#confetti{position:absolute;bottom:0}.foot div{border:2px solid #64646470;border-radius:5px;flex-direction:column;justify-content:center;align-items:flex-start;width:80vw;height:100px;padding:0 25px;display:flex}#end h4{color:#646464;margin:0;font-size:20px}.foot span{color:#fafafa;margin-top:5px;font-size:24px;font-weight:900}.foot span .comcor{color:#3efa77}.foot span .comwro{color:tomato}.foot span .slash{color:#646464;margin:0 2px}.foot div:nth-child(2){margin:20px 0}.resend{color:#0f0f0f;cursor:pointer;background-color:#fafafa;border-radius:10px;align-items:center;margin-top:40px;padding:15px 20px;font-weight:700;display:flex}.resend img{filter:grayscale()brightness(.1);margin-left:5px}@media (width>=768px){#pp{margin-right:10px;display:flex}#pb{display:flex}#xx{display:none}header{padding:20px 40px}#mobile-logo{display:none}#desktop-logo{display:block}.txtDiv,.inp{padding:0 40px}.foot{flex-direction:row;display:flex}.foot div{width:200px}.foot div:nth-child(2){margin:0 20px}}@media (width>=1280px){header{padding:20px 80px}.inp{padding:0 80px;font-size:30px}.txtDiv{margin-top:40px;padding:0 80px;font-size:30px}.txtDiv:before{width:0}#settings{display:none}#info-panel{justify-content:space-between;padding:0 80px;display:flex;position:relative}#settings-desktop{display:flex}#settings-desktop div{justify-content:center;align-items:center;display:flex}#results div{font-variant-numeric:tabular-nums;flex-direction:row;justify-content:center;align-items:center;display:flex}#results div:nth-child(2):before{content:"";height:30px;left:-18px}#results div:nth-child(2):after{content:"";height:30px;right:-18px}#results span{margin-left:10px;bottom:0}#results div:nth-child(2){margin:0 40px}#info-panel:after{content:"";background-color:#333;width:92%;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.btn-d{color:#fafafa;cursor:pointer;background:0 0;border:1px solid #fafafa;border-radius:5px;margin:0 5px;padding:2px 10px}.btn-d:hover,.btn-d.selected2{color:#3b9be9;border:1px solid #3b9be9}#settings-desktop div:first-child{margin:0 20px;position:relative}#settings-desktop div:first-child:after{content:"";background-color:#333;width:2px;height:30px;position:absolute;right:-10px}#settings-desktop h3{color:#646464;margin-right:8px}}