.typing-game[data-v-21772048]{max-height:100vh;margin:20px;position:relative;display:flex}.game-main[data-v-21772048]{flex:1;margin-right:var(--sidebar-width,280px);display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:0 20px 0 0}.game-display[data-v-21772048]{padding:30px;border-radius:20px;margin-bottom:30px;background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 35px rgba(0,0,0,.08),0 5px 15px rgba(0,0,0,.04);border:2px solid rgba(25,118,210,.1)}.game-display.correct[data-v-21772048]{background:#e8f5e9;box-shadow:0 0 15px rgba(76,175,80,.3);animation:correctFlash-data-v-21772048 .15s ease}.game-display.wrong[data-v-21772048]{background:#ffebee;border:2px solid #f44336;box-shadow:0 0 15px rgba(244,67,54,.3);animation:wrongFlash-data-v-21772048 .15s ease}@keyframes correctFlash-data-v-21772048{0%{background:#fff}50%{background:#e8f5e9}to{background:#fff}}@keyframes wrongFlash-data-v-21772048{0%{background:#fff}50%{background:#ffebee}to{background:#fff}}.target-letters[data-v-21772048]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 0 20px 0;padding:20px;background:rgba(0,0,0,.02);border-radius:20px}.target-letters span[data-v-21772048]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:24px;font-weight:600;color:#2c3e50;transition:all .15s ease;position:relative}.target-letters span.current[data-v-21772048]{background:#2196f3;color:#fff;border-color:#1976d2;transform:scale(1.1);box-shadow:0 8px 15px rgba(33,150,243,.3);z-index:2;animation:currentPulse-data-v-21772048 1s infinite}@keyframes currentPulse-data-v-21772048{0%{transform:scale(1.1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}.target-letters span.current[data-v-21772048]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:6px;height:6px;background:#2196f3;border-radius:50%;animation:pulse-data-v-21772048 1s infinite}.target-letters span.completed[data-v-21772048]{background:#e8f5e9;color:#4caf50;border-color:#4caf50;transform:scale(.95);opacity:.8;transition:all .1s ease}.target-letters span.error-marked[data-v-21772048]{background:#ffebee;color:#f44336;border-color:#f44336;transform:scale(.95);opacity:.8;text-decoration:line-through;transition:all .1s ease}.target-letters span.upcoming[data-v-21772048]{background:#f5f5f5;color:#9e9e9e;border-color:#e0e0e0;transform:scale(.9);opacity:.6}.target-letters span.space[data-v-21772048]{width:80px;background:#f5f5f5;border-style:dashed;font-size:16px}.target-letters span.space.current[data-v-21772048]{background:#2196f3;border-style:solid;color:#fff}.target-letters span.space.completed[data-v-21772048]{background:#e8f5e9;border-style:solid;border-color:#4caf50;color:#4caf50}.target-letters span.error[data-v-21772048]{background:#ffebee;color:#f44336;border-color:#f44336;animation:shake-data-v-21772048 .3s cubic-bezier(.36,.07,.19,.97) both}.error-feedback[data-v-21772048]{justify-content:center;gap:10px;color:#f44336;background:#ffebee;padding:10px 15px;border-radius:8px;margin-top:10px;animation:fadeIn-data-v-21772048 .2s ease}.error-icon[data-v-21772048]{font-size:20px;animation:pulse-data-v-21772048 .5s infinite}.progress-container[data-v-21772048]{background:#fff;padding:20px;border-radius:15px}.progress[data-v-21772048]{height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden;position:relative}.progress-bar[data-v-21772048]{height:100%;background:linear-gradient(90deg,#2196f3,#4caf50);border-radius:5px;transition:width .3s ease;position:relative;overflow:hidden}.progress-glow[data-v-21772048]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);animation:progressGlow-data-v-21772048 2s linear infinite}.progress-text[data-v-21772048]{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:14px;color:#666}.progress-value[data-v-21772048]{font-weight:700;color:#2196f3}.practice-keyboard[data-v-21772048]{background:#2c3e50;padding:20px;border-radius:12px;margin:25px auto;width:fit-content;transform:none;box-shadow:0 4px 15px rgba(0,0,0,.2);border:1px solid #1e2b38}.practice-row[data-v-21772048]{display:flex;gap:5px;margin-bottom:5px;position:relative}.practice-row[data-v-21772048]:nth-child(2){padding-left:12px}.practice-row[data-v-21772048]:nth-child(3){padding-left:18px}.practice-row[data-v-21772048]:nth-child(4){padding-left:25px}.practice-key[data-v-21772048]{width:40px;height:40px;background:#34495e;color:#fff;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 3px 0 #1e2b38;transition:all .15s ease;position:relative;overflow:hidden}.practice-key[data-v-21772048]:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,0));border-radius:5px 5px 0 0}.practice-key.active[data-v-21772048]{background:#2196f3;transform:translateY(3px);box-shadow:0 0 0 #1e2b38}.backspace-key[data-v-21772048]{width:70px}.tab-key[data-v-21772048]{width:60px}.backslash-key[data-v-21772048]{width:50px}.caps-key[data-v-21772048]{width:70px}.enter-key[data-v-21772048]{width:75px}.shift-key-right[data-v-21772048],.shift-key[data-v-21772048]{width:90px}.alt-key[data-v-21772048],.ctrl-key[data-v-21772048],.menu-key[data-v-21772048],.win-key[data-v-21772048]{width:50px}.space-key[data-v-21772048]{width:250px;font-size:14px}.typing-guide[data-v-21772048]{margin-top:20px;padding:30px;border-radius:20px;background:#fff}.guide-keyboard[data-v-21772048]{background:#263238;padding:30px;border-radius:15px;position:relative;margin:0 auto;max-width:800px}.guide-row[data-v-21772048]{display:flex;justify-content:center;gap:5px;margin:5px 0;position:relative}.top-row[data-v-21772048]{padding-left:0}.home-row[data-v-21772048]{padding-left:20px}.bottom-row[data-v-21772048]{padding-left:40px}.guide-key[data-v-21772048]{width:50px;height:50px;background:#37474f;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;transition:all .2s ease;position:relative;margin:3px;box-shadow:0 4px 0 #1e272c;user-select:none}.guide-key.active[data-v-21772048]{background:#2196f3;transform:translateY(4px);box-shadow:0 0 0 #1e272c;animation:keyGlow-data-v-21772048 .5s ease}@keyframes keyGlow-data-v-21772048{0%{box-shadow:0 0 0 #1e272c,0 0 0 rgba(33,150,243,0)}50%{box-shadow:0 0 0 #1e272c,0 0 20px rgba(33,150,243,.8)}to{box-shadow:0 0 0 #1e272c,0 0 0 rgba(33,150,243,0)}}.guide-key.error-key[data-v-21772048]{background:#f44336;transform:translateY(4px);box-shadow:0 0 0 #1e272c;animation:shake-data-v-21772048 .3s cubic-bezier(.36,.07,.19,.97) both,errorGlow-data-v-21772048 .5s ease}@keyframes errorGlow-data-v-21772048{0%{box-shadow:0 0 0 #1e272c,0 0 0 rgba(244,67,54,0)}50%{box-shadow:0 0 0 #1e272c,0 0 20px rgba(244,67,54,.8)}to{box-shadow:0 0 0 #1e272c,0 0 0 rgba(244,67,54,0)}}.guide-key.hidden[data-v-21772048]{visibility:hidden;opacity:.2}.guide-key.space-key[data-v-21772048]{width:250px;height:40px;background:#455a64;font-size:16px;margin-top:10px}.guide-key.space-key.active[data-v-21772048]{background:#2196f3;transform:translateY(4px);box-shadow:0 0 0 #1e272c}.home-row .guide-key[data-finger=LF][data-v-21772048]{border-left:3px solid #ff9800}.home-row .guide-key[data-finger=RF][data-v-21772048]{border-right:3px solid #ff9800}@keyframes progressGlow-data-v-21772048{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.game-sidebar[data-v-21772048]{--sidebar-width:220px;position:fixed;right:0;top:50%;transform:translateY(-50%);width:var(--sidebar-width);background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(240,249,255,.9));border-radius:20px 0 0 20px;box-shadow:-5px 0 15px rgba(0,0,0,.05),-2px 0 5px rgba(33,150,243,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;z-index:100;border-left:2px solid hsla(0,0%,100%,.8);padding-right:5px}.game-sidebar[data-v-21772048]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 10% 10%,rgba(33,150,243,.05) 0,transparent 60%),radial-gradient(circle at 90% 90%,rgba(76,175,80,.05) 0,transparent 60%);z-index:-1;opacity:.6;animation:bgShift-data-v-21772048 15s ease-in-out infinite alternate}@keyframes bgShift-data-v-21772048{0%{transform:rotate(0deg)}to{transform:rotate(5deg)}}.game-sidebar.collapsed[data-v-21772048]{width:30px;background:hsla(0,0%,100%,.95);height:100vh;top:0;transform:translateY(0);border-radius:0;box-shadow:-2px 0 8px rgba(0,0,0,.1)}.collapse-toggle[data-v-21772048]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:30px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(90deg,rgba(33,150,243,.2),rgba(33,150,243,.1));border-radius:0 8px 8px 0;transition:all .3s ease;z-index:101;box-shadow:2px 0 5px rgba(0,0,0,.05)}.collapse-toggle[data-v-21772048]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,hsla(0,0%,100%,.2),transparent);border-radius:0 8px 8px 0;opacity:.5}.collapse-toggle[data-v-21772048]:hover{background:linear-gradient(90deg,rgba(33,150,243,.3),rgba(33,150,243,.2));width:35px}.toggle-icon[data-v-21772048]{font-size:14px;color:#2196f3;transition:all .3s ease;text-shadow:0 0 3px hsla(0,0%,100%,.8);z-index:2}.collapse-toggle:hover .toggle-icon[data-v-21772048]{transform:scale(1.2)}.collapsed .toggle-icon[data-v-21772048]{transform:rotate(180deg)}.stats-container[data-v-21772048]{padding:20px 15px 15px 35px;opacity:1;transform:translateX(0);transition:all .3s ease}.collapsed .stats-container[data-v-21772048]{opacity:0;transform:translateX(100%)}.sidebar-header[data-v-21772048]{text-align:center;padding-bottom:15px;position:relative}.sidebar-header h1[data-v-21772048]{font-size:22px;background:linear-gradient(45deg,#2196f3,#03a9f4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-weight:700;letter-spacing:.5px;position:relative;display:inline-block}.sidebar-header h1[data-v-21772048]:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(90deg,#2196f3,#03a9f4);border-radius:3px}.divider[data-v-21772048]{height:2px;background:linear-gradient(90deg,transparent,rgba(33,150,243,.5),transparent);margin:15px 0;opacity:.5;position:relative;overflow:hidden}.divider[data-v-21772048]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);animation:shimmer-data-v-21772048 2s infinite}@keyframes shimmer-data-v-21772048{0%{transform:translateX(0)}to{transform:translateX(200%)}}.stats-container[data-v-21772048]{display:flex;flex-direction:column;gap:15px}.stat-box[data-v-21772048]{position:relative;padding:12px 15px;border-radius:15px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;display:flex;align-items:center;gap:12px;background:hsla(0,0%,100%,.7);box-shadow:0 3px 10px rgba(0,0,0,.03),0 1px 3px rgba(0,0,0,.02),inset 0 1px 1px hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.7)}.stat-box[data-v-21772048]:hover{transform:translateX(-8px) translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.05),0 3px 5px rgba(0,0,0,.03),inset 0 1px 1px hsla(0,0%,100%,.9)}.stat-box[data-v-21772048]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.4));opacity:0;transition:opacity .3s}.stat-box[data-v-21772048]:hover:before{opacity:1}.stat-box.score[data-v-21772048]{background:linear-gradient(135deg,hsla(0,0%,100%,.7),rgba(230,255,230,.7));border-left:3px solid rgba(76,175,80,.7)}.stat-box.accuracy[data-v-21772048]{background:linear-gradient(135deg,hsla(0,0%,100%,.7),rgba(230,240,255,.7));border-left:3px solid rgba(33,150,243,.7)}.stat-box.speed[data-v-21772048]{background:linear-gradient(135deg,hsla(0,0%,100%,.7),rgba(255,240,230,.7));border-left:3px solid rgba(255,152,0,.7)}.stat-icon[data-v-21772048]{width:40px;height:40px;font-size:20px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.9);box-shadow:0 3px 8px rgba(0,0,0,.05),inset 0 -2px 0 rgba(0,0,0,.05);position:relative;overflow:hidden;animation:iconFloat-data-v-21772048 3s ease-in-out infinite}@keyframes iconFloat-data-v-21772048{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.score .stat-icon[data-v-21772048]{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.accuracy .stat-icon[data-v-21772048]{background:linear-gradient(135deg,#2196f3,#03a9f4);color:#fff}.speed .stat-icon[data-v-21772048]{background:linear-gradient(135deg,#ff9800,#ffc107);color:#fff}.stat-icon[data-v-21772048]:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:hsla(0,0%,100%,.2);border-radius:12px 12px 0 0}.stat-content[data-v-21772048]{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-content .stat-value[data-v-21772048]{font-size:26px;font-weight:700;white-space:nowrap;text-align:center;margin-bottom:2px;background:linear-gradient(45deg,#333,#555);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;letter-spacing:.5px;position:relative}.score .stat-value[data-v-21772048]{background:linear-gradient(45deg,#2e7d32,#43a047);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.accuracy .stat-value[data-v-21772048]{background:linear-gradient(45deg,#1565c0,#1976d2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.speed .stat-value[data-v-21772048]{background:linear-gradient(45deg,#e65100,#f57c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-content .stat-label[data-v-21772048]{font-size:12px;text-transform:uppercase;letter-spacing:.8px;opacity:.8;text-align:center;font-weight:500;color:#666}.stat-content .stat-label[data-v-21772048]:before{display:none}.stat-label[data-v-21772048]:before{top:-4px}.exit-button[data-v-21772048]{width:100%;padding:12px;background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 10px rgba(255,82,82,.2),inset 0 -2px 0 rgba(0,0,0,.1);margin-top:5px}.exit-button[data-v-21772048]:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:hsla(0,0%,100%,.2);border-radius:12px 12px 0 0}.exit-button[data-v-21772048]:hover{background:linear-gradient(135deg,#ff1744,#d50000);transform:translateY(-3px);box-shadow:0 6px 15px rgba(255,82,82,.3),inset 0 -2px 0 rgba(0,0,0,.2)}.exit-button[data-v-21772048]:active{transform:translateY(0);box-shadow:0 2px 5px rgba(255,82,82,.2),inset 0 1px 2px rgba(0,0,0,.2)}.button-icon[data-v-21772048]{font-size:16px;position:relative;z-index:2}@media (prefers-color-scheme:dark){.game-sidebar[data-v-21772048]{background:linear-gradient(135deg,rgba(44,62,80,.9),rgba(25,42,60,.95));border-left:2px solid hsla(0,0%,100%,.1)}.game-sidebar[data-v-21772048]:before{background:radial-gradient(circle at 10% 10%,rgba(33,150,243,.1) 0,transparent 60%),radial-gradient(circle at 90% 90%,rgba(76,175,80,.1) 0,transparent 60%)}.game-sidebar.collapsed[data-v-21772048]{background:rgba(25,42,60,.95)}.collapse-toggle[data-v-21772048]{background:linear-gradient(90deg,rgba(33,150,243,.3),rgba(33,150,243,.2))}.collapse-toggle[data-v-21772048]:hover{background:linear-gradient(90deg,rgba(33,150,243,.4),rgba(33,150,243,.3))}.sidebar-header h1[data-v-21772048]{background:linear-gradient(45deg,#64b5f6,#42a5f5);-webkit-background-clip:text;background-clip:text}.divider[data-v-21772048]{background:linear-gradient(90deg,transparent,rgba(33,150,243,.3),transparent)}.stat-box[data-v-21772048]{background:rgba(44,62,80,.7);box-shadow:0 3px 10px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1),inset 0 1px 1px hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.05)}.stat-box.score[data-v-21772048]{background:linear-gradient(135deg,rgba(44,62,80,.7),rgba(38,60,38,.7))}.stat-box.accuracy[data-v-21772048]{background:linear-gradient(135deg,rgba(44,62,80,.7),rgba(38,50,60,.7))}.stat-box.speed[data-v-21772048]{background:linear-gradient(135deg,rgba(44,62,80,.7),rgba(60,50,38,.7))}.stat-icon[data-v-21772048]{background:rgba(25,42,60,.9);box-shadow:0 3px 8px rgba(0,0,0,.1),inset 0 -2px 0 rgba(0,0,0,.1)}.stat-content .stat-value[data-v-21772048]{background:linear-gradient(45deg,#b0bec5,#90a4ae);-webkit-background-clip:text;background-clip:text}.score .stat-value[data-v-21772048]{background:linear-gradient(45deg,#81c784,#a5d6a7);-webkit-background-clip:text;background-clip:text}.accuracy .stat-value[data-v-21772048]{background:linear-gradient(45deg,#64b5f6,#90caf9);-webkit-background-clip:text;background-clip:text}.speed .stat-value[data-v-21772048]{background:linear-gradient(45deg,#ffb74d,#ffcc80);-webkit-background-clip:text;background-clip:text}.stat-content .stat-label[data-v-21772048]{color:#b0bec5}}@media (max-width:1200px){.typing-game[data-v-21772048]{flex-direction:column}.game-main[data-v-21772048]{margin-right:0;padding:10px}.game-sidebar[data-v-21772048]{position:static;width:100%;transform:none;border-radius:16px;margin-bottom:20px}.collapse-toggle[data-v-21772048]{display:none}.stats-container[data-v-21772048]{padding:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-box[data-v-21772048]{margin:0}.divider[data-v-21772048]{display:none}.exit-button[data-v-21772048]{grid-column:1/-1}}@media (prefers-color-scheme:dark){.typing-game[data-v-21772048]{background:linear-gradient(135deg,#1a1c20,#2c3e50)}.game-main>div[data-v-21772048]{background:#2c3e50;color:#eceff1}.target-letters span[data-v-21772048]{background:#34495e;border-color:#455a64;color:#eceff1}.game-sidebar[data-v-21772048]{background:rgba(44,62,80,.75);border-left:1px solid hsla(0,0%,100%,.05)}.stat-box[data-v-21772048]{background:#34495e}.stat-value[data-v-21772048]{color:#64b5f6}.stat-label[data-v-21772048]{color:#b0bec5}.sidebar-header h1[data-v-21772048]{color:#64b5f6}.collapse-toggle[data-v-21772048]{background:rgba(33,150,243,.3)}.toggle-icon[data-v-21772048]{color:#64b5f6}}.guide-modal[data-v-21772048]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.guide-content[data-v-21772048]{background:#fff;border-radius:25px;max-width:800px;width:90%;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp-data-v-21772048 .5s ease-out}.guide-header[data-v-21772048]{text-align:center;margin-bottom:30px}.guide-header h2[data-v-21772048]{font-size:32px;color:#2196f3;margin:0}.guide-subtitle[data-v-21772048]{color:#666;font-size:18px;margin-top:10px}.guide-body[data-v-21772048]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:30px}.guide-section[data-v-21772048]{background:#f8f9fa;padding:25px;border-radius:15px;transition:transform .3s ease}.guide-section[data-v-21772048]:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.guide-section h3[data-v-21772048]{color:#2196f3;margin-top:0;margin-bottom:15px;display:flex;align-items:center;gap:10px}.guide-section ul[data-v-21772048]{list-style:none;padding:0;margin:0}.guide-section li[data-v-21772048]{padding:8px 0;color:#666;display:flex;align-items:center;gap:10px}.guide-section li[data-v-21772048]:before{content:"✓";color:#4caf50;font-weight:700}.keyboard-preview[data-v-21772048]{grid-column:1/-1;margin-top:30px}.preview-row[data-v-21772048]{display:flex;justify-content:center;gap:15px;margin:10px 0}.preview-key[data-v-21772048]{width:60px;height:60px;background:#37474f;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;box-shadow:0 4px 0 #1e272c;transition:all .2s ease;animation:keyPulse 2s infinite alternate}.preview-key.space[data-v-21772048]{width:200px}.guide-footer[data-v-21772048]{display:flex;justify-content:center;gap:20px;margin-top:30px}.back-button[data-v-21772048],.start-button[data-v-21772048]{padding:15px 30px;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.start-button[data-v-21772048]{background:#4caf50;color:#fff;box-shadow:0 4px 15px rgba(76,175,80,.3)}.start-button[data-v-21772048]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,80,.4)}.back-button[data-v-21772048]{background:#e9ecef;color:#495057}.back-button[data-v-21772048]:hover{background:#dee2e6}@keyframes slideUp-data-v-21772048{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.guide-content[data-v-21772048]{background:#1a1c20;color:#eceff1}.guide-section[data-v-21772048]{background:#2c3e50}.guide-section li[data-v-21772048],.guide-subtitle[data-v-21772048]{color:#b0bec5}.back-button[data-v-21772048]{background:#34495e;color:#eceff1}.back-button[data-v-21772048]:hover{background:#2c3e50}}.report-modal[data-v-21772048]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px);animation:fadeIn-data-v-21772048 .4s cubic-bezier(.165,.84,.44,1)}@keyframes fadeIn-data-v-21772048{0%{opacity:0}to{opacity:1}}.report-content[data-v-21772048]{background:#fff;padding:0;border-radius:24px;max-width:600px;width:90%;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.25);overflow:hidden;animation:bounceIn-data-v-21772048 .6s cubic-bezier(.175,.885,.32,1.275);border:none;position:relative}@keyframes bounceIn-data-v-21772048{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.report-content h2[data-v-21772048]{font-size:28px;margin:0;padding:25px 0;color:#fff;background:linear-gradient(135deg,#4a6fff,#9c4aff);border-radius:24px 24px 0 0;position:relative;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.report-content h2[data-v-21772048]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.report-stats[data-v-21772048]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px;position:relative}.report-stats[data-v-21772048]:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="10" cy="10" r="2" fill="%23f0f0f0"/><circle cx="30" cy="10" r="2" fill="%23f0f0f0"/><circle cx="50" cy="10" r="2" fill="%23f0f0f0"/><circle cx="70" cy="10" r="2" fill="%23f0f0f0"/><circle cx="90" cy="10" r="2" fill="%23f0f0f0"/><circle cx="10" cy="30" r="2" fill="%23f0f0f0"/><circle cx="30" cy="30" r="2" fill="%23f0f0f0"/><circle cx="50" cy="30" r="2" fill="%23f0f0f0"/><circle cx="70" cy="30" r="2" fill="%23f0f0f0"/><circle cx="90" cy="30" r="2" fill="%23f0f0f0"/><circle cx="10" cy="50" r="2" fill="%23f0f0f0"/><circle cx="30" cy="50" r="2" fill="%23f0f0f0"/><circle cx="50" cy="50" r="2" fill="%23f0f0f0"/><circle cx="70" cy="50" r="2" fill="%23f0f0f0"/><circle cx="90" cy="50" r="2" fill="%23f0f0f0"/><circle cx="10" cy="70" r="2" fill="%23f0f0f0"/><circle cx="30" cy="70" r="2" fill="%23f0f0f0"/><circle cx="50" cy="70" r="2" fill="%23f0f0f0"/><circle cx="70" cy="70" r="2" fill="%23f0f0f0"/><circle cx="90" cy="70" r="2" fill="%23f0f0f0"/><circle cx="10" cy="90" r="2" fill="%23f0f0f0"/><circle cx="30" cy="90" r="2" fill="%23f0f0f0"/><circle cx="50" cy="90" r="2" fill="%23f0f0f0"/><circle cx="70" cy="90" r="2" fill="%23f0f0f0"/><circle cx="90" cy="90" r="2" fill="%23f0f0f0"/></svg>');z-index:-1;opacity:.3}.stat-item[data-v-21772048]{padding:20px 15px;background:#f8f9ff;border-radius:16px;transition:all .3s ease;box-shadow:0 8px 16px rgba(0,0,0,.05);position:relative;overflow:hidden;border:2px solid #f0f0f0;animation:fadeInUp-data-v-21772048 .5s ease-out forwards;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@keyframes fadeInUp-data-v-21772048{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-item[data-v-21772048]:first-child{animation-delay:.1s}.stat-item[data-v-21772048]:nth-child(2){animation-delay:.2s}.stat-item[data-v-21772048]:nth-child(3){animation-delay:.3s}.stat-item[data-v-21772048]:nth-child(4){animation-delay:.4s}.stat-item[data-v-21772048]:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:#e0e7ff;background:#f0f7ff}.stat-item[data-v-21772048]:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#4a6fff,#9c4aff);opacity:0;transition:opacity .3s;border-radius:3px 3px 0 0}.stat-item[data-v-21772048]:hover:before{opacity:1}.stat-label[data-v-21772048]{font-size:15px;color:#666;margin-bottom:10px;position:relative;display:inline-block;font-weight:600;text-align:center}.stat-label[data-v-21772048]:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:#ddd;border-radius:2px}.stat-value[data-v-21772048]{font-size:26px;font-weight:700;color:#4a6fff;text-shadow:0 2px 4px rgba(74,111,255,.2);position:relative;display:inline-block;text-align:center;margin-top:5px}.keyword-summary[data-v-21772048]{margin:0 30px 30px;padding:20px;background:#f0f7ff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 16px rgba(0,0,0,.05);border:2px dashed #e0e7ff;animation:fadeIn-data-v-21772048 .6s ease-out .5s forwards;opacity:0}.keyword-summary h3[data-v-21772048]{color:#4a6fff;margin-top:0;margin-bottom:12px;font-size:20px;font-weight:700}.keyword-summary p[data-v-21772048]{margin:0;color:#666;font-size:16px;font-weight:500}.keyword-summary .highlight[data-v-21772048]{background:linear-gradient(135deg,#4a6fff,#9c4aff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;padding:0 5px;position:relative}.keyword-summary .highlight[data-v-21772048]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#4a6fff,#9c4aff);opacity:.2;border-radius:3px}.report-message[data-v-21772048]{margin:0 30px 30px;padding:25px 20px;background:#f0f7ff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 16px rgba(0,0,0,.05);border:2px dashed #e0e7ff;animation:fadeIn-data-v-21772048 .6s ease-out .5s forwards;opacity:0;text-align:center}.report-message[data-v-21772048]:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#4a6fff;opacity:.1;border-radius:50%}.report-message[data-v-21772048]:after{content:"";position:absolute;bottom:-30px;left:-30px;width:100px;height:100px;background:#9c4aff;opacity:.1;border-radius:50%}.report-message .result-container[data-v-21772048]{display:flex;flex-direction:column;align-items:center;justify-content:center}.report-message img[data-v-21772048]{width:120px;height:120px;margin-bottom:15px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));animation:pulse-data-v-21772048 2s ease-in-out infinite;transform-origin:center}.report-message p[data-v-21772048]{font-size:20px;color:#4a6fff;font-weight:600;margin:10px 0 0;padding:0;position:relative;display:block;text-align:center}.report-buttons[data-v-21772048]{display:flex;gap:15px;justify-content:center;padding:0 30px 30px;animation:fadeIn-data-v-21772048 .6s ease-out .7s forwards;opacity:0}.report-buttons button[data-v-21772048]{padding:12px 25px;font-size:16px;font-weight:600;border-radius:50px;transition:all .3s ease;box-shadow:0 8px 16px rgba(0,0,0,.1);position:relative;overflow:hidden;border:none;cursor:pointer;min-width:140px}.report-buttons button[data-v-21772048]:first-child{background:linear-gradient(135deg,#4a6fff,#9c4aff);color:#fff}.report-buttons button[data-v-21772048]:first-child:hover{transform:translateY(-3px);box-shadow:0 12px 20px rgba(74,111,255,.3)}.report-buttons button[data-v-21772048]:first-child:active{transform:translateY(-1px);box-shadow:0 5px 10px rgba(74,111,255,.2)}.report-buttons button[data-v-21772048]:last-child{background:#fff;color:#666;border:2px solid #eee}.report-buttons button[data-v-21772048]:last-child:hover{background:#f8f9ff;transform:translateY(-3px);box-shadow:0 12px 20px rgba(0,0,0,.05);border-color:#e0e7ff;color:#4a6fff}.report-buttons button[data-v-21772048]:last-child:active{transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.03)}.report-buttons button[data-v-21772048]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,0));transform:translateY(-100%);transition:transform .6s}.report-buttons button[data-v-21772048]:hover:before{transform:translateY(0)}.keyboard-hint[data-v-21772048]{text-align:center;margin-top:20px;font-size:16px;color:#455a64;background:hsla(0,0%,100%,.1);padding:10px;border-radius:8px}.keyboard-hint strong[data-v-21772048]{color:#2196f3;font-size:18px;background:rgba(33,150,243,.1);padding:3px 8px;border-radius:4px;margin:0 5px}@media (prefers-color-scheme:dark){.keyboard-hint[data-v-21772048]{color:#b0bec5;background:rgba(0,0,0,.2)}.keyboard-hint strong[data-v-21772048]{background:rgba(33,150,243,.2);color:#64b5f6}}.letter-instruction[data-v-21772048]{margin:20px auto;transition:all .3s ease}.instruction-bubble[data-v-21772048]{display:flex;align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:20px;padding:15px 20px;box-shadow:0 8px 15px rgba(33,150,243,.15);border:2px solid #90caf9;position:relative;overflow:hidden;animation:float-data-v-21772048 3s ease-in-out infinite;max-width:500px;margin:0 auto}.instruction-bubble[data-v-21772048]:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;height:50%;background:hsla(0,0%,100%,.4);border-radius:20px;z-index:0}.instruction-bubble[data-v-21772048]:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:20px;height:20px;background:#90caf9;border-radius:50%;filter:blur(10px);opacity:.7}@keyframes float-data-v-21772048{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.instruction-icon[data-v-21772048]{font-size:28px;margin-right:15px;position:relative;z-index:1;animation:bounce-data-v-21772048 2s infinite}@keyframes bounce-data-v-21772048{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.instruction-text[data-v-21772048]{font-size:20px;font-weight:700;color:#1565c0;position:relative;z-index:1;text-shadow:0 1px 2px hsla(0,0%,100%,.8)}.error-feedback[data-v-21772048]{display:flex;align-items:center;background:linear-gradient(135deg,#ffebee,#ffcdd2);border-radius:20px;padding:15px 20px;box-shadow:0 8px 15px rgba(244,67,54,.15);border:2px solid #ef9a9a;position:relative;overflow:hidden;animation:shake-data-v-21772048 .5s cubic-bezier(.36,.07,.19,.97) both;max-width:500px;margin:0 auto}.error-feedback[data-v-21772048]:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;height:50%;background:hsla(0,0%,100%,.3);border-radius:20px;z-index:0}@keyframes shake-data-v-21772048{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.error-icon[data-v-21772048]{font-size:28px;margin-right:15px;position:relative;z-index:1;animation:pulse-data-v-21772048 1s infinite}@keyframes pulse-data-v-21772048{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.error-message[data-v-21772048]{display:flex;flex-direction:column;position:relative;z-index:1}.error-title[data-v-21772048]{font-size:18px;font-weight:700;color:#c62828;margin-bottom:5px}.error-detail[data-v-21772048]{font-size:16px;color:#d32f2f}.key-highlight[data-v-21772048]{display:inline-block;padding:3px 8px;border-radius:8px;font-weight:700;margin:0 3px}.key-highlight.correct[data-v-21772048]{background-color:rgba(76,175,80,.2);color:#2e7d32;border:1px dashed #4caf50}.key-highlight.wrong[data-v-21772048]{background-color:rgba(244,67,54,.2);color:#c62828;border:1px dashed #f44336;text-decoration:line-through}@media (prefers-color-scheme:dark){.instruction-bubble[data-v-21772048]{background:linear-gradient(135deg,#1a237e,#283593);border-color:#3949ab}.instruction-bubble[data-v-21772048]:before{background:hsla(0,0%,100%,.1)}.instruction-text[data-v-21772048]{color:#90caf9;text-shadow:0 1px 2px rgba(0,0,0,.5)}.error-feedback[data-v-21772048]{background:linear-gradient(135deg,#b71c1c,#c62828);border-color:#d32f2f}.error-feedback[data-v-21772048]:before{background:hsla(0,0%,100%,.1)}.error-title[data-v-21772048]{color:#ffcdd2}.error-detail[data-v-21772048]{color:#ef9a9a}.key-highlight.correct[data-v-21772048]{background-color:rgba(76,175,80,.3);color:#a5d6a7;border-color:#81c784}.key-highlight.wrong[data-v-21772048]{background-color:rgba(244,67,54,.3);color:#ef9a9a;border-color:#e57373}}