:root{--sunset-bg:#fed7aa;--sunset-panel:#fdba74;--sunset-text:#7c2c128a;--sunset-text-secondary:#9a3412;--sunset-accent:#c58c6d;--sunset-accent-light:#f97316;--sunset-border:#fb923c;--sunset-correct:#117536da;--sunset-incorrect:#dc2626a8;--sunset-current:#ea580c33;--forest-bg:#c1f2d2;--forest-panel:#bbf7d0;--forest-text:#16653493;--forest-text-secondary:#15803d;--forest-accent:#5ead7b;--forest-accent-light:#22c55e;--forest-border:#86efac;--forest-correct:#1c7e5fd8;--forest-incorrect:#dc2626ad;--forest-current:#16a34a33;--ocean-bg:#e6f7fb;--ocean-panel:#d9f0f7;--ocean-text:#0b3d4d8e;--ocean-text-secondary:#0b3c4db3;--ocean-accent:#0284c7;--ocean-accent-light:#38bdf8;--ocean-border:#0284c7;--ocean-correct:#0285c7d0;--ocean-incorrect:#dc26269f;--ocean-current:#0284c726;--light-bg:#f8fafc;--light-panel:#fff;--light-text:#1e293b52;--light-text-secondary:#64748b;--light-accent:#6c6db2;--light-accent-light:#818cf8;--light-border:#e2e8f0;--light-correct:#1f163581;--light-incorrect:#dc2626a1;--light-current:#6366f133;--midnight-bg:#1c1f26;--midnight-panel:#2b2f3a;--midnight-text:#d1d5db75;--midnight-text-secondary:#9ca3af;--midnight-accent:#6366f1;--midnight-accent-light:#818cf8;--midnight-border:#3f3f46;--midnight-correct:#10b981d0;--midnight-incorrect:#ef4444a2;--midnight-current:#6366f126}.sunset-theme{--bg:var(--sunset-bg);--panel-bg:var(--sunset-panel);--text:var(--sunset-text);--text-secondary:var(--sunset-text-secondary);--accent:var(--sunset-accent);--accent-light:var(--sunset-accent-light);--border-color:var(--sunset-border);--correct:var(--sunset-correct);--incorrect:var(--sunset-incorrect);--current:var(--sunset-current)}.forest-theme{--bg:var(--forest-bg);--panel-bg:var(--forest-panel);--text:var(--forest-text);--text-secondary:var(--forest-text-secondary);--accent:var(--forest-accent);--accent-light:var(--forest-accent-light);--border-color:var(--forest-border);--correct:var(--forest-correct);--incorrect:var(--forest-incorrect);--current:var(--forest-current)}.ocean-theme{--bg:var(--ocean-bg);--panel-bg:var(--ocean-panel);--text:var(--ocean-text);--text-secondary:var(--ocean-text-secondary);--accent:var(--ocean-accent);--accent-light:var(--ocean-accent-light);--border-color:var(--ocean-border);--correct:var(--ocean-correct);--incorrect:var(--ocean-incorrect);--current:var(--ocean-current)}.light-theme{--bg:var(--light-bg);--panel-bg:var(--light-panel);--text:var(--light-text);--text-secondary:var(--light-text-secondary);--accent:var(--light-accent);--accent-light:var(--light-accent-light);--border-color:var(--light-border);--correct:var(--light-correct);--incorrect:var(--light-incorrect);--current:var(--light-current)}.midnight-theme{--bg:#1e1f24;--panel-bg:#2e2e33b9;--text:#d7dadf85;--text-secondary:#b2bac7;--accent:#237bff;--accent-light:#3c8cff;--border-color:#3c3f45;--correct:#d7dadfd2;--incorrect:#ff4a4acc;--current:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);font-family:Fira Code,Consolas,Monaco,monospace;font-size:20px;height:100vh;line-height:1.6;overflow-x:hidden;width:100vw}.ninjatype-app{background-color:var(--bg);color:var(--text);min-height:100vh;transition:all .3s ease}.title{background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem;font-weight:800;margin-bottom:5px;text-shadow:0 2px 10px #0003}.subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:300;margin-bottom:20px}.header-actions{gap:15px;justify-content:center;margin-bottom:10px}.header-btn{background:hsla(0,0%,87%,.627);border:1px solid var(--border-color);color:var(--text);font-family:inherit;gap:8px;padding:12px 20px}.header-btn:hover{box-shadow:0 5px 15px #0000001a}.header-btn.active,.header-btn:hover{background:var(--accent)}.history-panel,.settings-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 40px #0000004d;left:50%;max-height:80vh;max-width:500px;opacity:0;overflow-y:auto;padding:5px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);transition:all .3s ease;width:90%;z-index:1001}.history-panel.show,.settings-panel.show{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.panel-header h3{color:var(--accent);font-size:1.5rem;margin:0}.results-panel .close-btn{align-items:center;background:var(--bg-primary);border:none;border-radius:50%;color:var(--text);cursor:pointer;display:flex;font-size:2.3rem;height:36px;justify-content:center;left:3%;position:-webkit-sticky;position:sticky;top:2%;transition:all .3s ease;width:36px}.panel-content{display:flex;flex-direction:column;gap:20px}.settings-group{margin-bottom:25px}.settings-group h4{border-bottom:1px solid var(--border-color);color:var(--accent);margin-bottom:15px;padding-bottom:8px}.setting-group{gap:8px;margin-bottom:15px}.setting-group label{color:var(--text-secondary);font-weight:600}.setting-group option{background:var(--bg);color:var(--text);font-size:.9rem;font-weight:600}.setting-group select:focus{border-color:var(--accent);outline:none}.setting-group.checkbox{align-items:center;flex-direction:row;gap:10px}.setting-group.checkbox label{cursor:pointer;margin-bottom:0}.setting-group.checkbox input[type=checkbox]{accent-color:var(--accent);height:17px;margin-right:8px;width:17px}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{padding:15px;transition:all .3s ease}.history-stats{gap:20px;margin-bottom:10px}.history-wpm{color:var(--accent);font-size:1.2rem}.history-accuracy{color:var(--text)}.history-meta{color:var(--text-secondary)}.history-difficulty{text-transform:capitalize}.no-history{color:var(--text-secondary);font-style:italic;padding:30px;text-align:center}.inline-mode{word-wrap:break-word;white-space:pre-wrap}.line-by-line-mode{white-space:normal}.text-line{margin-bottom:12px;min-height:1.6em;position:relative}.stats-container{background:var(--bg);border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-around;margin:0 auto;max-width:900px;padding:20px}.stat{min-width:100px;padding:10px;text-align:center;transition:transform .3s ease}.stat-label{color:var(--text-secondary);display:block;font-size:1.3rem;font-weight:600;margin-bottom:8px}.stat-value{color:var(--accent);display:block;font-size:2rem;text-shadow:0 2px 5px #0000001a}.results-header{margin-bottom:15px;text-align:center}.results-header h2{color:var(--text-primary);font-size:2.2rem;margin-bottom:6px}.results-header p{color:var(--text-secondary);font-size:1.1rem}.performance-metrics{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:20px}.main-metric{background:#7d6e6e1c;background:var(--bg-primary,#7d6e6e1c);border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:6px 10px;text-align:center}.metric-value{color:var(--accent);font-size:2.8rem;font-weight:700;margin-bottom:5px}.metric-label{color:var(--text-secondary);font-size:1rem;margin-bottom:6px}.metric-comparison{color:var(--text-primary);font-size:.9rem;font-weight:500}.detailed-stats{margin-bottom:30px}.detailed-stats h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.3rem;margin-bottom:15px;padding-bottom:8px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:10px;margin-top:10px}.stat-item{align-items:center;background:#7d6e6e1c;background:var(--bg-primary,#7d6e6e1c);border-radius:12px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;justify-content:center;padding:10px 6px}.stat-label{color:var(--text);font-size:18px;margin-bottom:6px;text-align:center}.stat-value{color:var(--text-secondary);font-size:22px;font-weight:700}.time{color:var(--accent);font-size:40px;font-weight:700;left:6%;margin:0;position:relative}.results-actions{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:1.15rem;font-weight:600;margin-top:5px;padding:13px 24px;transition:all .2s ease}.action-btn.primary{background:var(--bg);border:1px solid var(--border-color);color:var(--text-on-accent)}.action-btn.primary:hover{background:var(--accent);background:var(--accent-hover,var(--accent));transform:scale(.95)}.action-btn.secondary{background:#ffffff0b;background:var(--bg-secondary,#ffffff0b);border:1px solid var(--border-color);color:var(--text-primary)}.action-btn.secondary:hover{background:var(--bg-primary);transform:scale(.95)}.action-btn.tertiary{background:#5e66d338;background:var(--accent,#5e66d338);border:1px solid var(--border-color);color:var(--text-on-accent)}.action-btn.tertiary:hover{color:var(--text-primary);transform:scale(.95)}.app-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;box-shadow:0 4px 16px #00000026;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.2rem 2rem;transition:background .3s ease}.app-header .title{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:800}.app-header .subtitle{color:#888;color:var(--text-secondary,#888);font-size:.9rem}.header-actions{display:flex;gap:1rem;justify-items:start}.header-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;color:inherit;cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;padding:.6rem 1.2rem;transition:all .3s ease}.header-btn:hover{background:#fff3;box-shadow:0 5px 15px #0003}.header-btn.active{background:#ff6b6b33;border-color:#ff6b6b99}.history-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e1e80;background:var(--bg,#1e1e1e80);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0006;color:#ffffff6a;color:var(--text,#ffffff6a);left:50%;max-height:80vh;opacity:0;overflow-y:auto;padding:1.5rem;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);transition:all .3s ease;width:min(90%,500px);z-index:2000}.history-panel.show{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.history-panel .panel-header{align-items:center;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.6rem}.history-panel .panel-header h3{color:#4ecdc4;color:var(--accent,#4ecdc4);font-size:1.3rem}.history-panel .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:1.4rem;height:36px;justify-content:center;transition:.3s;width:36px}.history-panel .close-btn:hover{background:#fff3;transform:rotate(90deg)}.history-item{background:#ffffff0d;border-radius:12px;margin-bottom:.8rem;padding:1rem;transition:.3s}.history-item:hover{background:#ffffff1a;transform:translateY(-3px)}.history-stats{display:flex;justify-content:space-between;margin-bottom:.5rem}.history-wpm{color:#4ecdc4;color:var(--accent,#4ecdc4);font-weight:700}.history-accuracy{color:#ff6b6b;font-weight:600}.history-meta{color:#aaa;display:flex;font-size:.85rem;justify-content:space-between}.settings-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e1e80;background:var(--bg,#1e1e1e80);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0006;color:#fffffff7;color:var(--text,#fffffff7);left:50%;max-height:85vh;opacity:0;overflow-y:auto;padding:1.8rem;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);transition:all .3s ease;width:min(90%,600px);z-index:2000}.settings-panel.show{color:var(--accent);opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.settings-panel .panel-header{align-items:center;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.6rem}.settings-panel .panel-header h3{color:#4ecdc4;color:var(--accent,#4ecdc4);font-size:1.3rem}.settings-panel .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:1.4rem;height:36px;justify-content:center;transition:.3s;width:36px}.settings-panel .close-btn:hover{background:#fff3;transform:rotate(90deg)}.settings-group h4{color:#4ecdc4;color:var(--accent,#4ecdc4);font-size:1rem;margin-bottom:.6rem}.setting-group{display:flex;flex-direction:column;margin-bottom:.8rem}.setting-group label{color:#aaa;font-size:.9rem;margin-bottom:.3rem}.setting-group select:focus{border-color:#4ecdc4;border-color:var(--accent,#4ecdc4);box-shadow:0 0 0 2px #4ecdc44d}.quick-controls{display:flex;justify-content:center}.quick-controls .setting-group{align-items:center;display:flex;gap:.5rem}.header-logo{margin:8px 8px -10px}@keyframes blink{50%{opacity:0}}.bottom-actions{margin-top:20px;text-align:center}.restart-btn{background:#3e44484e;background:var(--accent-color,#3e44484e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.4rem;padding:10px 20px;transition:.3s}.restart-btn:hover{opacity:.9}.detailed-results{background:var(--bg-color);margin:0 auto;max-width:2000px;min-height:100vh;padding:15px}.detailed-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;margin-bottom:30px;padding-bottom:20px}.back-button{align-self:flex-start;background:var(--accent-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:15px;padding:10px 15px}.back-button:hover{background:var(--accent-hover)}.test-info{color:var(--text-secondary);display:flex;font-size:14px;gap:15px;margin-top:10px}.results-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:var(--card-bg);border-radius:10px;box-shadow:var(--shadow);padding:20px;text-align:center}.summary-card h3{color:var(--accent-color);font-size:2.5rem;margin:0 0 10px}.summary-card p{color:var(--text-secondary);margin:0}.analysis-sections{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.analysis-section{background:var(--card-bg);border-radius:10px;box-shadow:var(--shadow);padding:20px}.analysis-section.full-width{grid-column:1/-1}.analysis-section h3{border-bottom:1px solid var(--border-color);color:var(--accent-color);margin-top:0;padding-bottom:10px}.char-accuracy{display:flex;flex-direction:column;gap:10px}.char-item{align-items:center;display:flex;gap:10px}.char{font-weight:700;min-width:30px;text-align:center}.char-progress{background:var(--border-color);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.char-progress-bar{background:var(--accent-color);height:100%;transition:width .3s ease}.char-stats{font-size:14px;min-width:40px;text-align:right}.mistake-analysis{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr}.mistake-chart{gap:10px;height:200px}.chart-bar,.mistake-chart{align-items:end;display:flex}.chart-bar{border-radius:5px 5px 0 0;color:#fff;flex:1 1;font-size:12px;font-weight:700;justify-content:center;padding:5px;transition:height .3s ease}.chart-bar.correct{background:var(--success-color)}.chart-bar.incorrect{background:none}.mistake-details{display:flex;flex-direction:column;justify-content:center}.mistake-details ul{margin:10px 0;padding-left:20px}.text-comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.original-text,.typed-text{background:var(--bg-secondary);border-radius:5px;padding:15px}.text-block{line-height:1.6;margin-top:10px;white-space:pre-wrap}.text-block span.correct{color:var(--success-color)}.text-block span.incorrect{color:none;text-decoration:underline}.performance-chart{text-align:center}.chart-container{height:150px;margin:20px 0;position:relative}.wpm-chart{border-bottom:2px solid var(--border-color);border-left:2px solid var(--border-color);height:100px;position:relative}.chart-line{background:linear-gradient(90deg,var(--accent-color) 0,#0000 100%);bottom:30%;height:2px;left:10%;position:absolute;right:10%}.chart-point{background:var(--accent-color);border-radius:50%;height:12px;position:absolute;transform:translate(-50%,50%);width:12px}.chart-point:after{content:"";font-size:12px;left:50%;position:absolute;top:-20px;transform:translateX(-50%)}.chart-labels{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-top:10px}.improvement-tips{display:flex;flex-direction:column;gap:15px}.tip{background:var(--bg-secondary);border-left:4px solid var(--accent-color);border-radius:8px;padding:15px}.tip h4{color:var(--accent-color);margin:0 0 8px}.tip p{font-size:14px;margin:0}.words-container{flex-wrap:wrap;margin:0 auto;max-width:100%}.word{margin-bottom:4px;transition:all .2s ease}.paragraph-counter{color:#888;font-size:16px;font-weight:500;margin-bottom:15px;text-align:center}.typing-container{background:var(--bg);border-radius:16px;padding:25px 0}.text-display{-webkit-box-orient:vertical;background:#0000;border-radius:12px;display:-webkit-box;font-size:41px;line-height:1.3;margin:0 0 1%;min-height:240px;overflow:hidden;padding:15px 0;position:relative;text-overflow:ellipsis;transition:all .3s ease}.words-container{display:inline;line-height:1.6}.word{font-size:108%;font-weight:550;margin-bottom:2px}.correct{color:var(--correct)}.incorrect{background:none;color:var(--incorrect);text-decoration:underline}.cursor{background-color:var(--accent);height:1.3em;position:absolute;width:4.5px;z-index:10}.cursor.smooth{transition:all .16s}.skipped{color:#888;text-decoration:line-through}.controls{display:flex;gap:15px;justify-content:center}.control-btn{background:var(--bg-secondary);border:none;border-radius:8px;border-top:1px solid var(--text);color:var(--bg-primary);font-family:inherit;font-size:1.5rem;font-weight:900;margin:40px 0 20px;padding:12px 20px;transition:all .3s ease}.control-btn:hover{background:var(--card-bg);color:#fff}.control-btn.primary:hover{background:var(--text-secondary)}.control-btn:disabled{cursor:not-allowed;opacity:.5}option{color:var(--text);font-size:.9rem;font-weight:600}option,select{background:var(--bg)}select{border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-family:inherit;font-size:1.3rem;padding:10px 5px;text-align:center;transition:all .3s ease;width:auto}.footer{align-items:center;background:var(--bg);bottom:30px;color:var(--text);display:flex;flex-direction:column;font-size:20px;justify-content:space-between;left:20px;letter-spacing:2px;margin-top:2%;padding:12px 20px;position:absolute}.footer-links{display:flex;font-size:26px;gap:16px}.footer-links a{align-items:center;color:var(--text-secondary);display:flex;gap:4px;text-decoration:none;transition:color .25s ease}.footer-links a:hover{color:var(--accent)}.hidden-input{display:none}.ninjatype-app{position:relative;z-index:1}.word{display:inline-block;position:relative}.hidden-input{bottom:0;height:50px;left:0;opacity:1;position:fixed;width:100%;z-index:10}.words-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;position:relative;text-align:center}.text-line{display:block;margin-bottom:10px;min-height:1.3em}@media (max-width:1250px){.ninjatype-app:after{align-items:center;color:#ddd;content:"'-'Please Open from Desktop Screen'-'";display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;text-align:center;top:0;width:100%;z-index:9999}.ninjatype-app .app-header,.ninjatype-app .controls,.ninjatype-app .footer,.ninjatype-app .hint-keys,.ninjatype-app .history-panel,.ninjatype-app .results-panel,.ninjatype-app .settings-panel,.ninjatype-app .typing-container{display:none!important}}@media (min-width:1250px) and (max-width:1650px){.text-display{font-size:175%}}.results-overlay{align-items:center;animation:fadeIn .3s ease-out forwards;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:rgba(0,0,0,.017);display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:5px;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.results-panel{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards;background:var(--bg);border-radius:20px;max-height:95vh;max-width:600px;padding:1rem;position:relative;transform:translateY(30px) scale(.95);width:100%}@keyframes slideUp{to{opacity:1;transform:translateY(0) scale(1)}}.close-btn{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:none;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.404);color:#d1d1d1;cursor:pointer;display:flex;font-size:1.7rem;height:45px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:45px}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.theme-changer-container{bottom:20px;position:fixed;right:20px;z-index:1000}.theme-changer-btn{align-items:center;background:var(--accent-color);border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.theme-changer-btn:hover{box-shadow:0 6px 16px #0000004d;transform:scale(1.1)}.theme-options{background:var(--panel-bg);border-radius:12px;bottom:60px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:10px;position:absolute;right:0}.theme-option{background:#0000;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;padding:8px 12px;text-align:left;transition:all .2s ease}.theme-option:hover{background:var(--hover-color)}.theme-option.active{background:var(--accent-color);color:#fff}@media (max-width:768px){.theme-changer-container{bottom:70px;right:15px}.theme-options{bottom:50px;right:0}}.fixed-area{background:#0000;left:50%;position:fixed;top:40%;transform:translate(-50%,-40%);width:100%;z-index:500}.reload-btn{background:#ffffff21;background:var(--card-bg,#ffffff21);border:none;border-radius:8px;box-shadow:0 2px 5px #0003;color:var(--text-secondary);cursor:pointer;left:50%;padding:8px 12px;position:relative;text-align:center;transform:translate(-50%);transition:background .3s ease;width:100px}.reload-btn:hover{background:#5e40a550;background:var(--card-bg,#5e40a550)}.reload-btn .icon{height:22px;width:22px}.fixed-reload{left:50%;position:relative;transform:translate(-50%);width:100px}.hint-keys{left:50%;position:fixed;top:80%;transform:translate(-50%,-80%)}*{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}
/*# sourceMappingURL=main.917c9ede.css.map*/