@import"https://fonts.googleapis.com/css?family=Open+Sans|Pinyon+Script|Rochester";@import"https://db.onlinewebfonts.com/c/779065621ef413813a54f3f168527eba?family=Suomi+Slab+Serif+W01+Book";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";/*!
* 
*   react-simple-keyboard v3.8.68
*   https://github.com/hodgef/react-simple-keyboard
*
*   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
*
*   This source code is licensed under the MIT license found in the
*   LICENSE file in the root directory of this source tree.
*
*//*!
 * 
 *   simple-keyboard v3.8.52
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.simple-keyboard{width:100%;max-width:800px;margin:0 auto;border-radius:5px;padding:5px;font-family:var(--global-font);box-shadow:0 4px 8px #00000040;background:var(--background-secondary);z-index:999;transition:all .1s ease;transform-origin:bottom center}.simple-keyboard .hg-row{display:flex;justify-content:center;margin-bottom:4px;flex-wrap:wrap;padding:0 2px}.simple-keyboard .hg-button{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:4px;font-size:14px;font-weight:600;background:transparent;color:var(--accent-color);border:1px solid var(--accent-color);transition:all .1s ease;box-shadow:0 2px 4px #0003;margin:2px;flex:0 0 auto;user-select:none;touch-action:none}.simple-keyboard .hg-button:hover{background:var(--accent-color);color:var(--text-primary);cursor:pointer}.simple-keyboard .hg-button.hg-standardBtn{width:45px}.simple-keyboard .hg-button.hg-highlight{color:var(--text-primary);background:var(--accent-color);border-color:var(--accent-color)}.simple-keyboard .hg-button.hg-activeButton{background:var(--accent-color);color:var(--background-primary)}.simple-keyboard .hg-button[data-skbtn="{space}"]{width:160px;max-width:160px}.simple-keyboard .hg-button[data-skbtn="{shift}"],.simple-keyboard .hg-button[data-skbtn="{lock}"],.simple-keyboard .hg-button[data-skbtn="{enter}"],.simple-keyboard .hg-button[data-skbtn="{bksp}"],.simple-keyboard .hg-button[data-skbtn="{tab}"]{width:55px}.simple-keyboard.high-contrast .hg-button{background:#000;color:#ff0;border:1px solid #ff0}.simple-keyboard.high-contrast .hg-button.hg-highlight{background:#630}.simple-keyboard.high-contrast .hg-button.hg-activeButton{background:#f60;color:#000}.drag-handle{cursor:move;user-select:none;touch-action:none}.drag-handle:hover{background:var(--background-secondary)}.keyboard-container{position:fixed;bottom:0;left:0;transition:all .3s ease;transform-origin:bottom center;max-height:100vh;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--background-secondary);z-index:1000}.keyboard-container::-webkit-scrollbar{width:8px}.keyboard-container::-webkit-scrollbar-track{background:var(--background-secondary)}.keyboard-container::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:4px}@media (max-width: 767px){.simple-keyboard{width:100%;max-width:100%;padding:2px}.simple-keyboard .hg-button{height:28px;width:28px;font-size:12px;margin:1px;padding:0;min-width:28px}.simple-keyboard .hg-button.hg-standardBtn{width:28px}.simple-keyboard .hg-button[data-skbtn="{space}"]{width:100px;max-width:100px}.simple-keyboard .hg-button[data-skbtn="{shift}"],.simple-keyboard .hg-button[data-skbtn="{enter}"],.simple-keyboard .hg-button[data-skbtn="{bksp}"],.simple-keyboard .hg-button[data-skbtn="{tab}"],.simple-keyboard .hg-button[data-skbtn="{lock}"]{width:35px}.simple-keyboard .hg-row{margin-bottom:2px;padding:0 1px}.keyboard-container{width:100%!important;max-width:100%!important;left:0!important;transform:none!important}.simple-keyboard[data-layout=hindi] .hg-button,.simple-keyboard[data-layout=bengali] .hg-button,.simple-keyboard[data-layout=japanese] .hg-button,.simple-keyboard[data-layout=korean] .hg-button,.simple-keyboard[data-layout=chinese] .hg-button{font-size:11px;height:26px;width:26px;min-width:26px}}@media (max-width: 360px){.simple-keyboard .hg-button{height:24px;width:24px;font-size:11px;min-width:24px}.simple-keyboard .hg-button[data-skbtn="{space}"]{width:80px;max-width:80px}.simple-keyboard .hg-button[data-skbtn="{shift}"],.simple-keyboard .hg-button[data-skbtn="{enter}"],.simple-keyboard .hg-button[data-skbtn="{bksp}"],.simple-keyboard .hg-button[data-skbtn="{tab}"],.simple-keyboard .hg-button[data-skbtn="{lock}"]{width:30px}}.keyboard-container.minimized{transform:translateY(calc(100% - 40px))}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.keyboard-container{animation:slideUp .3s ease-out}.keyboard-toggle{bottom:20px;right:20px;z-index:1000;background:#08f;color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000004d;cursor:pointer;transition:all .2s ease}.keyboard-toggle:hover{transform:scale(1.1);background:#06c}.cursive{font-family:"Suomi Slab Serif W01 Book",cursive}.sans{font-family:"Suomi Slab Serif W01 Book"}.bold{font-weight:700}.block{display:block}.font-18{font-size:18px!important}.font-30{font-size:30px!important}.margin-0{margin:0}.padding-0{padding:0}.pm-empty-space{height:40px;width:100%;text-decoration:none!important}.pm-certificate-container{position:relative;width:800px;height:600px;background-color:#71cac7;padding:30px;color:#333;font-family:Open Sans,sans-serif;box-shadow:0 0 5px #00000080;.outer-border{width:794px;height:594px;position:absolute;left:50%;margin-left:-397px;top:50%;margin-top:-297px;border:2px solid #fff}.inner-border{width:730px;height:530px;position:absolute;left:50%;margin-left:-365px;top:50%;margin-top:-265px;border:2px solid #fff}.pm-certificate-border{position:relative;width:720px;height:520px;padding:0;border:1px solid #E1E5F0;background-color:#fff;background-image:none;left:50%;margin-left:-360px;top:50%;margin-top:-260px;.pm-certificate-block{width:650px;height:164px;position:relative;left:50%;margin-left:-325px;top:48px;margin-top:0}.pm-certificate-header{margin-bottom:10px}.pm-certificate-title{position:relative;top:40px;h2{font-size:34px!important}}.pm-certificate-body{padding:20px;.pm-name-text{font-size:20px}}.pm-earned{margin:15px 0 20px;.pm-earned-text{font-size:20px}.pm-credits-text{font-size:15px}}.bg-theme{color:#71cac7!important}.pm-course-title{.pm-earned-text{font-size:20px}.pm-credits-text{font-size:15px}}.pm-certified{font-size:12px;.underline{margin-bottom:5px}}.pm-certificate-footer{width:650px;height:100px;position:relative;left:50%;margin-left:-325px;bottom:-105px;align-items:flex-end}}}.show-score{display:flex;justify-content:space-evenly;align-items:flex-start;margin-top:12px;background-color:#71cac770;height:48px;border-radius:10px}.mt-16{margin-top:16px!important}.signature{display:flex;justify-content:center}.pm-certificate-footer{display:flex;align-items:center;justify-content:space-between}.grouped-logo{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px}.badge-section{padding:1rem;background:var(--background-secondary)}.badge-section__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.badge-section__title-icon{color:var(--accent-color);font-size:1.25rem}.badge-sections-container{display:flex;flex-direction:column;gap:2rem}.badge-category{background:var(--background-primary);border-radius:12px;padding:1.25rem}.badge-category__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.badge-category__icon{color:var(--accent-color);font-size:1.125rem}.badge-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.badge-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.badge-grid{grid-template-columns:repeat(3,1fr)}}.badge-card{background:var(--background-secondary);border:1px solid var(--text-secondary);border-radius:12px;padding:1.25rem;transition:all .3s ease}.badge-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003;border-color:var(--accent-color)}.badge-card__content{display:flex;flex-direction:column;align-items:center;text-align:center}.badge-card__icon-wrapper{width:3.5rem;height:3.5rem;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.badge-card__icon{color:var(--text-primary);font-size:1.25rem}.badge-card__name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.badge-card__criteria{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.badge-card__date{font-size:.75rem;color:var(--text-secondary)}.badge-section__empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:1rem}.badge-category--speed{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea}.badge-category__title--speed{color:#fff}.badge-category__icon--speed{color:gold}.badge-card--speed{background:linear-gradient(145deg,#fff,#f0f0f0);border:2px solid #667eea;box-shadow:0 4px 15px #667eea33}.badge-card--speed:hover{transform:translateY(-6px);box-shadow:0 12px 30px #667eea66;border-color:gold}.badge-card__icon-wrapper--speed{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.badge-card__icon--speed{color:#fff}.badge-card__name--speed{color:#667eea}.badge-card__criteria--speed{color:#764ba2;font-weight:500}.badge-category--accuracy{background:linear-gradient(135deg,#11998e,#38ef7d);border:2px solid #11998e}.badge-category__title--accuracy{color:#fff}.badge-category__icon--accuracy{color:#ffeb3b}.badge-card--accuracy{background:linear-gradient(145deg,#fff,#f8fff8);border:2px solid #11998e;box-shadow:0 4px 15px #11998e33}.badge-card--accuracy:hover{transform:translateY(-6px);box-shadow:0 12px 30px #11998e66;border-color:#ffeb3b}.badge-card__icon-wrapper--accuracy{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #11998e4d}.badge-card__icon--accuracy{color:#fff}.badge-card__name--accuracy{color:#11998e}.badge-card__criteria--accuracy{color:#38ef7d;font-weight:500}.badge-category--test-count{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid #ff6b6b}.badge-category__title--test-count{color:#fff}.badge-category__icon--test-count{color:gold}.badge-card--test-count{background:linear-gradient(145deg,#fff,#fff5f5);border:2px solid #ff6b6b;box-shadow:0 4px 15px #ff6b6b33}.badge-card--test-count:hover{transform:translateY(-6px);box-shadow:0 12px 30px #ff6b6b66;border-color:gold}.badge-card__icon-wrapper--test-count{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 15px #ff6b6b4d}.badge-card__icon--test-count{color:#fff}.badge-card__name--test-count{color:#ff6b6b}.badge-card__criteria--test-count{color:#ee5a24;font-weight:500}.badge-category--daily-activity{background:linear-gradient(135deg,#f093fb,#f5576c);border:2px solid #f093fb}.badge-category__title--daily-activity{color:#fff}.badge-category__icon--daily-activity{color:gold}.badge-card--daily-activity{background:linear-gradient(145deg,#fff,#fef8ff);border:2px solid #f093fb;box-shadow:0 4px 15px #f093fb33}.badge-card--daily-activity:hover{transform:translateY(-6px);box-shadow:0 12px 30px #f093fb66;border-color:gold}.badge-card__icon-wrapper--daily-activity{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb4d}.badge-card__icon--daily-activity{color:#fff}.badge-card__name--daily-activity{color:#f093fb}.badge-card__criteria--daily-activity{color:#f5576c;font-weight:500}.badge-card:hover .badge-card__icon-wrapper{transform:scale(1.1);transition:transform .3s ease}@keyframes badgeGlow{0%{box-shadow:0 4px 15px #0000001a}50%{box-shadow:0 4px 20px #0003}to{box-shadow:0 4px 15px #0000001a}}.badge-card{animation:badgeGlow 3s ease-in-out infinite}@media (max-width: 768px){.badge-category,.badge-card{padding:1rem}.badge-card__icon-wrapper{width:3rem;height:3rem}}.session-state-container{background-color:var(--background-secondary);border-radius:8px;margin:0;align-items:center}.stats-section{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem}.stats-item{font-weight:500;white-space:nowrap}.session-status{display:flex;align-items:center;justify-content:center;padding:1rem}.status-badge{background-color:var(--accent-color);color:var(--background-secondary);padding:12px 16px;font-weight:600;font-size:14px;white-space:nowrap;text-align:center}.key-progress-section{display:flex;align-items:center;justify-content:center;padding:1rem}.progress-container{display:flex;align-items:center;gap:2rem;width:100%}.progress-label{white-space:nowrap;min-width:70px}.progress-bar-container{flex-grow:1;height:8px;background-color:var(--background-primary);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background-color:var(--accent-color);transition:width .3s ease}.progress-counter{color:var(--accent-color);font-weight:500;white-space:nowrap;min-width:60px;text-align:right}@media (max-width: 768px){.stats-section{gap:1rem;padding:.5rem}.session-status{padding:.5rem}.key-progress-section{flex-direction:column;gap:1rem;padding:.5rem}.progress-container,.progress-bar-container{width:100%}}@media (max-width: 576px){.stats-item{font-size:14px}.status-badge{padding:8px 12px;display:block;width:100%}.progress-label{font-size:14px}}.heatmap-container{transition:all .3s ease}.heatmap-key{transition:all .2s ease;user-select:none}.heatmap-key:hover{transform:scale(1.1);z-index:10}.heatmap-legend{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.heatmap-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.heatmap-legend-color{width:1rem;height:1rem;border-radius:.25rem;border:1px solid #e5e7eb}.heatmap-keyboard{background:#f9fafb;border-radius:.5rem;padding:1rem;overflow-x:auto;border:1px solid #e5e7eb}.heatmap-keyboard-inner{display:inline-block;min-width:max-content}.heatmap-row{display:flex;gap:.25rem;margin-bottom:.25rem}.heatmap-key{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;position:relative}.heatmap-key:hover{transform:scale(1.05);box-shadow:0 4px 6px -1px #0000001a;z-index:5}.heatmap-key.has-data{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.heatmap-key.no-data{color:#6b7280;background:#9ca3af33}.heatmap-summary{display:flex;justify-content:space-between;margin-top:1rem;flex-wrap:wrap;gap:.5rem}.heatmap-summary-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.heatmap-controls{display:flex;gap:.5rem;align-items:center}.heatmap-select{font-size:.875rem;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff}@media (max-width: 768px){.heatmap-key{width:2rem;height:2rem;font-size:.75rem}.heatmap-controls{flex-direction:column;align-items:stretch}.heatmap-summary{flex-direction:column;align-items:center}}@media (max-width: 480px){.heatmap-key{width:1.75rem;height:1.75rem;font-size:.625rem}.heatmap-keyboard{padding:.5rem}.heatmap-legend{gap:.5rem}.heatmap-legend-item{font-size:.75rem}}:root{--background-primary: #15131a;--background-secondary: #112240;--text-primary: #ffffff;--text-secondary: #8892b0;--accent-color: #70c7c4;--danger-color: #ff6b6b;--input-background: #112240;--input-notice: #8892b0;--global-font: "Roboto Mono", monospace}html{transition:background-color .1s ease-out}body{background-color:var(--background-primary);color:var(--text-primary);font-family:var(--global-font);transition:background-color .1s ease-out,color .1s ease-out,font-family .1s ease-out}button,a,input,.themed-element{transition:color .1s ease-out,background-color .1s ease-out,border-color .1s ease-out,font-family .1s ease-out}svg,.svg-element{transition:fill .1s ease-out}:root [data-theme]{--chakra-colors-gray-200: var(--text-secondary);--chakra-colors-gray-600: var(--text-primary);--chakra-colors-blue-500: var(--accent-color)}.themed-input{background-color:var(--input-background);color:var(--text-primary);border:1px solid var(--text-secondary)}.themed-button{background-color:var(--accent-color);color:var(--background-primary)}.themed-danger{color:var(--danger-color)}.themed-notice{color:var(--input-notice)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px;transition:background-color .2s ease}.modal-content{background-color:var(--background-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--text-secondary)!important}.modal-header{border-bottom:1px solid var(--text-secondary)!important}.modal-footer{border-top:1px solid var(--text-secondary)!important}.modal-backdrop{background-color:var(--background-primary)!important}.modal-backdrop.show{opacity:.8!important}.modal input,.modal select,.modal textarea{background-color:var(--input-background)!important;color:var(--text-primary)!important;border:1px solid var(--text-secondary)!important}.modal input::placeholder,.modal select::placeholder,.modal textarea::placeholder{color:var(--input-notice)!important}.modal .btn-close{color:var(--text-primary)!important;opacity:.8}.modal .btn-close:hover{opacity:1}.modal .btn-primary{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important;color:var(--background-primary)!important}.modal .btn-secondary{background-color:var(--text-secondary)!important;border-color:var(--text-secondary)!important;color:var(--background-primary)!important}.modal .btn-danger{background-color:var(--danger-color)!important;border-color:var(--danger-color)!important;color:var(--background-primary)!important}:root{--background-primary: #15131a;--background-secondary: #1f1d21;--text-primary: #ffffff;--text-secondary: #8c8c8c;--accent-color: #71cac7;--danger-color: #e53e3e;--input-background: #1f1d21;--input-notice: #8c8c8c}html,body{height:100%;margin:0}.body{background:var(--background-primary);font-family:var(--global-font);overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.leaderboard-table::-webkit-scrollbar,.dynamic-paglayout::-webkit-scrollbar,.stacs::-webkit-scrollbar{width:8px;height:8px}.leaderboard-table::-webkit-scrollbar-track,.dynamic-paglayout::-webkit-scrollbar-track,.stacs::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px}.leaderboard-table::-webkit-scrollbar-thumb,.dynamic-paglayout::-webkit-scrollbar-thumb,.stacs::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px;transition:background-color .2s ease}.leaderboard-table::-webkit-scrollbar-thumb:hover,.dynamic-paglayout::-webkit-scrollbar-thumb:hover,.stacs::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.header img{width:60%}.header ul{display:flex;list-style:none!important;align-items:center;justify-content:flex-end;gap:35px;padding:0;margin:0}.header li{color:var(--text-primary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:400;line-height:normal;transition:ease .2s}.header li:hover{color:var(--accent-color)}.m-0{margin:0!important}.menu .dropdown .dropdown-menu{display:none;background-color:var(--background-secondary);position:absolute;box-shadow:0 8px 16px #0000001a;top:100%;left:0;list-style:none;min-width:130px;z-index:1000;border-radius:4px;transition:ease .2s}.custom-align{align-items:center!important}.menu .dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{transition:ease .2s;padding:10px 20px;white-space:nowrap}.dropdown-menu li a{color:var(--text-primary);font-size:14px;text-decoration:none;display:block}.dropdown-menu li:hover{color:var(--accent-color);background-color:var(--background-primary)}.lobby-menu.cs-timer{background-color:var(--accent-color);padding:10px;border-radius:8px;display:flex;justify-content:center;align-items:center;.cs-logo{transition:.3s all;opacity:0;width:50%;img{width:100%;object-fit:cover}}}.lobby-menu ul{list-style:none;display:flex;gap:10px;justify-content:space-evenly;align-items:center;margin:0;padding:15px 0}.lobby-menu button{padding:10px;color:var(--text-secondary);font-family:var(--global-font);font-size:15px;font-style:normal;font-weight:400;line-height:normal}.lobby-menu button.active,.lobby-menu li{color:var(--accent-color);font-family:var(--global-font);font-size:15px;font-style:normal;font-weight:400;line-height:normal}.lobby-menu button:hover{color:var(--background-primary);background-color:var(--accent-color);border-radius:5px}.lobby-menu h4{color:var(--accent-color);font-family:var(--global-font);margin-bottom:0;font-size:27px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.lobby-menu h4 span{font-size:20px}.typing-area{border-radius:28px;width:100%;height:200px;overflow-y:auto;position:relative}.typing-area-cursor{border-left:2px solid var(--text-primary);animation:blink 1s infinite;margin-left:2px;display:inline-block}@keyframes blink{0%,to{background-color:var(--text-primary)}50%{background-color:transparent}}.typing-area::-webkit-scrollbar{width:0px}.lobby-area{padding:0 100px}.typing-area{cursor:"text";padding:0 24px}.text-active{color:var(--background-secondary)!important}.text-wrong{color:#ff5b42!important}.text-idle{color:var(--accent-color)!important}.bg-idle{background-color:var(--text-secondary)!important}.underline{text-decoration:underline}.reset i{color:var(--accent-color)!important}.reset span{font-family:var(--global-font);color:var(--accent-color)!important;font-size:18px;font-style:normal;font-weight:300;line-height:normal}.reset{color:var(--accent-color)!important;font-size:19px}.reset{padding:14px 14px 0 0;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:15px}.footer ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0;margin:3px}.footer .custom{justify-content:flex-start;gap:15px}.footer ul a,.footer ul .footer-design{color:var(--text-secondary);font-family:var(--global-font);font-size:11px;font-style:normal;font-weight:400;line-height:normal}.footer ul a:hover{color:var(--accent-color)}.status div{height:100px;width:20%;text-align:center!important}.status div h4{color:var(--accent-color);font-family:var(--global-font);font-size:20px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.status div h1{color:var(--text-primary);text-align:center;font-family:var(--global-font);font-size:35px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.status div h1 span{color:#686772;font-family:var(--global-font);font-size:20px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.status{display:flex;align-items:center;justify-content:flex-start;gap:70px}.profile-layout{border-radius:28px;background:var(--background-secondary);position:relative;padding:30px;gap:30px;display:flex;flex-direction:column}.profile-layout .profile-sec1{display:flex;flex-direction:column;align-items:center}.profile-layout .profile-sec1 img{border-radius:50%;position:absolute;width:100px;height:100px;top:-75px;right:50%;transform:translate(50%)}.profile-upload{opacity:0;position:absolute;inset:-75px 0 0 50%;width:100px;height:100px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:.3s all;transform:translate(-50%)}.profile-layout .profile-upload-main{position:relative;width:100%}.profile-layout .profile-upload-main .profile-upload:hover{position:absolute;inset:-75px 0 0 50%;width:100px;height:100px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;transform:translate(-50%);opacity:.9;backdrop-filter:blur(5px)}.font-active{color:var(--accent-color);text-align:center;font-family:var(--global-font);font-size:27px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin:0}.font-idle{color:var(--text-secondary);font-family:var(--global-font);font-size:15px;font-style:normal;font-weight:400;line-height:normal;margin:0}.mt-12{margin-top:12px}.mt-24{margin-top:24px}.profile-input div:first-child{display:flex;align-items:center;justify-content:space-between}.profile-input{width:100%;display:flex;flex-direction:column;gap:6px}.profile-input label{color:var(--accent-color);font-family:var(--global-font);font-size:15px;font-style:normal;font-weight:400;line-height:normal}.bg-input{background:var(--input-background)!important}.profile-input input{width:100%;background-color:transparent;border-radius:8px;padding:10px 12px;color:var(--text-primary);font-family:var(--global-font);font-size:18px;font-style:normal;font-weight:400;line-height:normal}.profile-input input:focus-visible{border:none!important;box-shadow:none;outline:none}.profile-sec3{display:flex;align-items:center;flex-direction:column;gap:20px}.theme-btn{background:var(--accent-color);border-radius:10px;color:var(--background-primary);font-family:var(--global-font);font-size:22px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;padding:10px 40px;text-align:center}.theme-btn-danger{background:var(--danger-color)!important;color:#fff!important;border-radius:10px;font-family:var(--global-font);font-size:22px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;padding:10px 40px;text-align:center}.add-more-para .theme-btn{background:transparent;border-radius:10px;color:var(--text-secondary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;padding:10px 11px;text-align:center}.add-more-para{display:flex;justify-content:space-between;align-items:center}.add-para-btn{background:var(--accent-color);border-radius:10px;color:var(--background-primary);font-family:var(--global-font);font-size:18px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;padding:10px 15px;text-align:center}.theme-btn-danger.sm{background:var(--danger-color)!important;color:#fff!important;border-radius:10px;font-family:var(--global-font);font-size:18px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;padding:10px 14px;text-align:center}.theme-btn.lg{border-radius:10px;background:var(--accent-color);color:var(--background-primary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;padding:15px 30px;text-align:center}button.google-sign-btn img{width:25px}.auth-input input::placeholder{font-size:16px}.theme-btn.sm{border-radius:10px;background:var(--accent-color);color:var(--background-primary);font-family:var(--global-font);font-size:18px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;padding:10px 14px;text-align:center}.delete-btn{color:#e94235;font-family:var(--global-font);font-size:15px;font-style:normal;font-weight:400;line-height:normal}.width-100{width:100%}.profile-stacs{display:flex;flex-direction:column;gap:20px}.stacs table th,.stacs table td{cursor:default;padding:10px}.stacs table th{color:var(--accent-color);font-family:var(--global-font);font-size:18px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin:0}.stacs table td{color:var(--text-secondary);text-align:center;font-family:var(--global-font);font-size:15px;font-style:normal;font-weight:400;line-height:normal;text-align:left!important;margin:0}.profile-stacs .stacs{padding:20px;border-radius:28px;background:var(--background-secondary);text-align:left;display:flex;align-items:center;justify-content:space-evenly;border:1px solid transparent;transition:.5s all}.profile-stacs>a:hover .stacs.mob{border:1px solid var(--accent-color);box-shadow:0 0 20px -6px var(--accent-color) 57}.profile-stacs .stacs h4{color:var(--accent-color);font-family:var(--global-font);font-size:18px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin:0}.profile-stacs .stacs h2{color:var(--text-primary);font-family:var(--global-font);font-size:36px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;margin:0}.profile-stacs .stacs p{color:var(--text-secondary);text-align:center;font-family:var(--global-font);font-size:15px;font-style:normal;font-weight:400;line-height:normal;text-align:left!important;margin:0}.profile-stacs .stacs div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.footer-layout{display:flex;justify-content:space-between;align-items:center;width:100%}.footer p{color:var(--text-secondary);font-family:var(--global-font);font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-align:left}.footer span{color:var(--accent-color)}.width-80{width:80%}.bg-popup{background-color:var(--background-secondary)!important}.pass-modal .pass-header{display:flex;align-items:center;justify-content:flex-start}.pass-modal .prof-header{display:flex;align-items:center;justify-content:space-between}.pass-modal .pass-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px}.text-left{text-align:left!important}.auth-input .auth{border-radius:10px;background:var(--background-secondary);width:90%;height:55px;flex-shrink:0;outline:none;color:var(--text-primary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding:18px;display:flex;justify-content:space-between;align-items:center}.auth-input .auth input{background-color:transparent;width:90%;height:55px;flex-shrink:0;outline:none;color:var(--text-primary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:400;line-height:normal}.auth-input{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:20px}.width-90{width:90%}.google-sign-btn{display:flex;justify-content:center;align-items:center;gap:10px;padding:15px 20px!important;color:var(--text-primary);border-radius:50px;font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding:2px 20px;border:1px solid var(--accent-color)}.stats-layout{position:fixed;z-index:9999;transform:translateY(-50%);border-radius:30px;inset:50% 0 0;background:var(--background-primary);display:flex;align-items:center;justify-content:center;width:60%;margin:0 auto;padding:50px}.statistics-layout{display:flex;align-items:center;margin-bottom:30px;gap:155px;justify-content:center}.statistics-layout h4{color:var(--accent-color);font-family:var(--global-font);font-size:32px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.statistics-layout h1{color:var(--text-primary);text-align:center;font-family:var(--global-font);font-size:50px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.below-graph{display:flex;justify-content:space-between;align-items:center}.below-graph-btn{display:flex;justify-content:center;gap:30px;align-items:center}.below-graph h4{color:var(--accent-color);font-family:var(--global-font);font-size:20px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.below-graph h1{color:var(--text-primary);text-align:center;font-family:var(--global-font);font-size:35px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.statistics-main{position:fixed;inset:0;background-color:var(--background-primary)}.blur-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer}.overlay-message{display:flex;color:var(--accent-color);text-align:center;font-family:var(--global-font);font-size:36px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin:0;flex-direction:column;justify-content:center;align-items:center;gap:18px}.font-50{font-size:50px!important}.leaderboard-head h1{width:100%;color:var(--accent-color);text-align:center;font-family:var(--global-font);font-size:50px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin:0}.leaderboard-head .filter button{padding:10px;color:var(--text-secondary);font-family:var(--global-font);font-size:15px;font-style:normal;font-weight:400;line-height:normal}.leaderboard-head .filter button.active{padding:10px;color:var(--background-primary);background-color:var(--accent-color);border-radius:10px;font-family:var(--global-font);font-size:15px;font-style:normal;font-weight:400;line-height:normal}.leaderboard-head .filter button:hover{color:var(--background-primary);background-color:var(--accent-color);border-radius:10px}.leaderboard-head{display:flex;justify-content:space-between;align-items:center}.leaderboard-head.admin{display:flex;justify-content:space-between;gap:40px;align-items:center}.leaderboard-head .filter{display:flex;width:100%;align-items:center;justify-content:center;gap:20px}.leaderboard-head .filter .filter-btn{display:flex;border:1px solid var(--accent-color);justify-content:space-evenly;align-items:center;gap:22px;padding:10px;border-radius:10px}.profile{display:flex;align-items:center;gap:12px}.profile img{width:50px;height:50px;border-radius:50%}.leaderboard-table table tbody tr:nth-child(odd){background-color:#ffffff24;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.leaderboard-table table tr:nth-child(2n) td{color:var(--text-primary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;margin:0}.leaderboard-table table th{color:var(--background-secondary);font-family:var(--global-font);font-size:18px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize;background-color:var(--accent-color);margin:0}.leaderboard-table table tr:nth-child(odd) td{color:var(--text-primary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin:0}.leaderboard-table table tbody tr:nth-child(2n) td{background-color:var(--background-secondary)}.leaderboard-table table{cursor:default;width:100%}.leaderboard-table table td,.leaderboard-table table th{padding:20px}.leaderboard-table{border-radius:10px;overflow:hidden;min-height:250px}.swal2-popup{background-color:var(--background-secondary)!important}.swal2-title{color:var(--accent-color)!important}.swal2-html-container{color:var(--text-primary)!important}.swal2-custom-btn{display:inline-block;border:1px solid var(--accent-color);background-color:var(--accent-color);margin-top:30px;border-radius:10px}.swal2-timer-progress-bar{background:var(--accent-color) 78!important}.swal2-confirm{background-color:var(--accent-color)}.p-30{padding:30px!important}.item{padding:5px 12px;background:var(--bg-color);border-radius:4px;color:var(--accent-color);font-weight:600;cursor:pointer;transform:translateY(0);transition:.1s;position:relative;span{position:absolute;bottom:calc(100% + 12px);width:max-content;left:50%;pointer-events:none;transform:translate(-50%);opacity:0;font-weight:400;font-size:16px;background:var(--background-secondary);padding:6px 10px;color:var(--accent-color);border-radius:4px;&:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid var(--background-secondary)}}&:hover,&.active{span{animation:show-tool-tip 10s;animation-delay:.1s}}}@keyframes show-tool-tip{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}.loading{width:54px;height:54px;position:relative;transform:rotate(15deg);transition:all .3s ease}.loading .orange{position:absolute;stroke-width:4;stroke:var(--accent-color);stroke-dasharray:20,180;animation:dash 1s linear infinite}@keyframes dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-200}}.rl-loading-container{display:flex;justify-content:center;align-items:center;padding:10px}.rl-loading-thumb{width:6px;height:30px;background-color:var(--accent-color);margin:4px;box-shadow:0 0 12px 2px #68fffa;animation:rl-loading 1.5s ease-in-out infinite}.rl-loading-thumb-1{animation-delay:0s}.rl-loading-thumb-2{animation-delay:.5s}.rl-loading-thumb-3{animation-delay:1s}@keyframes rl-loading{20%{background:#68fffa;transform:scale(1.3)}40%{background:var(--accent-color);transform:scale(1)}}.show-filter{display:flex;align-items:center;gap:4px;h1 span{font-size:14px;cursor:pointer}}.wrapper-cs{display:flex;justify-content:center;align-items:center;gap:1em;transition:2s ease;cursor:progress}.wrapper-cs:hover{transform:scale(1.2)}.dot-cs{background:#fff;height:.65em;width:.65em;border-radius:50%;animation:move .6s ease infinite}@keyframes move{0%{transform:translate(50%)}50%{transform:translate(-50%)}to{transform:translate(50%)}}.blog-post{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;background-color:var(--background-secondary);padding:20px;border-radius:10px;box-shadow:#ffffff17 1px 1px 20px 5px}.blog-post .blog-img{width:100%}.blog-post .blog-img img{width:100%;height:220px;border-radius:20px}.blog-post .blog-content h1{color:var(--accent-color);font-family:var(--global-font);font-size:24px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin-bottom:16px}.blog-post .blog-content p{color:var(--text-secondary);font-family:var(--global-font);font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0}.blog-content a{color:var(--accent-color)!important;text-decoration:underline}.blog-post a{color:var(--accent-color);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin:0}.blog-layout{display:grid;min-height:400px;grid-template-columns:1fr 1fr 1fr;gap:40px}.blog-header{display:flex;align-items:center;justify-content:space-between}.blog-header h1{width:80%}.blog-header h6{width:20%}.blog-header .heading{color:var(--accent-color);font-family:var(--global-font);font-size:35px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.blog-header .post-time{color:var(--text-secondary);text-align:right;font-family:var(--global-font);font-size:17px;font-style:normal;font-weight:400;line-height:normal}.blog-banner img{width:100%;border-radius:18px;height:500px;object-fit:cover;object-position:top}.blog-content{color:var(--text-primary);font-family:var(--global-font);font-size:20px;font-style:normal;font-weight:400;line-height:38px;text-transform:capitalize}.p-10-15{padding:10px 15px!important}.p-0{padding:0!important}.para-layout{border-radius:28px;padding:30px;display:flex;flex-direction:column;background-color:var(--background-secondary);gap:30px}.para-layout .form{border-radius:28px;gap:30px;display:flex;flex-direction:column}.add-para{border-radius:10px;background:#334a4a;padding:20px;gap:30px;display:flex;flex-direction:column}.add-para .para-writer{width:100%;resize:none;overflow:hidden;min-height:50px;background:#334a4a;flex-shrink:0;outline:none;color:#fff;font-family:var(--global-font);font-size:18px;font-style:normal;font-weight:400;line-height:normal}.para-layout .form .add-para{background:var(--background-secondary);border:1px solid var(--accent-color) b5}.para-layout .form .add-para .para-writer{background:var(--background-secondary)}.add-para .para-btns{display:flex;justify-content:end;gap:10px;align-items:center}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-cs{position:relative;width:80px;aspect-ratio:1;border-radius:100vmin;overflow:hidden;padding:20px}.loader-cs:before{content:"";display:block;padding-top:100%}.circular-cs{width:100%;height:100%;position:absolute;inset:0;margin:auto;transform-origin:center center;animation:2s linear 0s infinite rotate}.path-cs{stroke:#f5f5f5;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:1.5s ease-in-out 0s infinite dash}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;stroke:#e0e1e1}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes rotate{to{transform:rotate(1turn)}}.blog-editor{max-width:800px;margin:auto;padding:20px;background:#fff}.blog-editor .header{text-align:center}.blog-editor .ql-container{height:300px}.blog-editor button{display:block;margin:20px auto;padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.blog-editor button:hover{background-color:#45a049}.blog-form-cs{background-color:transparent;background-color:var(--background-secondary);border-radius:20px;padding:25px;display:flex;flex-direction:column;justify-content:stretch;align-items:start}.blog-form-cs input{background-color:var(--background-secondary);border:1px solid var(--accent-color);border-radius:20px;padding:15px;height:50px;flex-shrink:0;outline:none;color:var(--text-primary);font-family:var(--global-font);font-size:18px;font-style:normal;font-weight:400;line-height:normal}.blog-form-cs .featured-image-layout{border:1px solid var(--accent-color);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.blog-form-cs .featured-image-layout img{width:100%}.blog-form-cs .font-active{font-size:18px!important;margin-bottom:10px}.add-blog-btn{border:3px dashed var(--accent-color);border-radius:20px;padding:20px;color:var(--accent-color);font-family:var(--global-font);font-size:25px;font-style:normal;font-weight:500;line-height:normal}.table-equal{table-layout:fixed}.table-equal td{width:33%}.switcher{gap:20px!important;margin:0!important;padding:0!important}.display-para-sec .add-para{width:95%!important}.display-para-sec{display:flex;align-items:center;gap:10px}.display-para-sec .para-btns{display:flex;flex-direction:column;gap:10px}.display-para-sec .para-btns button{border:1px solid var(--accent-color);border-radius:50%}.blog-main-header{display:flex;justify-content:space-between;align-items:center}.select-container{position:relative;width:25%}.blog-main-header select{width:100%;background-color:var(--background-secondary);border:none;color:var(--text-primary);padding:15px 30px 15px 15px;border-radius:4px;appearance:none}.blog-main-header select:focus{color:var(--text-primary);background-color:var(--background-secondary);border:none;outline:none;box-shadow:none}.arrow{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--accent-color);pointer-events:none;font-size:22px}.p-custom{padding:40px 0!important}.mob-show{display:none!important}.cutom-lobby-head{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-secondary);border-radius:8px;margin-bottom:20px}.action-bar{width:50%;border-radius:8px;background-color:var(--background-secondary);color:var(--accent-color);display:flex;justify-content:space-between;align-items:center;margin:auto auto 20px}.action-bar>.lobby-menu{width:100%;display:flex;align-items:center;justify-content:space-between}.custom-footer-lobby{display:flex;justify-content:flex-end}.profile-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dynamic-paglayout{border-radius:10px;background:var(--background-secondary);padding:20px;overflow-y:scroll;min-height:200px;max-height:550px;color:var(--text-primary)!important}.header-dynamic-page{display:flex;align-items:center;justify-content:space-between}.about-section{color:var(--text-primary);padding:40px 0}.contact-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.contact-div{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.cd-heigth-200{height:200px!important}.contact-section .auth{border-radius:10px;background:var(--background-secondary);width:100%;height:55px;flex-shrink:0;outline:none;color:var(--text-primary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding:18px;display:flex;justify-content:space-between;align-items:center;flex:1}.contact-section .auth-cs{width:100%}.contact-section button{width:50%}.contact-section .auth input{background-color:transparent;height:55px;flex-shrink:0;outline:none;color:var(--text-primary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:400;line-height:normal}.contact-section .auth-cs textarea{background-color:transparent;height:190px;width:100%!important;border-radius:10px;background:var(--background-secondary);width:50%;height:200px;flex-shrink:0;outline:none;color:var(--text-primary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding:18px}.contact-section{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:20px}.about-img img{width:100%;border-radius:10px}.about-section a{font-size:16px!important}.header-dynamic-page h4{font-size:50px!important}.about-main .about-section:nth-child(2n) .row{flex-direction:row-reverse}.caps-alert{position:absolute;background-color:var(--accent-color);border-radius:10px;padding:15px;display:flex;align-items:center;justify-content:center;gap:10px;color:#4bfff9;top:20%;opacity:1;left:50%;transform:translate(-50%);animation:capsblink .5s infinite alternate}@keyframes capsblink{0%{opacity:.8}to{opacity:1}}.text-dec-none{text-decoration:none!important}.cs-notification{position:fixed;bottom:20px;right:20px;display:none;background-color:#333;color:#fff;border-radius:8px;padding:15px;box-shadow:0 4px 8px #0000001a;z-index:9999;max-width:400px;width:100%;animation:slide-in .5s forwards}.cs-notification-show{display:block}.cs-notification-content{display:flex;align-items:center;justify-content:space-between}.cs-notification-text{max-width:250px}.cs-notification-title{font-size:18px;margin:0}.cs-notification-body{font-size:14px;margin:5px 0}.cs-notification-url{font-size:14px;color:#4c90e3;text-decoration:none}.cs-notification-image{width:60px;height:60px;object-fit:cover;border-radius:50%;margin-left:10px}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.badge-icon.cs{font-size:25px!important}.header-profile{display:flex;align-items:center;justify-content:flex-start;gap:5px}.header-profile img{width:30px;border-radius:50%;height:30px;object-fit:cover}.main-input-cs{opacity:0;position:absolute;top:0;left:0;width:100%;font-size:30px;white-space:pre-wrap;overflow:hidden;resize:none;line-height:1.5}.leaderboard-profile-font{margin:0;font-size:18px}.custom-width{width:90%}.typing-overlay{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:100%;height:100%;background:#0000008f;color:var(--text-primary);display:flex;justify-content:center;align-items:center;z-index:10;border-radius:8px;backdrop-filter:blur(35px);text-align:center;font-size:18px;padding:10px;cursor:pointer}.z-10{z-index:10;position:relative}.text-blur{opacity:.5}.paragraph-container{position:relative;white-space:pre-wrap;height:182px}.blog-categories{display:flex;flex-wrap:wrap;gap:8px}.blog-category-pill{display:inline-block;padding:6px 12px;background-color:var(--accent-color);color:var(--background-secondary);border-radius:16px;font-size:14px;font-weight:500;cursor:default;user-select:none;transition:background-color .3s ease}.blog-category-pill:hover{background-color:#ddd}.img-404 img{width:100%}.img-404{display:flex;justify-content:center;flex-direction:column;gap:20px}.custom-alert{background-color:#ffc10729!important;border:1px solid #ffc107;color:#fff}.cs-border{border:1px solid #fff}.cursor{position:absolute;width:2px;height:1.5em;background-color:red;animation:blink .8s infinite}#game{overflow:hidden}#game:focus-visible{border:none!important;box-shadow:none!important;outline:none!important}#words{position:relative;display:flex;cursor:default;font-family:Roboto Mono,Roboto Mono,Vazirmatn,monospace;font-style:normal;font-weight:400;font-size:35px;line-height:40px;letter-spacing:3px;height:182px;gap:30px;color:var(--text-primary);flex:1;flex-wrap:wrap;transition:.3s all}#words .letter{color:var(--text-primary);transition:color .3s ease}#words .letter.correct{color:var(--accent-color)}#words .letter.incorrect{color:#ff5b42}#words .letter.extra{color:var(--danger-color)}#words .word.current .letter{text-decoration:underline;transition:.3s all!important}.tooltip{font-size:14px;line-height:6px;display:flex;align-items:center;gap:8px}.custom-tooltip{position:relative}.custom-tooltip:before{content:"";position:absolute;width:100%;height:100%;inset:0;background:var(--background-secondary);z-index:-1;border:1px solid var(--accent-color);opacity:.9}.skip-underline{text-decoration:underline!important;text-decoration-color:var(--danger-color)!important;transition:.3s all}.radio-options{display:flex;justify-content:space-around;margin-bottom:20px}.radio-box{width:100px;height:100px;border:3px solid var(--accent-color);border-radius:50%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden}.radio-box.selected{border-color:#45a049!important;box-shadow:0 0 10px 4px #45a04957}.radio-content{margin-top:10px;font-size:14px;font-weight:700}.cropper-modal{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:20px;border-radius:8px}.cropper-actions{display:flex;justify-content:space-between;margin-top:10px;width:100%}.cropper-actions button{background-color:#007bff;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.cropper-actions button:nth-child(1){background-color:#ff4d4d}.profile-preview{margin-top:20px;text-align:center}.crop-controls{position:absolute;display:flex;align-items:center;gap:10px;bottom:-45px;right:0}.reactEasyCrop_Container{background:#000;border:1px solid var(--accent-color)}.notice-bar{background-color:#e65900c4;width:100vw;padding:10px;display:grid;align-items:center;justify-content:center;grid-template-columns:auto max-content}.notice-bar .notice-content{display:flex;align-items:center;justify-content:center;gap:8px}.notice-bar .notice{grid-template-columns:auto max-content;display:grid;align-items:center;justify-content:center;gap:8px}.notice-bar .notice-content h3{color:var(--text-primary);font-family:var(--global-font);font-size:18px;font-style:normal;font-weight:700;line-height:normal;margin:0}.notice-bar .notice-content p{color:var(--text-primary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin:0}.notice-bar .button{text-align:end}.position-rel{position:relative}.blinking-cursor{display:inline-block;width:3px;height:40px;border-radius:10px;background-color:var(--accent-color);vertical-align:text-bottom;margin:0}.blinking-cursor.blink{animation:blink 1.5s linear infinite}@keyframes blink{0%,to{background-color:var(--accent-color)}50%{background-color:transparent}}#caret{position:absolute;transition:left .1s ease,top .1s ease}@media screen and (min-width: 1140px){body,html,#root{height:100vh}#root{display:flex;flex-direction:column;justify-content:space-between}}.cs-tooltip{width:300px;border:1px solid var(--accent-color);background-color:var(--background-secondary);position:absolute;padding:10px;transition:opacity .3s ease;border-radius:10px;opacity:0;pointer-events:none;right:-310px;bottom:30%;transform:translateY(30%)}.cs-tooltip.active{opacity:1}.cs-tooltip-container{position:relative}.fs-14{font-size:14px!important}.cs-btn-notice{padding:5px 10px;border-radius:5px;background-color:#fff;color:red;text-decoration:none}.incorrect-word{color:#ff5b42}option{background-color:var(--background-secondary)!important}select.decorated,option:hover{background-color:var(--accent-color)!important}.navbar{background-color:var(--background-primary)}.my-navbar-nav>li>a{color:var(--text-primary);font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:400;line-height:normal;transition:ease .2s}.my-navbar-nav li a:hover,.my-navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--accent-color)}.header-auth-btn{padding:10px 30px;color:var(--text-primary);background-color:var(--accent-color);border-radius:5px;font-family:var(--global-font);font-size:15px;font-style:normal;font-weight:400;line-height:normal}.header-auth-btn:hover{color:var(--accent-color);border:1px solid var(--accent-color);background-color:var(--background-secondary);border-radius:5px}.my-dropdown-menu{background-color:var(--background-secondary)}.my-drop-down-menu,.dropdown-menu{background-color:var(--background-secondary)!important;border-radius:8px!important;border:1px solid var(--accent-color)!important;box-shadow:0 8px 16px #0003;padding:0}.my-drop-down-menu .dropdown-item,.dropdown-menu .dropdown-item{color:var(--text-primary)!important;background:transparent!important;font-family:var(--global-font);font-size:15px;transition:background .2s,color .2s}.my-drop-down-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:hover,.my-drop-down-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:focus{color:var(--accent-color)!important}.navbar-toggler{background:none!important;border:none!important;box-shadow:none!important;padding:8px 10px;outline:none!important;display:flex;align-items:center;justify-content:center}.navbar-toggler:focus{outline:none!important;box-shadow:none!important}.navbar-toggler-icon{background-image:none!important;width:28px;height:3px;background-color:var(--accent-color)!important;border-radius:2px;position:relative;transition:background .2s;display:block}.navbar-toggler-icon:before,.navbar-toggler-icon:after{content:"";display:block;width:28px;height:3px;background-color:var(--accent-color);border-radius:2px;position:absolute;left:0;transition:.2s}.navbar-toggler-icon:before{top:-9px}.navbar-toggler-icon:after{top:9px}.chakra-popover__popper{z-index:9999!important}.chakra-popover__content{z-index:9999!important;position:relative!important}.chakra-popover__content-wrapper,.chakra-popover__arrow{z-index:9999!important}.chakra-popover__trigger{position:relative;z-index:1}.my-stats-box{background:var(--background-secondary);padding:15px;height:120px;width:150px;display:flex;align-items:center;flex-direction:column;justify-content:center;border-radius:5px}.my-stats-box>h4{font-size:20px;color:var(--accent-color)}.my-stats-box>h1{font-size:35px}.practice-keyboard{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:8px;align-items:center}.practice-keyboard-key{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;font-size:16px;transition:all .2s ease;cursor:default;user-select:none;font-family:var(--global-font)}.practice-stats-container{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:16px;margin-bottom:24px}.practice-stats{padding:20px;border:1px solid var(--accent-color);border-radius:8px;box-shadow:0 1px 3px #0000001a;text-align:center;min-width:150px}.practice-stats-number{font-size:2rem;font-weight:700;margin:8px 0;color:var(--accent-color);font-family:var(--global-font)}.practice-stats-label{font-size:.875rem;color:var(--text-primary);font-weight:500;font-family:var(--global-font)}.practice-stats-footer{font-size:.75rem;color:var(--text-primary);font-family:var(--global-font)}.practice-progress-container{border-radius:8px;box-shadow:0 1px 3px #0000001a;font-family:var(--global-font)}.practice-progress-container>h3{font-size:1.125rem;font-weight:600;margin-bottom:16px;color:var(--accent-color);font-family:var(--global-font)}.practice-progress-bar{width:100%;height:12px;background-color:#e5e7eb;border-radius:6px;overflow:hidden;font-family:var(--global-font)}.practice-progress-bar>div{height:100%;background-color:var(--accent-color);transition:width .3s ease}.practice-typing-container{position:relative;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;flex-shrink:0}.overlay{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:18px;padding:10px;cursor:pointer;z-index:10;border-radius:8px;backdrop-filter:blur(35px);background:#0000008f;color:var(--text-primary)}.practice-typing-area{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-break:normal;overflow-wrap:break-word;font-size:2rem;line-height:1.8;font-family:var(--global-font)}.practice-typing-area:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,transparent,var(--bg-primary));pointer-events:none}.text-idle-v2{color:var(--background-secondary)!important}.practice-action-bar{margin-top:20px;width:15%}@media screen and (max-width: 767px){::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.p-custom{padding:20px!important}.blog-banner img{height:250px}.header ul{gap:10px}.header li{font-size:12px}.logo-svg{width:180px!important;height:auto!important}.desk-show{display:none!important}.mob-show{display:block!important}.menu-slider{position:fixed;padding:30px 0;top:0;left:-100%;width:75%;max-width:300px;height:100vh;background-color:var(--background-secondary);color:#fff;transition:left .3s ease;z-index:999}.menu-slider.open{left:0}.menu-toggle{color:var(--accent-color)!important;border:none;padding:10px 20px;cursor:pointer;z-index:1000;position:relative}.menu ul{list-style:none;padding:0;margin:20px 0}.menu li{padding:15px}.menu a{color:var(--text-primary)!important;text-decoration:none}.menu a:hover{text-decoration:underline}.header img{width:60%}.custom-header{display:flex;align-items:center;justify-content:space-between}.lobby-area{padding:0 8px}.custom-align{align-items:flex-start!important}.cutom-lobby-head{flex-direction:column;align-items:flex-start;align-items:center}.typing-area{height:158px}.typing-area{border-radius:15px}.reset{padding:15px 14px 20px}.reset span{font-size:14px}.status{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.status div h4{font-size:16px;text-align:center}.status div h1{font-size:30px}.footer ul a{font-size:8px}.width-80{width:100%}.custom-footer-lobby{padding-bottom:15px}.leaderboard-head{flex-direction:column;align-items:flex-start;gap:15px}.leaderboard-head .filter{flex-direction:column}.leaderboard-head h1{font-size:35px}.profile img{width:40px;height:40px;object-fit:cover}::-webkit-scrollbar{height:8px}.leaderboard-table{overflow-x:scroll}.footer-layout{flex-direction:column-reverse}.footer-layout div{width:100%}.footer ul{justify-content:center;gap:6px}.footer p{text-align:center;margin-top:12px}.statistics-layout h4{text-align:center}.statistics-layout h4{font-size:24px}.statistics-layout h1{font-size:40px}.below-graph{display:grid;grid-template-columns:1fr 1fr}.below-graph h1{font-size:30px}.below-graph h4{text-align:center}.statistics-layout{flex-direction:column;align-items:center;gap:35px;display:grid;grid-template-columns:1fr 1fr}.auth-input{align-items:center}.font-active{text-align:center!important;margin-bottom:40px}.gap-40{gap:40px!important}.google-sign-btn{gap:8px;padding:14px!important;font-size:15px;border:1px solid #71cac7}.auth-input{gap:18px}.theme-btn.lg{font-size:18px;padding:12px 20px;width:50%}.font-idle{font-size:12px}.m-0{margin:0!important}.blog-layout{grid-template-columns:1fr}.blog-header .post-time{font-size:14px}.blog-header{flex-direction:column}.blog-header h1,.blog-header h6{width:100%}.profile-stacs .stacs div{display:grid;align-items:center;grid-template-columns:2fr 1fr;width:100%}.profile-stacs .stacs h2{text-align:center;font-size:28px}.profile-stacs .stacs{flex-direction:column}.profile-stacs .stacs.mob{flex-direction:row!important}.profile-stacs .stacs h4{font-size:16px}.profile-stacs{padding:20px 0}.profile-mob-design{display:grid;grid-template-columns:1fr!important}.status div{height:100px;width:100%;text-align:center!important}.stacs table td{font-size:12px}.stacs table th{font-size:14px}.header-dynamic-page h4{font-size:40px!important}.about-main .about-section .row{flex-direction:column-reverse!important;gap:20px}.header-dynamic-page{flex-direction:column;align-items:flex-start}.header-dynamic-page h4{margin-bottom:8px!important}.about-section a{font-size:12px!important}.leaderboard-table table th{font-size:14px}.leaderboard-table table tr:nth-child(odd) td{font-size:12px}.badge-icon.cs{font-size:20px!important}.footer .custom{justify-content:center}.main-input-cs{top:0}.leaderboard-profile-font{font-size:14px}.custom-width{width:100%}.contact-div{flex-direction:column;gap:20px}.contact-section .auth input{height:25px}.custom-font{font-size:12px}.blog-category-pill{padding:5px 10px;font-size:12px;word-wrap:normal}.typing-overlay{width:100%;height:100%}.about-section{padding:25px 0}.align-me{display:flex;align-items:center;justify-content:center}#words{font-size:25px;gap:25px;line-height:30px;height:164px}.paragraph-container{height:140px}.notice-bar .notice-content{align-items:start;flex-direction:column}.notice-bar .notice-content h3{font-size:12px}.notice-bar .notice-content p{font-size:10px}.blinking-cursor{height:28px}.cs-tooltip{width:250px;right:50%;bottom:-100%;transform:translate(68%,69%)}.fs-14{font-size:12px!important}.cs-btn-notice{font-size:12px!important;padding:4px 8px}.navbar-collapse{background-color:var(--background-secondary);text-align:center;padding:30px 0}.practice-keyboard-key{height:30px;width:30px;font-size:14px}}@media screen and (max-width: 992px){.action-bar{margin-top:40px;justify-content:center;width:100%}.practice-action-bar{width:100%}}
