@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&family=Noto+Sans+Devanagari:wght@400;500;700&family=Noto+Sans+Gurmukhi:wght@400;500;700&family=Noto+Nastaliq+Urdu:wght@400;700&display=swap";.header[data-astro-cid-3ef6ksr2]{background-color:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.header-container[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;height:4.5rem}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.75rem}.logo[data-astro-cid-3ef6ksr2] img[data-astro-cid-3ef6ksr2]{height:2.5rem;width:2.5rem;object-fit:contain;border-radius:.5rem}.logo-text[data-astro-cid-3ef6ksr2]{font-size:1.35rem;font-weight:800;background:var(--theme-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.5rem}.nav-link[data-astro-cid-3ef6ksr2]{font-weight:600;color:var(--text-muted);font-size:.95rem;padding:.5rem .85rem;border-radius:.5rem;display:inline-flex;align-items:center;gap:.35rem;transition:var(--transition);border:none;background:none;cursor:pointer}.nav-link[data-astro-cid-3ef6ksr2]:hover,.nav-link[data-astro-cid-3ef6ksr2].active{color:var(--primary-hover);background-color:var(--primary-light)}.nav-dropdown[data-astro-cid-3ef6ksr2]{position:relative}.dropdown-toggle[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:.25rem}.dropdown-arrow[data-astro-cid-3ef6ksr2]{transition:transform .2s ease;color:var(--text-light)}.nav-dropdown[data-astro-cid-3ef6ksr2]:hover .dropdown-arrow[data-astro-cid-3ef6ksr2]{transform:rotate(180deg);color:var(--primary-hover)}.dropdown-menu[data-astro-cid-3ef6ksr2]{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background-color:var(--card-bg);border:1px solid var(--border);border-radius:1rem;min-width:250px;padding:.5rem;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:1010}.nav-dropdown[data-astro-cid-3ef6ksr2]:hover .dropdown-menu[data-astro-cid-3ef6ksr2]{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.dropdown-item[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;padding:.65rem .85rem;border-radius:.5rem;transition:var(--transition);border-left:2px solid transparent}.dropdown-item[data-astro-cid-3ef6ksr2]:hover{background-color:var(--primary-light);border-left-color:var(--primary)}.dropdown-item[data-astro-cid-3ef6ksr2].active{background-color:var(--primary-light);border-left-color:var(--primary-hover)}.item-title[data-astro-cid-3ef6ksr2]{font-size:.9rem;font-weight:700;color:var(--text-main)}.item-desc[data-astro-cid-3ef6ksr2]{font-size:.75rem;color:var(--text-light);margin-top:.15rem}.nav-cta[data-astro-cid-3ef6ksr2]{background:var(--theme-gradient);color:#fff;font-weight:700;font-size:.9rem;padding:.5rem 1rem;border-radius:.75rem;display:inline-flex;align-items:center;gap:.4rem;transition:var(--transition);box-shadow:0 4px 10px #2563eb33}.nav-cta[data-astro-cid-3ef6ksr2]:hover{transform:translateY(-1px);box-shadow:0 6px 14px #2563eb59}.nav-cta[data-astro-cid-3ef6ksr2].active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary)}.mobile-menu-btn[data-astro-cid-3ef6ksr2]{display:none;color:var(--text-main);padding:.5rem;border-radius:.5rem;transition:var(--transition)}.mobile-menu-btn[data-astro-cid-3ef6ksr2]:hover{background-color:var(--primary-light)}.theme-toggle-btn[data-astro-cid-3ef6ksr2]:hover{background-color:var(--primary-light)!important;border-color:var(--primary)!important}.github-nav-link[data-astro-cid-3ef6ksr2]:hover{background-color:var(--primary-light)!important;border-color:var(--primary)!important;color:var(--primary-hover)!important}@media (max-width: 992px){.mobile-menu-btn[data-astro-cid-3ef6ksr2]{display:block}.nav[data-astro-cid-3ef6ksr2]{display:none;flex-direction:column;position:absolute;top:4.5rem;left:0;right:0;background-color:var(--card-bg);border-bottom:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-lg);gap:1rem;align-items:stretch;z-index:999}.nav[data-astro-cid-3ef6ksr2].show-mobile{display:flex;animation:slideDown .25s cubic-bezier(.16,1,.3,1) forwards}.dropdown-menu[data-astro-cid-3ef6ksr2]{position:static;transform:none!important;opacity:1;pointer-events:auto;box-shadow:none;border:none;border-left:2px solid #e2e8f0;border-radius:0;margin-left:1rem;padding:0 0 0 .5rem;display:none}.nav-dropdown[data-astro-cid-3ef6ksr2].mobile-expanded .dropdown-menu[data-astro-cid-3ef6ksr2]{display:block}.nav-link[data-astro-cid-3ef6ksr2]{width:100%;justify-content:space-between}.nav-cta[data-astro-cid-3ef6ksr2]{justify-content:center;margin-top:.5rem}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #eff6ff;--secondary: #10b981;--secondary-hover: #059669;--danger: #ef4444;--danger-light: #fee2e2;--background: #ffffff;--card-bg: #ffffff;--text-main: #0f172a;--text-muted: #475569;--text-light: #94a3b8;--border: #e2e8f0;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Geist Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .03);--transition: all .2s cubic-bezier(.16, 1, .3, 1);--easy-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--medium-gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--hard-gradient: linear-gradient(135deg, #f43f5e 0%, #be123c 100%);--nightmare-gradient: linear-gradient(135deg, #a855f7 0%, #6b21a8 100%);--hell-gradient: linear-gradient(135deg, #f97316 0%, #b91c1c 100%);--theme-gradient: linear-gradient(135deg, #2563eb 0%, #10b981 100%);--header-bg: rgba(255, 255, 255, .85);--focus-overlay-bg: rgba(255, 255, 255, .95);--kbd-panel-bg: #f8fafc;--kbd-key-bg: #ffffff;--kbd-key-border: #e2e8f0;--kbd-bg: #e2e8f0}html[data-theme=dark]{--primary: #3b82f6;--primary-hover: #60a5fa;--primary-light: rgba(37, 99, 235, .12);--danger-light: rgba(239, 68, 68, .15);--background: #030712;--card-bg: #090d16;--text-main: #f8fafc;--text-muted: #94a3b8;--text-light: #475569;--border: #1e293b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .5);--theme-gradient: linear-gradient(135deg, #3b82f6 0%, #10b981 100%);--header-bg: rgba(3, 7, 18, .85);--focus-overlay-bg: rgba(3, 7, 18, .95);--kbd-panel-bg: #070a12;--kbd-key-bg: #0f172a;--kbd-key-border: #1e293b;--kbd-bg: #1e293b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--text-main);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}kbd{background-color:var(--kbd-bg)!important;color:var(--text-main)!important;border:1px solid var(--border)!important;padding:.15rem .35rem;border-radius:.25rem;font-family:monospace;font-size:.9em}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.header{background-color:#ffffffd9;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.header-container{display:flex;align-items:center;justify-content:space-between;height:4.5rem}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-hover);display:flex;align-items:center;gap:.5rem}.nav{display:flex;gap:1rem}.nav-link{font-weight:600;color:var(--text-muted);transition:var(--transition);padding:.5rem .875rem;border-radius:.5rem;font-size:.95rem}.nav-link:hover,.nav-link.active{color:var(--primary-hover);background-color:var(--primary-light)}.mobile-menu-btn{display:none;color:var(--text-main);font-size:1.5rem}.footer{background-color:var(--card-bg);border-top:1px solid var(--border);padding:4.5rem 0 3rem;margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;margin-bottom:3rem}.footer-brand h3{font-size:1.35rem;font-weight:700;color:var(--primary-hover);margin-bottom:1rem}.footer-brand p{color:var(--text-muted);max-width:440px;font-size:.95rem;line-height:1.6}.footer-links h4{font-size:1rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-main)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--text-muted);transition:var(--transition);font-size:.95rem}.footer-links a:hover{color:var(--primary-hover)}.footer-bottom{border-top:1px solid var(--border);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--text-light);font-size:.875rem}.hero{padding:6.5rem 0 5.5rem;text-align:center;background:radial-gradient(circle at 50% 0%,var(--primary-light) 0%,transparent 60%)}.hero h1{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text-main);margin-bottom:1.5rem;background:var(--theme-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.35rem;color:var(--text-muted);max-width:760px;margin:0 auto 3rem;line-height:1.6}.hero-buttons{display:flex;gap:1.25rem;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;padding:.875rem 1.75rem;border-radius:.75rem;transition:var(--transition);gap:.5rem;box-shadow:var(--shadow-sm)}.btn-primary{background:var(--theme-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb66}.btn-outline{border:1px solid var(--border);background-color:var(--card-bg);color:var(--text-main)}.btn-outline:hover{background-color:var(--primary-light);border-color:var(--primary);transform:translateY(-1px)}.section-title{font-size:2.25rem;font-weight:800;text-align:center;margin-bottom:3.5rem;letter-spacing:-.02em}.grid-languages{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-bottom:5rem}.lang-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:1.25rem;padding:2.5rem;box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;flex-direction:column;height:100%}.lang-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-hover)}.lang-badge{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--primary-hover);background-color:var(--primary-light);padding:.35rem .75rem;border-radius:9999px;align-self:flex-start;margin-bottom:1.25rem}.lang-card h3{font-size:1.65rem;font-weight:800;margin-bottom:.75rem}.lang-card p{color:var(--text-muted);font-size:.975rem;margin-bottom:2rem;flex-grow:1;line-height:1.6}.lang-card-footer{margin-top:auto}.features-section{padding:5.5rem 0;background-color:var(--card-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3.5rem}.feature-item{text-align:center}.feature-icon{width:4rem;height:4rem;background-color:var(--primary-light);color:var(--primary-hover);display:inline-flex;align-items:center;justify-content:center;border-radius:1.25rem;font-size:1.75rem;margin-bottom:1.5rem}.feature-item h3{font-size:1.35rem;font-weight:700;margin-bottom:.75rem;color:var(--text-main)}.feature-item p{color:var(--text-muted);font-size:.975rem;line-height:1.6}.faq-section{max-width:800px;margin:0 auto 5rem}.faq-item{background-color:var(--card-bg);border:1px solid var(--border);border-radius:1rem;margin-bottom:1.25rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.faq-question{width:100%;padding:1.5rem;font-weight:700;text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:1.15rem;color:var(--text-main)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(0,1,0,1);padding:0 1.5rem;color:var(--text-muted);font-size:1rem;line-height:1.6}.faq-item.active{border-color:var(--primary)}.faq-item.active .faq-answer{max-height:1000px;padding:0 1.5rem 1.5rem;transition:max-height .5s ease-in-out}.faq-icon{font-size:1.5rem;transition:transform .2s ease;color:var(--text-light)}.faq-item.active .faq-icon{transform:rotate(180deg);color:var(--primary)}.lang-hi{font-family:"Noto Sans Devanagari",var(--font-sans)}.lang-pa{font-family:"Noto Sans Gurmukhi",var(--font-sans)}.lang-ur{font-family:"Noto Nastaliq Urdu","Noto Sans Arabic",var(--font-sans);line-height:2.3!important}.level-badge-easy{background:var(--easy-gradient);color:#fff}.level-badge-medium{background:var(--medium-gradient);color:#fff}.level-badge-hard{background:var(--hard-gradient);color:#fff}.level-badge-nightmare{background:var(--nightmare-gradient);color:#fff}.level-badge-hell{background:var(--hell-gradient);color:#fff}.typing-box{background-color:var(--card-bg);border:1px solid var(--border);border-radius:2rem;padding:3rem;box-shadow:var(--shadow-lg);margin-bottom:2rem;position:relative;overflow:hidden;transition:transform .1s ease}.typing-box.shake{animation:shakeBox .25s ease-in-out}@keyframes shakeBox{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.typing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.timer-options{display:flex;gap:.5rem;background-color:var(--primary-light);padding:.35rem;border-radius:.75rem;border:1px solid var(--border)}.timer-btn{padding:.5rem 1.25rem;font-size:.9rem;font-weight:700;color:var(--text-muted);border-radius:.5rem;transition:var(--transition)}.timer-btn.active{background-color:var(--card-bg);color:var(--primary-hover);box-shadow:var(--shadow-sm)}.live-stats{display:flex;gap:2.5rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.stat-value{font-size:2rem;font-weight:800;color:var(--primary-hover)}.game-progress-wrapper{margin-bottom:2rem}.game-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.game-level-label{display:flex;align-items:center;gap:.5rem}.game-level-number{padding:.2rem .6rem;border-radius:.5rem;font-size:.85rem;font-weight:800}.game-progress-bar-bg{height:.5rem;background-color:var(--border);border-radius:9999px;overflow:hidden;position:relative}.game-progress-bar-fill{height:100%;background:var(--theme-gradient);width:0%;border-radius:9999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.text-display-container{position:relative;margin-bottom:2.5rem}.text-display{font-size:1.65rem;line-height:1.8;color:var(--text-light);user-select:none;min-height:120px;max-height:280px;overflow-y:auto;padding:.5rem 0;transition:var(--transition);text-align:left}.text-display.rtl-display{text-align:right;direction:rtl}.word{display:inline-block;white-space:nowrap;margin-right:.45em;padding:0 .1em;border-bottom:2px solid transparent;transition:var(--transition);vertical-align:middle}.text-display.rtl-display .word{margin-right:0;margin-left:.45em}.word.current-word{background-color:#2563eb14;border-radius:.35rem}.char{color:var(--text-light);border-bottom:2px solid transparent;transition:color .1s ease;display:inline}.char.correct{color:var(--secondary)}.char.incorrect{color:var(--danger);background-color:var(--danger-light);border-radius:.15rem}.char.active{border-bottom:3px solid var(--primary);animation:caretBlink .8s infinite alternate}@keyframes caretBlink{0%,to{border-color:var(--primary)}50%{border-color:transparent}}.hidden-textarea{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:10;cursor:default;resize:none}.typing-instructions{color:var(--text-muted);font-size:.9rem;text-align:center;margin-top:1rem}.focus-overlay{position:absolute;inset:0;background-color:var(--focus-overlay-bg);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20;opacity:0;pointer-events:none;transition:opacity .25s ease;border-radius:2rem}.focus-overlay.show{opacity:1;pointer-events:auto}.focus-overlay-content{text-align:center}.focus-overlay-content p{font-size:1.35rem;font-weight:700;color:var(--text-main);margin-bottom:1.25rem}.result-card{background:var(--card-bg);border:1px solid var(--border);border-radius:2rem;padding:3.5rem;box-shadow:var(--shadow-lg);max-width:650px;margin:2rem auto;text-align:center}.result-badge{font-size:1.1rem;font-weight:800;background-color:var(--primary-light);color:var(--primary-hover);padding:.6rem 1.5rem;border-radius:9999px;display:inline-block;margin-bottom:2rem}.result-card h2{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.result-performance{font-size:1.35rem;font-weight:700;color:var(--text-muted);margin-bottom:2.5rem}.result-performance span{color:var(--primary-hover);font-weight:800}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.result-stat-box{background-color:var(--primary-light);border:1px solid var(--border);border-radius:1rem;padding:1.5rem}.result-stat-label{font-size:.9rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:.35rem;letter-spacing:.05em}.result-stat-value{font-size:2.5rem;font-weight:800;color:var(--text-main)}.result-stat-value span{font-size:1.15rem;font-weight:600;color:var(--text-muted)}.info-note{display:flex;align-items:flex-start;gap:1rem;background-color:var(--primary-light);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;color:var(--text-main)}.info-note svg{flex-shrink:0;color:var(--primary-hover);width:1.75rem;height:1.75rem}.info-note p{font-size:1rem;line-height:1.5}.mute-toggle-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;border:1px solid var(--border);background-color:var(--card-bg);transition:var(--transition);color:var(--text-muted)}.mute-toggle-btn:hover{background-color:var(--primary-light);color:var(--primary-hover)}#confetti-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}@media (max-width: 768px){.hero h1{font-size:2.5rem}.nav{display:none}.nav.show-mobile{display:flex;flex-direction:column;position:absolute;top:4.5rem;left:0;right:0;background-color:var(--card-bg);border-bottom:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow);gap:1rem}.mobile-menu-btn{display:block}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.typing-box{padding:2rem 1.5rem}.stats-grid{grid-template-columns:1fr}}.lang-en{font-family:var(--font-mono)!important}.typing-box,.result-card,.keyboard-helper-container,.progress-banner-card{background-color:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease}html[data-theme=dark] .typing-box,html[data-theme=dark] .result-card,html[data-theme=dark] .keyboard-helper-container,html[data-theme=dark] .progress-banner-card{background-color:#090d16b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.typing-box:hover,.result-card:hover,.keyboard-helper-container:hover{border-color:var(--primary);box-shadow:0 0 30px #0000000d}html[data-theme=dark] .typing-box:hover,html[data-theme=dark] .result-card:hover,html[data-theme=dark] .keyboard-helper-container:hover{box-shadow:0 0 40px #ffffff08}.typing-test-container.edge-top{position:fixed;top:4.5rem;left:0;right:0;width:100vw;z-index:800;background-color:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid var(--border);padding:1rem 2rem;margin:0;box-shadow:var(--shadow-lg);animation:slideDownEdge .4s cubic-bezier(.16,1,.3,1) forwards}.typing-test-container.edge-bottom{position:fixed;bottom:0;left:0;right:0;width:100vw;z-index:800;background-color:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:2px solid var(--border);padding:1rem 2rem;margin:0;box-shadow:var(--shadow-lg);animation:slideUpEdge .4s cubic-bezier(.16,1,.3,1) forwards}.typing-test-container.edge-left{position:fixed;left:0;top:4.5rem;bottom:0;width:440px;z-index:800;background-color:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:2px solid var(--border);padding:1.5rem;margin:0;box-shadow:var(--shadow-lg);overflow-y:auto;animation:slideLeftEdge .4s cubic-bezier(.16,1,.3,1) forwards}.typing-test-container.edge-right{position:fixed;right:0;top:4.5rem;bottom:0;width:440px;z-index:800;background-color:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:2px solid var(--border);padding:1.5rem;margin:0;box-shadow:var(--shadow-lg);overflow-y:auto;animation:slideRightEdge .4s cubic-bezier(.16,1,.3,1) forwards}.typing-test-container.edge-top .typing-box,.typing-test-container.edge-bottom .typing-box,.typing-test-container.edge-left .typing-box,.typing-test-container.edge-right .typing-box{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;margin:0!important;max-width:100%!important}.typing-test-container.edge-top #keyboard-helper-root,.typing-test-container.edge-bottom #keyboard-helper-root,.typing-test-container.edge-left #keyboard-helper-root,.typing-test-container.edge-right #keyboard-helper-root{display:none!important}@keyframes slideDownEdge{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUpEdge{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideLeftEdge{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideRightEdge{0%{transform:translate(100%)}to{transform:translate(0)}}.toolbar-container{display:flex;align-items:center;justify-content:space-between;background-color:var(--primary-light);border:1px solid var(--border);padding:.5rem 1rem;border-radius:1rem;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.edge-selectors{display:flex;align-items:center;gap:.35rem}.edge-btn{padding:.4rem .75rem;font-size:.8rem;font-weight:700;border-radius:.5rem;border:1px solid transparent;color:var(--text-muted);transition:var(--transition);cursor:pointer;background:transparent;display:inline-flex;align-items:center;gap:.25rem}.edge-btn:hover{background-color:var(--border);color:var(--text-main)}.edge-btn.active{background-color:var(--primary);color:var(--background);border-color:var(--primary)}.opacity-slider-wrapper{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;color:var(--text-muted)}.opacity-slider{width:90px;height:4px;background:var(--border);border-radius:9999px;outline:none;cursor:pointer;accent-color:var(--primary)}.custom-import-container{background-color:var(--primary-light);border:1px dashed var(--border);border-radius:1.25rem;padding:2rem;margin-bottom:2rem;text-align:center;transition:var(--transition);position:relative}.custom-import-container:hover,.custom-import-container.drag-over{border-color:var(--primary);background-color:var(--border)}.custom-import-title{font-size:1.25rem;font-weight:800;margin-bottom:.5rem;color:var(--text-main)}.custom-import-desc{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.custom-textarea{width:100%;height:120px;background-color:var(--card-bg);border:1px solid var(--border);border-radius:.75rem;padding:.85rem;font-family:var(--font-mono);font-size:.9rem;color:var(--text-main);resize:vertical;outline:none;transition:var(--transition)}.custom-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0000000d}.file-upload-btn-label{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border);background-color:var(--card-bg);color:var(--text-main);font-size:.85rem;font-weight:700;cursor:pointer;margin-top:1rem;transition:var(--transition)}.file-upload-btn-label:hover{background-color:var(--primary-light);border-color:var(--primary)}.telemetry-chart-container{margin:2.5rem 0 1.5rem;background-color:#fafafa;border:1px solid var(--border);border-radius:1.25rem;padding:1.5rem}html[data-theme=dark] .telemetry-chart-container{background-color:#0c0c0c}.telemetry-chart-title{font-size:.9rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;margin-bottom:1.5rem;text-align:left;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}.chart-legends{display:flex;gap:1rem;text-transform:none;font-size:.8rem;font-weight:600}.legend-item{display:flex;align-items:center;gap:.25rem}.legend-dot{width:8px;height:8px;border-radius:9999px}.legend-dot.wpm{background-color:#0070f3}.legend-dot.acc{background-color:#10b981}.chart-svg{width:100%;height:200px;overflow:visible}.chart-gridline{stroke:var(--border);stroke-width:1;stroke-dasharray:4,4}.chart-axis-lbl{font-size:10px;font-weight:600;fill:var(--text-light)}.chart-path-wpm{stroke:#0070f3;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-area-wpm{fill:url(#wpm-gradient);opacity:.15}.chart-path-acc{stroke:#10b981;stroke-width:2;stroke-dasharray:4,4;fill:none}