.home-container{animation:fadeIn .5s ease-out;display:flex;flex-direction:column;min-height:100vh}.home-header{background:var(--primary-gradient);color:#fff;padding:3rem 1rem;position:relative;text-align:center}.home-title{font-size:3.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000001a}.home-subtitle{font-size:1.25rem;opacity:.9}.settings-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border:2px solid #ffffff4d;border-radius:50%;color:#fffffff2;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:var(--transition)}.settings-link:hover{background:#0006;border-color:#ffffff80;color:#fff;transform:rotate(45deg)}.home-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.category-section{margin-bottom:3rem}.category-title{color:var(--primary);font-size:2rem;margin-bottom:1.5rem;padding-left:1rem;position:relative}.category-title:before{background:var(--primary);border-radius:2px;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.word-sets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.word-set-card{animation:slideIn .5s ease-out;background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--border-radius);color:var(--text-primary);display:block;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:var(--transition)}.word-set-card:hover{border-color:var(--primary);box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.set-icon{animation:bounce 2s infinite;font-size:3rem;margin-bottom:1rem}.set-name{color:var(--primary);font-size:1.5rem;margin-bottom:.5rem}.set-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.set-info{align-items:center;border-top:1px solid var(--card-border);display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.set-level{background:var(--accent-light);border-radius:1rem;color:var(--accent-dark);font-size:.875rem;font-weight:600;padding:.25rem .75rem}.set-word-count{color:var(--text-secondary);font-size:.875rem}.home-footer{background:var(--bg-color);border-top:1px solid var(--card-border);color:var(--text-secondary);padding:2rem;text-align:center}@media (max-width:768px){.home-title{font-size:2.5rem}.word-sets-grid{grid-template-columns:1fr}.settings-link{right:.5rem;top:.5rem}}.virtual-keyboard{animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8faffe6);border:3px solid var(--primary-light);border-radius:20px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;margin-top:.5rem;max-width:100%;overflow:visible;padding:1.5rem 2rem;position:relative;width:100%}.virtual-keyboard.hand-hint-left{animation:leftHandPulse 1.5s ease-in-out infinite;border-left:6px solid var(--primary)}.virtual-keyboard.hand-hint-right{animation:rightHandPulse 1.5s ease-in-out infinite;border-right:6px solid var(--primary)}[data-theme=pink] .virtual-keyboard{background:linear-gradient(135deg,#fffffff2,#fff8fae6);border-color:#ffb6d9}[data-theme=pink] .virtual-keyboard.hand-hint-left{border-left:6px solid #ffb6d9}[data-theme=pink] .virtual-keyboard.hand-hint-right{border-right:6px solid #ffb6d9}[data-theme=lightblue] .virtual-keyboard{background:linear-gradient(135deg,#fffffff2,#f0f9ffe6);border-color:#87ceeb}[data-theme=lightblue] .virtual-keyboard.hand-hint-left{border-left:6px solid #87ceeb}[data-theme=lightblue] .virtual-keyboard.hand-hint-right{border-right:6px solid #87ceeb}[data-theme=lightgreen] .virtual-keyboard{background:linear-gradient(135deg,#fffffff2,#f1f8e9e6);border-color:#98d8aa}[data-theme=lightgreen] .virtual-keyboard.hand-hint-left{border-left:6px solid #98d8aa}[data-theme=lightgreen] .virtual-keyboard.hand-hint-right{border-right:6px solid #98d8aa}.virtual-keyboard:before{animation:twinkle 2s ease-in-out infinite;content:"⭐";font-size:1.5rem;left:1.5rem;position:absolute;top:1rem}.virtual-keyboard:after{animation:twinkle 2s ease-in-out 1s infinite;content:"🌟";font-size:1.5rem;position:absolute;right:1.5rem;top:1rem}@keyframes twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.keyboard-hint{background:linear-gradient(90deg,var(--primary-light),var(--accent-light));border:2px solid var(--primary);border-radius:15px;margin-bottom:.75rem;padding:.75rem;text-align:center}.hint-text{color:var(--text-primary);font-size:1.5rem;font-weight:600;text-shadow:1px 1px 2px #0000001a}.next-key-hint{animation:bounce 1s ease-in-out infinite;background:linear-gradient(45deg,var(--primary),var(--primary-dark));border:3px solid #fff;border-radius:12px;box-shadow:0 4px 10px #0003;color:#fff;display:inline-block;font-size:2rem;font-weight:700;margin-left:.75rem;padding:.5rem 1rem}[data-theme=pink] .keyboard-hint{background:linear-gradient(90deg,#ffe0f0,#ffcdd2);border-color:#ffb6d9}[data-theme=pink] .next-key-hint{background:linear-gradient(45deg,#ffb6d9,#ff94c8)}[data-theme=lightblue] .keyboard-hint{background:linear-gradient(90deg,#e0f4ff,#e1f5fe);border-color:#87ceeb}[data-theme=lightblue] .next-key-hint{background:linear-gradient(45deg,#87ceeb,#6bb6d6)}[data-theme=lightgreen] .keyboard-hint{background:linear-gradient(90deg,#e8f5e9,#f1f8e9);border-color:#98d8aa}[data-theme=lightgreen] .next-key-hint{background:linear-gradient(45deg,#98d8aa,#7bc995)}.keyboard-layout{flex-direction:column;overflow:visible;padding:.5rem;width:100%}.keyboard-layout,.keyboard-row{align-items:center;display:flex;gap:.75rem;min-width:-webkit-fit-content;min-width:fit-content}.keyboard-row{flex-wrap:nowrap;justify-content:center}.keyboard-row:nth-child(3){gap:.5rem;min-width:65rem}.keyboard-key{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(145deg,#fff,#f0f4ff);border:3px solid var(--card-border);border-radius:15px;box-shadow:0 4px 12px #0000001a,inset 0 1px 3px #fffc;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:4.5rem;justify-content:center;min-width:4.5rem;overflow:visible;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.keyboard-key:hover:not(.key-shift):not(.key-highlight){box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.keyboard-key:active{box-shadow:0 2px 4px #0000001a,inset 0 2px 4px #0000001a;transform:translateY(1px)}.keyboard-key.key-shift:hover{box-shadow:inherit;transform:none}.keyboard-key:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.keyboard-key:hover:not(.key-shift):before{left:100%}.keyboard-key.key-shift:before{display:none}.keyboard-key.key-completed{background:linear-gradient(145deg,#ba68c8,#9c27b0)!important;border-color:#7b1fa2!important;box-shadow:0 6px 16px #9c27b066,inset 0 2px 4px #ffffff4d!important;color:#fff!important}[data-theme=pink] .keyboard-key.key-completed{background:linear-gradient(145deg,#f48fb1,#e91e63)!important;border-color:#c2185b!important;box-shadow:0 6px 16px #e91e6366,inset 0 2px 4px #ffffff4d!important}[data-theme=lightblue] .keyboard-key.key-completed{background:linear-gradient(145deg,#64b5f6,#1976d2)!important;border-color:#1565c0!important;box-shadow:0 6px 16px #1976d266,inset 0 2px 4px #ffffff4d!important}[data-theme=lightgreen] .keyboard-key.key-completed{background:linear-gradient(145deg,#81c784,#388e3c)!important;border-color:#2e7d32!important;box-shadow:0 6px 16px #388e3c66,inset 0 2px 4px #ffffff4d!important}.keyboard-key.key-highlight{animation:pulse 1s infinite,wiggle .8s ease-in-out infinite alternate!important;background:linear-gradient(145deg,#f3e5f5,#e1bee7)!important;border:3px solid #ba68c866!important;box-shadow:0 8px 20px #ba68c84d,0 0 15px #f3e5f599,inset 0 2px 4px #ffffff80!important;color:#6a1b9a!important;font-weight:900!important;position:relative;transform:scale(1.25)!important;z-index:20!important}[data-theme=pink] .keyboard-key.key-highlight{background:linear-gradient(145deg,#fff0f5,#ffe0eb)!important;border:3px solid #ffb6d966!important;box-shadow:0 8px 20px #ffb6d94d,0 0 15px #fff0f599,inset 0 2px 4px #ffffff80!important;color:#d81b60!important}[data-theme=lightblue] .keyboard-key.key-highlight{background:linear-gradient(145deg,#f0f8ff,#e6f3ff)!important;border:3px solid #87ceeb66!important;box-shadow:0 8px 20px #87ceeb4d,0 0 15px #f0f8ff99,inset 0 2px 4px #ffffff80!important;color:#1565c0!important}[data-theme=lightgreen] .keyboard-key.key-highlight{background:linear-gradient(145deg,#f5fff5,#e8f5e9)!important;border:3px solid #98d8aa66!important;box-shadow:0 8px 20px #98d8aa4d,0 0 15px #f5fff599,inset 0 2px 4px #ffffff80!important;color:#2e7d32!important}.keyboard-key.key-highlight:before{display:none}@keyframes glow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}@keyframes wiggle{0%,to{transform:scale(1.25) rotate(0deg)}25%{transform:scale(1.3) rotate(-2deg)}75%{transform:scale(1.3) rotate(2deg)}}.keyboard-key.key-space{background:linear-gradient(145deg,#e8eaf6,#c5cae9);border-color:var(--primary);font-size:1.25rem;min-width:25rem;padding:1rem 5rem}.keyboard-key.key-shift{align-items:center;background:linear-gradient(145deg,#f5f5f5,#e0e0e0);border-color:var(--card-border);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:1rem;font-weight:600;justify-content:center;min-width:8.8rem;overflow:visible;padding:1rem 1.6rem;white-space:nowrap}.shift-key-content{align-items:center;display:flex;flex-direction:column;gap:4px;line-height:1}.shift-icon{font-size:1.5rem;font-weight:700}.shift-text{font-size:.75rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.keyboard-key[aria-label="<"],.keyboard-key[aria-label=">"],.keyboard-key[aria-label="?"]{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-color:var(--card-border);color:var(--text-primary);font-size:1.25rem;min-width:4rem}.keyboard-key.key-shift.key-highlight{background:linear-gradient(145deg,#f3e5f5,#e1bee7)!important;border:3px solid #ba68c866!important;box-shadow:0 8px 20px #ba68c84d,0 0 15px #f3e5f599,inset 0 2px 4px #ffffff80!important;color:#6a1b9a!important;font-weight:900!important;position:relative;z-index:20!important}.keyboard-key.key-shift.key-highlight,.keyboard-key.key-shift.key-highlight:hover,[data-theme=lightblue] .keyboard-key.key-shift.key-highlight:hover,[data-theme=lightgreen] .keyboard-key.key-shift.key-highlight:hover,[data-theme=pink] .keyboard-key.key-shift.key-highlight:hover{animation:pulse 1s infinite,wiggle .8s ease-in-out infinite alternate!important;transform:scale(1.25)!important}[data-theme=pink] .keyboard-key.key-shift.key-highlight{background:linear-gradient(145deg,#fff0f5,#ffe0eb)!important;border:3px solid #ffb6d966!important;box-shadow:0 8px 20px #ffb6d94d,0 0 15px #fff0f599,inset 0 2px 4px #ffffff80!important;color:#d81b60!important}[data-theme=lightblue] .keyboard-key.key-shift.key-highlight{background:linear-gradient(145deg,#f0f8ff,#e6f3ff)!important;border:3px solid #87ceeb66!important;box-shadow:0 8px 20px #87ceeb4d,0 0 15px #f0f8ff99,inset 0 2px 4px #ffffff80!important;color:#1565c0!important}[data-theme=lightgreen] .keyboard-key.key-shift.key-highlight{background:linear-gradient(145deg,#f5fff5,#e8f5e9)!important;border:3px solid #98d8aa66!important;box-shadow:0 8px 20px #98d8aa4d,0 0 15px #f5fff599,inset 0 2px 4px #ffffff80!important;color:#2e7d32!important}.shift-hint{background:linear-gradient(45deg,#ffc107,#ffe082);box-shadow:0 2px 6px #ffc1074d;color:#e65100;margin-right:.5rem}.double-consonant-hint,.shift-hint{border-radius:8px;font-weight:700;padding:.25rem .75rem}.double-consonant-hint{background:linear-gradient(45deg,var(--primary),var(--primary-dark));box-shadow:0 2px 6px #0003;color:#fff;margin-left:.5rem}@media (max-width:1024px){.keyboard-key{font-size:1.25rem;height:4rem;min-width:4rem}.keyboard-key.key-space{min-width:14rem}.keyboard-key.key-shift{font-size:.9rem;min-width:6.4rem;padding:1rem .8rem}.keyboard-row:nth-child(3){min-width:50rem}.shift-icon{font-size:1.25rem}.shift-text{font-size:.65rem}.keyboard-key[aria-label="<"],.keyboard-key[aria-label=">"],.keyboard-key[aria-label="?"]{font-size:1.125rem;min-width:3.5rem}}@media (max-width:768px){.virtual-keyboard{overflow-x:auto;padding:1rem}.keyboard-container{gap:.5rem;padding:.5rem}.keyboard-row:nth-child(3){min-width:auto}.keyboard-key{border-radius:6px;font-size:.875rem;height:2.8rem;min-width:2.2rem;padding:.5rem .25rem}.keyboard-row{gap:.25rem}.keyboard-key.key-space{font-size:.875rem;min-width:8rem;padding:.5rem 1rem}.keyboard-key.key-shift{font-size:.7rem;min-width:3rem;padding:.5rem .25rem}.shift-icon{font-size:.9rem}.shift-text{font-size:.5rem}.keyboard-key[aria-label="<"],.keyboard-key[aria-label=">"],.keyboard-key[aria-label="?"]{font-size:.8rem;min-width:2rem}.keyboard-layout{gap:.5rem}.hand-guide{display:none}.keyboard-hint{margin-bottom:.5rem;padding:.5rem}.hint-text{font-size:.875rem}}@media (max-width:480px){.virtual-keyboard{margin-top:1rem;overflow-x:hidden;overflow-y:hidden;padding:.5rem}.keyboard-container{align-items:center;display:flex;flex-direction:column}.keyboard-container,.keyboard-layout{max-width:100%;padding:.25rem;width:100%}.keyboard-layout{gap:.35rem}.keyboard-row{display:flex;flex-wrap:nowrap;gap:.15rem;justify-content:center;width:100%}.keyboard-row:first-child .keyboard-key,.keyboard-row:nth-child(2) .keyboard-key{flex:1 1;max-width:2.5rem;min-width:0;width:calc(10% - .135rem)}.keyboard-row:nth-child(3){min-width:auto;width:100%}.keyboard-row:nth-child(3) .keyboard-key{flex:0 0 auto}.keyboard-row:nth-child(4){width:100%}.keyboard-key{border-radius:4px;border-width:1px;font-size:.7rem;height:2.3rem;min-width:0;padding:.2rem}.keyboard-key.key-space{flex:1 1;font-size:.7rem;max-width:none;min-width:0;padding:.2rem .5rem}.keyboard-key.key-shift{font-size:.6rem;min-width:2.2rem;padding:.2rem .15rem}.shift-icon{font-size:.8rem}.shift-text{font-size:.45rem}.keyboard-key[aria-label="<"],.keyboard-key[aria-label=">"],.keyboard-key[aria-label="?"]{font-size:.7rem;min-width:1.8rem}.keyboard-layout{gap:.25rem}.keyboard-hint{margin-bottom:.25rem;padding:.25rem}.hint-text{font-size:.75rem}.next-key-hint{font-size:.875rem;padding:.25rem .5rem}}@media (max-width:430px){.virtual-keyboard{margin-top:.5rem;padding:.4rem}.keyboard-container{padding:.2rem}.keyboard-layout{gap:.3rem;padding:.2rem}.keyboard-row{gap:.12rem}.keyboard-row:first-child .keyboard-key,.keyboard-row:nth-child(2) .keyboard-key{max-width:2.2rem;width:calc(10% - .108rem)}.keyboard-key{font-size:.65rem;height:2.2rem;padding:.15rem}.keyboard-key.key-space{font-size:.65rem;padding:.15rem .4rem}.keyboard-key.key-shift{font-size:.55rem;min-width:2rem;padding:.15rem .1rem}.keyboard-key[aria-label="<"],.keyboard-key[aria-label=">"],.keyboard-key[aria-label="?"]{font-size:.65rem;min-width:1.6rem}.shift-icon{font-size:.7rem}.shift-text{font-size:.4rem}.keyboard-hint{margin-bottom:.2rem;padding:.2rem}.hint-text{font-size:.7rem}}@keyframes leftHandPulse{0%,to{border-left-width:6px;box-shadow:-5px 0 15px #8a2be24d}50%{border-left-width:8px;box-shadow:-10px 0 30px #8a2be299}}@keyframes rightHandPulse{0%,to{border-right-width:6px;box-shadow:5px 0 15px #8a2be24d}50%{border-right-width:8px;box-shadow:10px 0 30px #8a2be299}}[data-theme=pink] .virtual-keyboard.hand-hint-left{animation:leftHandPulsePink 1.5s ease-in-out infinite}[data-theme=pink] .virtual-keyboard.hand-hint-right{animation:rightHandPulsePink 1.5s ease-in-out infinite}@keyframes leftHandPulsePink{0%,to{border-left-width:6px;box-shadow:-5px 0 15px #ffb6d94d}50%{border-left-width:8px;box-shadow:-10px 0 30px #ffb6d999}}@keyframes rightHandPulsePink{0%,to{border-right-width:6px;box-shadow:5px 0 15px #ffb6d94d}50%{border-right-width:8px;box-shadow:10px 0 30px #ffb6d999}}[data-theme=lightblue] .virtual-keyboard.hand-hint-left{animation:leftHandPulseBlue 1.5s ease-in-out infinite}[data-theme=lightblue] .virtual-keyboard.hand-hint-right{animation:rightHandPulseBlue 1.5s ease-in-out infinite}@keyframes leftHandPulseBlue{0%,to{border-left-width:6px;box-shadow:-5px 0 15px #87ceeb4d}50%{border-left-width:8px;box-shadow:-10px 0 30px #87ceeb99}}@keyframes rightHandPulseBlue{0%,to{border-right-width:6px;box-shadow:5px 0 15px #87ceeb4d}50%{border-right-width:8px;box-shadow:10px 0 30px #87ceeb99}}[data-theme=lightgreen] .virtual-keyboard.hand-hint-left{animation:leftHandPulseGreen 1.5s ease-in-out infinite}[data-theme=lightgreen] .virtual-keyboard.hand-hint-right{animation:rightHandPulseGreen 1.5s ease-in-out infinite}@keyframes leftHandPulseGreen{0%,to{border-left-width:6px;box-shadow:-5px 0 15px #98d8aa4d}50%{border-left-width:8px;box-shadow:-10px 0 30px #98d8aa99}}@keyframes rightHandPulseGreen{0%,to{border-right-width:6px;box-shadow:5px 0 15px #98d8aa4d}50%{border-right-width:8px;box-shadow:10px 0 30px #98d8aa99}}.keyboard-container{align-items:center;display:flex;gap:1rem;justify-content:center;padding:0 7rem;position:relative;width:100%}.hand-guide{align-items:center;display:flex;flex-direction:column;gap:8px;opacity:.3;position:absolute;top:50%;transform:translateY(-50%) scale(.8);transition:all .3s ease;z-index:10}.hand-guide.left-guide{left:-2rem}.hand-guide.right-guide{right:-2rem}.hand-guide.active{animation:handBounce 1.5s ease-in-out infinite;opacity:1;transform:translateY(-50%) scale(1.2)}.guide-emoji{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3rem;transition:all .3s ease}.guide-text{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:.25rem .75rem}.hand-guide.active .guide-text{background:var(--primary);color:#fff;font-size:1.3rem;font-weight:800}@keyframes handBounce{0%,to{transform:translateY(-50%) scale(1.2)}50%{transform:translateY(calc(-50% - 8px)) scale(1.3)}}[data-theme=pink] .hand-guide.active .guide-text{background:#ffb6d9;color:#fff}[data-theme=lightblue] .hand-guide.active .guide-text{background:#87ceeb;color:#fff}[data-theme=lightgreen] .hand-guide.active .guide-text{background:#98d8aa;color:#fff}@media (max-width:1024px){.keyboard-container{gap:1rem}.guide-emoji{font-size:3rem}}@media (max-width:768px){.keyboard-container{flex-direction:column;gap:1rem}.hand-guide{flex-direction:row;gap:12px}.guide-emoji{font-size:2.5rem}}.word-display{animation:fadeIn .5s ease-out;margin:.5rem 0;text-align:center}.target-word{align-items:center;display:flex;flex-wrap:wrap;font-size:4rem;font-weight:700;justify-content:center;letter-spacing:.2em;margin-bottom:.5rem;min-height:4rem}.word-char{color:var(--text-secondary);display:inline-block;margin:0 .1em;position:relative;transition:var(--transition)}.word-char.completed{color:var(--primary);transform:scale(1.1)}.word-char.current{animation:pulse 1s infinite;color:var(--text-primary)}.word-char.current:after{animation:blink 1s infinite;background:var(--primary);border-radius:2px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.current-input{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--border-radius);display:inline-block;margin-bottom:4rem;min-width:200px;padding:1rem 2rem}.input-label{color:var(--text-secondary);font-size:1.125rem;margin-right:1rem}.input-text{color:var(--primary);font-size:1.5rem;font-weight:600;letter-spacing:.1em}.word-image{margin:.5rem 0}.word-thumbnail{border-radius:var(--border-radius);box-shadow:var(--shadow-card);max-height:150px;max-width:150px;object-fit:cover}.word-description{background:var(--accent-light);border-radius:2rem;color:var(--text-secondary);display:inline-block;font-size:1.125rem;margin-top:.5rem;padding:.75rem 1.5rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:768px){.target-word{font-size:3rem;min-height:4rem}.input-text{font-size:1.25rem}.current-input{margin-bottom:2rem;min-width:150px;padding:.75rem 1.5rem}.word-description{margin-top:1.5rem}}@media (max-width:480px){.target-word{font-size:2.5rem;letter-spacing:.1em}.word-description{font-size:1rem;margin-top:1.25rem}.current-input{margin-bottom:1.75rem}}.progress-container{animation:slideIn .5s ease-out;margin-bottom:.75rem}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-label{color:var(--text-secondary);font-size:.95rem;font-weight:500}.progress-count{color:var(--primary);font-size:1.125rem;font-weight:600}.progress-bar{background:var(--card-bg);border:2px solid var(--card-border);border-radius:1rem;height:1rem;width:100%}.progress-bar,.progress-fill{overflow:hidden;position:relative}.progress-fill{background:var(--primary-gradient);height:100%;transition:width .5s ease-out}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.progress-bar{height:.875rem}.progress-count{font-size:1rem}}.result-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.result-modal{animation:slideIn .5s ease-out;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:0 10px 30px #0000004d;max-width:500px;padding:3rem;text-align:center;width:90%}.result-title{color:var(--primary);font-size:2.5rem;margin-bottom:1.5rem}.result-stars{display:flex;font-size:3rem;gap:.5rem;justify-content:center;margin-bottom:2rem}.star{display:inline-block;filter:grayscale(1);opacity:.3;transition:var(--transition)}.star.filled{animation:bounce .5s ease-out;filter:grayscale(0);opacity:1}.result-stats{grid-gap:1.5rem;background:var(--bg-color);border:2px solid var(--card-border);border-radius:var(--border-radius);display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:2rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:var(--text-secondary);font-size:.875rem}.stat-value{color:var(--primary);font-size:1.5rem;font-weight:700}.result-message{color:var(--text-primary);font-size:1.25rem;line-height:1.5;margin-bottom:2rem}.result-actions{display:flex;gap:1rem;justify-content:center}.result-actions .btn{min-width:120px}@media (max-width:768px){.result-modal{padding:2rem}.result-title{font-size:2rem}.result-stars{font-size:2.5rem}.result-stats{gap:1rem;grid-template-columns:1fr;padding:1.5rem}.stat-value{font-size:1.25rem}.result-message{font-size:1.125rem}}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--border-radius);bottom:2rem;box-shadow:0 10px 25px #0000001a;left:50%;max-width:500px;min-width:300px;position:fixed;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.toast-error{background:linear-gradient(135deg,#ff6b6b1a,#ffffffe6);border-color:#ff6b6b}.toast-success{background:linear-gradient(135deg,#51cf661a,#ffffffe6);border-color:#51cf66}.toast-info{background:linear-gradient(135deg,#9c27b01a,#ffffffe6);border-color:var(--primary)}.toast-show{opacity:1;transform:translateX(-50%) translateY(0)}.toast-hide{opacity:0;transform:translateX(-50%) translateY(100%)}.toast-content{align-items:center;display:flex;gap:.75rem;padding:1rem 1.5rem}.toast-icon{flex-shrink:0;font-size:1.25rem}.toast-message{color:var(--text-primary);flex:1 1;font-size:.95rem;font-weight:500}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:var(--transition);width:24px}.toast-close:hover{background:#0000001a;color:var(--text-primary)}@media (max-width:768px){.toast{bottom:1rem;left:1rem;max-width:none;min-width:auto;right:1rem;transform:none}.toast-show{transform:translateY(0)}.toast-hide{transform:translateY(100%)}.toast-content{padding:.875rem 1rem}.toast-message{font-size:.875rem}}.typing-screen{background:var(--bg-color);display:flex;flex-direction:column;min-height:100vh}.typing-header{align-items:center;background:var(--primary-gradient);color:#fff;display:flex;padding:1.5rem}.set-info h1{font-size:1.5rem;margin-bottom:.25rem}.set-info p{font-size:.95rem;opacity:.9}.typing-main{display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:flex-start;margin:0 auto;max-width:1280px;padding:1rem;width:100%}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.2rem;justify-content:center;min-height:50vh}@media (max-width:768px){.typing-main{gap:.25rem;padding:.5rem}.typing-header{padding:.75rem}.set-info h1{font-size:1.25rem}}@media (max-width:430px){.typing-screen{overflow-x:hidden}.typing-main{gap:.25rem;justify-content:flex-start;padding:.25rem}.typing-header{padding:.5rem}.set-info h1{font-size:1.1rem}.set-info p{font-size:.85rem}.back-button{margin-right:.5rem;padding:.4rem}}.settings-container{background:var(--bg-color);min-height:100vh}.settings-header{background:var(--primary-gradient);padding:1.5rem;position:relative}.back-button,.settings-header{align-items:center;color:#fff;display:flex}.back-button{background:#fff3;border-radius:50%;justify-content:center;margin-right:1rem;padding:.5rem;transition:var(--transition)}.back-button:hover{background:#ffffff4d;transform:translateX(-2px)}.settings-title{font-size:1.75rem}.settings-main{margin:0 auto;max-width:800px;padding:2rem}.settings-section{animation:fadeIn .5s ease-out;background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem}.section-title{color:var(--primary);font-size:1.5rem;margin-bottom:.5rem}.section-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.language-grid,.theme-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.language-option,.theme-option{align-items:center;background:none;border:2px solid var(--card-border);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center;transition:var(--transition)}.language-option:hover,.theme-option:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.language-option.active,.theme-option.active{background:#00000005;border-color:var(--primary)}.theme-option.active{border-color:var(--theme-color)}.theme-preview{background:var(--theme-color);border-radius:50%;height:60px;margin:0 auto .75rem;transition:var(--transition);width:60px}.theme-option:hover .theme-preview{transform:scale(1.1)}.language-flag{display:block;font-size:2.5rem;line-height:1;margin-bottom:.5rem}.language-name,.theme-name{color:var(--text-primary);display:block;font-size:.95rem;font-weight:500}.setting-item{border-bottom:1px solid var(--card-border);margin-bottom:1.5rem;padding-bottom:1.5rem}.setting-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-label{align-items:center;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.setting-checkbox{cursor:pointer;height:20px;margin-right:.75rem;width:20px}.setting-select{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:var(--transition)}.setting-select:focus,.setting-select:hover{border-color:var(--primary);outline:none}.setting-description{color:var(--text-secondary);font-size:.875rem;margin-left:2rem}.settings-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border-top:2px solid var(--card-border);bottom:0;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;text-align:center}.apply-button{background:var(--primary-gradient);border:none;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;min-width:200px;padding:1rem 3rem;transition:var(--transition)}.apply-button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.apply-button:active{transform:translateY(0)}@media (max-width:768px){.settings-main{padding:1rem 1rem 6rem}.settings-section{padding:1.5rem}.language-grid,.theme-grid{grid-template-columns:repeat(2,1fr)}.settings-footer{padding:1rem}.apply-button{font-size:1rem;min-width:150px;padding:1rem 2rem}}:root{--primary:#c8b6f6;--primary-light:#e8dffc;--primary-dark:#a794e8;--primary-gradient:linear-gradient(135deg,#c8b6f6,#e8dffc);--bg-color:#faf8ff;--card-bg:#fff;--card-border:#e8dffc;--text-primary:#333;--text-secondary:#666;--accent:#c8b6f6;--accent-light:#e8dffc;--accent-dark:#a794e8;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--border-radius:10px;--transition:all 0.3s ease;--key-bg:#fff;--key-border:#e8dffc;--key-text:#333;--key-highlight:#fff59d;--key-active:#81c784;--key-left-hand:#ffe0b2;--key-right-hand:#e1f5fe}[data-theme=pink]{--primary:#ffb6d9;--primary-light:#ffe0f0;--primary-dark:#ff94c8;--primary-gradient:linear-gradient(135deg,#ffb6d9,#ffe0f0);--bg-color:#fff5f8;--card-border:#ffe0f0;--accent:#ffb6d9;--accent-light:#ffe0f0;--accent-dark:#ff94c8}[data-theme=lightblue]{--primary:#87ceeb;--primary-light:#e0f4ff;--primary-dark:#6bb6d6;--primary-gradient:linear-gradient(135deg,#87ceeb,#e0f4ff);--bg-color:#f0f9ff;--card-border:#e0f4ff;--accent:#87ceeb;--accent-light:#e0f4ff;--accent-dark:#6bb6d6}[data-theme=lightgreen]{--primary:#98d8aa;--primary-light:#e8f5e9;--primary-dark:#7bc995;--primary-gradient:linear-gradient(135deg,#98d8aa,#e8f5e9);--bg-color:#f1f8e9;--card-border:#e8f5e9;--accent:#98d8aa;--accent-light:#e8f5e9;--accent-dark:#7bc995}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf8ff;background-color:var(--bg-color);color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:#c8b6f6;color:var(--primary);text-decoration:none;transition:all .3s ease;transition:var(--transition)}a:hover{color:#a794e8;color:var(--primary-dark)}button{cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);transition:all .3s ease;transition:var(--transition)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.text-center{text-align:center}.card{background:#fff;background:var(--card-bg);border:2px solid #e8dffc;border:2px solid var(--card-border);border-radius:10px;border-radius:var(--border-radius);padding:20px;transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.btn{border:none;border-radius:10px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-align:center;transition:all .3s ease;transition:var(--transition)}.btn-primary{background:#c8b6f6;background:var(--primary);color:#fff}.btn-primary:hover{background:#a794e8;background:var(--primary-dark);box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #e8dffc;border:2px solid var(--card-border);color:#333;color:var(--text-primary)}.btn-secondary:hover{background:#faf8ff;background:var(--bg-color);border-color:#c8b6f6;border-color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){html{font-size:14px}}@media (max-width:480px){html{font-size:13px}}
/*# sourceMappingURL=main.6e74176f.css.map*/