.notification-container{position:fixed;bottom:16px;right:16px;z-index:999;display:flex;flex-direction:column;gap:10px}.typing-text{font-size:1.2rem;line-height:1.8;letter-spacing:0.5px;min-height:180px;border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);padding:20px;font-family:var(--font-family-base);overflow-wrap:break-word;white-space:pre-wrap;transition:var(--transition-fast)}.typing-text:hover{box-shadow:0 8px 25px var(--shadow-color-primary-20)}.character{padding:2px 1px;border-radius:3px;transition:all 0.2s;display:inline-block;position:relative}.character.correct{color:#28a745;background-color:#d4edda}.character.incorrect{color:#dc3545;background-color:#f8d7da;text-decoration:line-through}.character.current{background-color:var(--primary-light);color:var(--primary-color);font-weight:bold;border-bottom:2px solid var(--primary-color)}.character.current:after{content:'|';position:absolute;right:-2px;color:var(--primary-color);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}#typingInput{font-size:1.2rem;letter-spacing:0.5px;border:1px solid var(--border-color-light);border-radius:var(--border-radius-lg);padding:15px;font-family:var(--font-family-base);transition:var(--transition-fast)}#typingInput:focus{border-color:var(--primary-color);box-shadow:0 0 0 0.25rem var(--shadow-color-primary-25),0 8px 25px var(--shadow-color-primary-20)}.mode-badge{font-size:0.8rem;padding:4px 8px;margin-left:5px}.timer-display{font-size:1.5rem;font-weight:bold;color:var(--primary-color)}.chart-container{position:relative;height:300px;width:100%}.word-mode .character.word-boundary{margin-right:8px}.word-mode .character.space{background-color:#f0f0f0;margin:0 2px;border-radius:3px}.shortcut-key{display:inline-block;background:var(--primary-color-bg);border:1px solid var(--border-color-light);border-radius:var(--border-radius-sm);padding:2px 6px;font-family:monospace;font-size:0.85rem;margin:0 2px;transition:var(--transition-fast);color:var(--primary-color)}.shortcut-key:hover{background:var(--primary-color);color:var(--text-color-#fff);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-color-primary-20)}.feedback-card{background:var(--card-bg);border:1px solid var(--border-color-light);border-left:4px solid var(--primary-color);padding:20px;border-radius:var(--border-radius-lg);margin-top:20px;box-shadow:0 4px 12px var(--shadow-color-primary-15);transition:var(--transition-fast)}.feedback-card:hover{box-shadow:0 8px 25px var(--shadow-color-primary-20);transform:translateY(-2px)}.feedback-icon{font-size:3rem;margin-bottom:15px}.feedback-title{font-size:1.5rem;font-weight:bold;margin-bottom:10px;color:var(--primary-color)}.feedback-text{font-size:1.1rem;color:#555;margin-bottom:15px}.feedback-tip{font-size:0.9rem;color:#6c757d;font-style:italic;border-top:1px solid #eee;padding-top:15px}.completed-badge{background-color:#28a745;color:#fff;padding:5px 15px;border-radius:20px;font-weight:bold;animation:pulse 1.5s infinite}.completion-animation{text-align:center;padding:20px}.completion-icon{font-size:4rem;color:#28a745;margin-bottom:15px;animation:bounce 1s infinite alternate}@keyframes bounce{from{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.progress-completed{background-color:#28a745 !important}.stats-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;gap:8px;width:100%;text-align:center;border-radius:var(--border-radius-lg);background:var(--card-bg);border:1px solid var(--border-color-light);transition:var(--transition-fast)}.stats-card:hover{box-shadow:0 4px 12px var(--shadow-color-primary-15);transform:translateY(-2px)}.stats-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:16px;border-radius:50%;color:var(--text-color-#fff)}.stats-icon.primary{background-color:var(--primary-color)}.stats-icon.success{background-color:var(--success-color)}.stats-icon.warning{background-color:var(--warning-color)}.stats-icon.danger{background-color:var(--danger-color)}.stats-content{display:flex;flex-direction:column;align-items:center}.stats-value{font-size:22px;font-weight:bold;color:var(--text-color-primary)}.stats-label{font-size:12px;color:var(--text-color-muted);margin-top:-2px}.row.g-3{gap:12px !important;margin-left:0 !important;margin-right:0 !important}.col-6{padding:0 !important;width:calc(50% - 6px) !important;flex:none !important;margin:0 !important}