*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{max-width:600px;padding:20px;width:100%}.speech-practice{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.practice-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;width:100%}.practice-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.practice-header>div{flex:1 1}.title{color:#667eea;font-size:2.5rem;font-weight:700;margin-bottom:10px}.subtitle,.title{text-align:center}.subtitle{color:#666;font-size:1.1rem;margin-bottom:15px}.focus-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;margin-bottom:10px;padding:8px 16px}.focus-badge,.situation-badge{display:inline-block;margin-left:auto;margin-right:auto;max-width:300px;text-align:center;width:100%}.situation-badge{background:#f0f0f0;border-radius:15px;color:#666;font-size:.85rem;margin-bottom:20px;padding:6px 14px}.sentence-container{margin-bottom:30px}.sentence-display{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;justify-content:center;margin-bottom:20px;min-height:100px;padding:30px}.sentence-text{color:#fff;font-size:1.5rem;font-weight:500;line-height:1.6;text-align:center}.sentence-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn{border-radius:10px;font-family:inherit;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);flex:1 1;min-width:150px}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f0f0f0;color:#333;flex:1 1;min-width:120px}.btn-secondary:hover:not(:disabled){background:#e0e0e0;transform:translateY(-2px)}.btn-metrics{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-size:.9rem;padding:10px 20px;white-space:nowrap}.btn-metrics:hover{box-shadow:0 5px 15px #4facfe66;transform:translateY(-2px)}.btn-record{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:1.2rem;margin-bottom:20px;padding:18px;width:100%}.btn-record:hover:not(:disabled){box-shadow:0 5px 20px #f5576c66;transform:translateY(-2px)}.btn-record.recording{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f5576c,#f093fb)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.recording-section{margin-bottom:30px}.permission-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;margin-bottom:20px;padding:20px;text-align:center}.permission-warning p{color:#856404;font-size:1rem;font-weight:600;margin-bottom:15px}.permission-warning .btn{min-width:200px;width:auto}.loading{color:#667eea;font-size:1rem;margin-top:10px}.feedback,.loading{font-weight:500;text-align:center}.feedback{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-size:1.1rem;margin-top:15px;padding:15px}.feedback.success{background:#d4edda;border-left-color:#28a745;color:#155724}.instructions{background:#f8f9fa;border-radius:10px;margin-top:20px;padding:20px}.instructions p{color:#666;font-size:.95rem;margin-bottom:8px}.instructions p:last-child{margin-bottom:0}@media (max-width:600px){.practice-card{padding:25px}.practice-header{align-items:center;flex-direction:column}.title{font-size:2rem}.sentence-text{font-size:1.2rem}.sentence-controls{flex-direction:column}.btn{width:100%}.btn-metrics{margin-top:10px;width:100%}.header-actions{flex-direction:column;width:100%}.filters-grid{grid-template-columns:1fr}}.completion-message{padding:40px 20px;text-align:center}.completion-message .title{font-size:3rem;margin-bottom:20px}.completion-stats{color:#666;font-size:1.2rem;margin:30px 0}.completion-stats strong{color:#667eea;font-size:1.5rem}.completion-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.completion-actions .btn{font-size:1.1rem;min-width:200px;padding:15px 30px}.improvement-points{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.improvement-point{background:#ffffff1a;border-left:4px solid #8b5cf6;border-radius:12px;padding:1rem}.improvement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.improvement-label{color:#333;font-size:1.1rem;font-weight:600}.improvement-count{background:#8b5cf633;border-radius:20px;color:#667eea;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.improvement-description{color:#666;font-size:.95rem;margin:0}.most-recurrent-error{background:#8b5cf61a;border-radius:12px;color:#333;font-size:1rem;margin-top:1rem;padding:1rem;text-align:center}.most-recurrent-error strong{color:#667eea}.progress-indicator{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:15px}.progress-text{color:#666;font-size:.95rem;font-weight:500;margin-bottom:8px;text-align:center}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.metrics-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.metrics-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-actions{align-items:center;display:flex;gap:10px}.metrics-header h1{color:#333;font-size:2rem;margin:0}.error,.loading{color:#666;font-size:1.2rem;padding:40px;text-align:center}.error{color:#d32f2f;margin-bottom:20px}.stats-section{margin-bottom:40px}.stats-section h2{color:#333;font-size:1.5rem;margin-bottom:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:25px;text-align:center;transition:transform .2s}.stat-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:10px}.stat-label{font-size:.9rem;letter-spacing:1px;opacity:.9;text-transform:uppercase}.errors-section{background:#f8f9fa;border-radius:12px;margin-bottom:40px;padding:25px}.errors-section h2{color:#333;font-size:1.5rem;margin-bottom:20px}.errors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.error-card{background:#fff;border-left:4px solid #f44336;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.error-type{color:#666;font-size:.9rem;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.error-count{color:#f44336;font-size:2rem;font-weight:700}.consecutive-errors,.most-recurrent-error{background:#fff;border-radius:6px;color:#333;margin-top:15px;padding:12px}.consecutive-errors strong,.most-recurrent-error strong{color:#f44336}.topics-section{margin-bottom:40px}.topics-section h2{color:#333;font-size:1.5rem;margin-bottom:20px}.load-more-container{display:flex;justify-content:center;margin-top:20px;padding:20px 0}.load-more-container .btn{min-width:200px}.topics-list{display:flex;flex-direction:column;gap:20px}.topic-metric-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:box-shadow .2s}.topic-metric-card:hover{box-shadow:0 4px 8px #0000001a}.topic-metric-header{border-bottom:1px solid #e0e0e0;margin-bottom:15px;padding-bottom:15px}.topic-sentence{color:#333;font-size:1.1rem;font-weight:500;margin-bottom:10px}.topic-meta{display:flex;flex-wrap:wrap;gap:10px}.topic-domain,.topic-focus{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.85rem;font-weight:500;padding:4px 12px}.topic-focus{background:#f3e5f5;color:#7b1fa2}.topic-difficulty{border-radius:12px;font-size:.85rem;font-weight:500;padding:4px 12px;text-transform:capitalize}.topic-difficulty.easy{background:#e8f5e9;color:#2e7d32}.topic-difficulty.medium{background:#fff3e0;color:#e65100}.topic-difficulty.hard{background:#ffebee;color:#c62828}.topic-metric-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.topic-stat{display:flex;flex-direction:column;gap:5px}.topic-stat-label{color:#666;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.topic-stat-value{color:#333;font-size:1.2rem;font-weight:700}.empty-state{color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.empty-state p{margin:10px 0}.btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.metrics-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:30px}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s}.tab:hover{background:#f5f5f5;color:#333}.tab.active{border-bottom-color:#667eea;color:#667eea}.errors-details-section{margin-bottom:40px}.errors-list{display:flex;flex-direction:column;gap:20px}.error-detail-card{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #f44336;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.error-detail-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.error-detail-type{color:#333;font-size:1.1rem;font-weight:600}.error-subtype{color:#666;font-size:.9rem;font-weight:400}.error-detail-date{color:#999;font-size:.85rem}.error-detail-topic{background:#f8f9fa;border-radius:6px;font-size:.95rem;margin-bottom:15px;padding:10px}.error-detail-texts{margin-bottom:15px}.error-expected,.error-spoken{border-radius:4px;margin-bottom:8px;padding:8px}.error-expected{background:#e8f5e9;color:#2e7d32}.error-spoken{background:#ffebee;color:#c62828}.error-feedback{background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;color:#856404;font-style:italic;padding:12px}.patterns-section{margin-bottom:40px}.pattern-group{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:20px}.pattern-group h3{color:#333;font-size:1.2rem;margin-bottom:15px}.pattern-list{display:flex;flex-direction:column;gap:10px}.pattern-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:12px 15px}.pattern-label{color:#333;font-weight:500}.pattern-count{color:#667eea;font-weight:600}.topic-domain-badge,.topic-focus-badge{background:#e3f2fd;border-radius:10px;color:#1976d2;display:inline-block;font-size:.75rem;font-weight:500;margin-left:8px;padding:2px 8px}.topic-focus-badge{background:#f3e5f5;color:#7b1fa2}@media (max-width:768px){.metrics-header{align-items:flex-start;flex-direction:column;gap:15px}.errors-grid,.stats-grid,.topic-metric-stats{grid-template-columns:1fr}.metrics-tabs{flex-wrap:wrap}.tab{flex:1 1;min-width:100px}.error-detail-header{align-items:flex-start;flex-direction:column;gap:10px}.header-actions{flex-direction:column;width:100%}.filters-grid{grid-template-columns:1fr}}.filters-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:20px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.filters-header h3{color:#333;font-size:1.2rem;margin:0}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.btn-link:hover{color:#764ba2}.filters-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#555;font-size:.9rem;font-weight:600}.filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:.95rem;padding:10px;transition:border-color .2s}.filter-select:hover{border-color:#667eea}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filters-info{border-top:1px solid #e0e0e0;color:#666;font-size:.9rem;padding-top:10px}.filters-active{color:#667eea;font-weight:600}.error-topic-relation{display:flex;flex-direction:column;gap:20px}.error-type-group{background:#f8f9fa;border-radius:12px;padding:16px}.error-type-group h4{color:#667eea;font-size:1.1rem;margin:0 0 12px}.topic-errors-list{display:flex;flex-direction:column;gap:8px}.topic-error-item{align-items:center;background:#fff;border-left:3px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.topic-error-sentence{color:#333;flex:1 1;font-size:.95rem}.topic-error-count{background:#667eea;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.error-subtype-topic-relation{display:flex;flex-direction:column;gap:12px}.subtype-topic-item{background:#f8f9fa;border-left:4px solid #764ba2;border-radius:12px;padding:16px}.subtype-topic-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.subtype-label{color:#764ba2;font-size:1rem;font-weight:600}.subtype-count{background:#764ba2;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.subtype-topic-sentence{color:#666;font-size:.95rem;line-height:1.5}.subtype-topic-meta{color:#999;font-size:.85rem}
/*# sourceMappingURL=main.c9ee3724.css.map*/