body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.analyzer-exercise{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh}.analyzer-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:1.5rem 2rem}.header-title{align-items:center;display:flex;gap:1rem}.header-icon{height:48px;width:48px}.header-title h1{font-size:2rem;font-weight:700;margin:0}.header-title p{font-size:1rem;margin:.25rem 0 0;opacity:.8}.header-level{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;display:flex;gap:.5rem;padding:.5rem 1rem}.level-label{font-size:.9rem;opacity:.8}.level-value{color:#4fc3f7;font-weight:600}.analyzer-content{margin:0 auto;max-width:1200px;padding:2rem}.analyzer-form-container{margin:0 auto;max-width:800px}.form-intro{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin-bottom:2rem;padding:2rem}.intro-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.intro-icon{color:#4fc3f7;height:32px;width:32px}.intro-header h2{font-size:1.5rem;margin:0}.intro-description{line-height:1.6;margin-bottom:1.5rem;opacity:.9}.intro-features{display:flex;flex-direction:column;gap:.75rem}.feature-item{align-items:center;display:flex;gap:.75rem}.feature-icon{color:#66bb6a;flex-shrink:0;height:20px;width:20px}.feedback-form-container{border:1px solid #fff3;border-radius:16px;overflow:hidden}.feedback-form-header{background:#ffffff1a;border-bottom:1px solid #fff3;padding:2rem}.feedback-form-header h2{font-size:1.75rem;gap:.75rem;margin:0 0 .5rem}.feedback-form-header .icon{color:#4fc3f7;height:28px;width:28px}.feedback-form{padding:2rem}.form-section h3{color:#4fc3f7;font-size:1.25rem;gap:.75rem;margin:0 0 1.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{align-items:center;display:flex;gap:.5rem}.input-icon{height:16px;opacity:.7;width:16px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ffffff4d;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f733}.performance-grid{grid-gap:1.5rem;gap:1.5rem}.performance-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.performance-label{color:#4fc3f7;display:block;font-weight:600;margin-bottom:1rem}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background-color .2s ease}.radio-label:hover{background:#ffffff0d}.radio-label input[type=radio]{accent-color:#4fc3f7;height:18px;width:18px}.radio-text{font-size:.9rem;line-height:1.4}.issues-section{margin-top:2rem}.issue-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.issue-group h4{align-items:center;color:#4fc3f7;display:flex;font-size:1.1rem;gap:.75rem;margin:0 0 1rem}.issue-icon{height:20px;width:20px}.checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.checkbox-label{gap:.75rem;transition:background-color .2s ease}.checkbox-label:hover{background:#ffffff0d}.checkbox-label input[type=checkbox]{accent-color:#4fc3f7;height:18px;width:18px}.form-actions{border-top:1px solid #fff3;display:flex;justify-content:center;padding-top:2rem}.submit-button{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border-radius:50px;box-shadow:0 4px 15px #4fc3f74d;gap:.75rem}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #4fc3f766}.submit-button:disabled{opacity:.7}.button-icon,.spinner{height:20px;width:20px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff}.analyzing-container{align-items:center;display:flex;justify-content:center;min-height:60vh}.analyzing-content{max-width:500px;text-align:center}.analyzing-animation{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;position:relative}.brain-icon{color:#4fc3f7;height:80px;width:80px;z-index:2}.brain-icon.pulsing{animation:pulse 2s ease-in-out infinite}.analyzing-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spinner.rotating{animation:spin 2s linear infinite;border:3px solid #4fc3f733;border-top-color:#4fc3f7;height:120px;width:120px}.analyzing-content h2{font-size:1.75rem;margin:0 0 1rem}.analyzing-content p{line-height:1.6;margin:0 0 2rem;opacity:.8}.analyzing-steps{display:flex;flex-direction:column;gap:1rem;text-align:left}.step{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:1rem;opacity:.5;padding:.75rem;transition:all .3s ease}.step.active{background:#4fc3f71a;border:1px solid #4fc3f74d;opacity:1}.step-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.step.active .step-icon{background:#4fc3f7;color:#fff}.results-container{margin:0 auto;max-width:1200px}.results-header-actions{display:flex;justify-content:flex-start;margin-bottom:2rem}.analyzer-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;overflow:hidden}.results-header{background:#ffffff1a;border-bottom:1px solid #fff3;padding:2rem}.header-content h2{align-items:center;display:flex;font-size:1.75rem;gap:.75rem;margin:0}.header-icon{color:#4fc3f7;height:32px;width:32px}.level-badge{align-items:center;background:linear-gradient(135deg,#66bb6a,#4caf50);border-radius:25px;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.badge-icon{height:16px;width:16px}.personalized-message{background:linear-gradient(135deg,#4fc3f7,#29b6f6);margin:0;padding:2rem}.message-content{align-items:flex-start;display:flex;gap:1rem;margin:0 auto;max-width:800px}.message-icon{color:#fff;flex-shrink:0;height:24px;margin-top:.25rem;width:24px}.message-content p{font-size:1.1rem;font-style:italic;line-height:1.6;margin:0}.summary-stats{grid-gap:1.5rem;background:#ffffff0d;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:2rem}.stat-item{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.stat-icon{color:#4fc3f7;flex-shrink:0;height:32px;width:32px}.stat-content{display:flex;flex-direction:column}.stat-number{color:#fff;font-size:1.75rem;font-weight:700;line-height:1}.stat-label{font-size:.9rem;margin-top:.25rem;opacity:.8}.results-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.analysis-column,.exercises-column{display:flex;flex-direction:column;gap:2rem}.analysis-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.analysis-section h3{align-items:center;color:#4fc3f7;display:flex;font-size:1.2rem;gap:.75rem;margin:0 0 1.5rem}.section-icon{height:24px;width:24px}.improvements-list,.strengths-list{display:flex;flex-direction:column;gap:.75rem}.improvement-item,.strength-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.strength-icon{color:#66bb6a}.improvement-icon,.strength-icon{flex-shrink:0;height:18px;width:18px}.improvement-icon{color:#ffa726}.show-more-button{align-items:center;background:none;border:1px solid #4fc3f74d;border-radius:6px;color:#4fc3f7;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem;padding:.5rem;transition:all .3s ease}.show-more-button:hover{background:#4fc3f71a}.focus-priorities h4{color:#4fc3f7;margin:0 0 1rem}.priority-bars{display:flex;flex-direction:column;gap:1rem}.priority-item{background:#ffffff0d;border-radius:8px;padding:1rem}.priority-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.priority-name{font-weight:600}.priority-score{font-size:.9rem;opacity:.8}.priority-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.priority-fill{border-radius:4px;height:100%;transition:width .3s ease}.priority-issues{font-size:.85rem;opacity:.7}.exercises-list{display:flex;flex-direction:column;gap:1.5rem}.exercise-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;transition:all .3s ease}.exercise-card:hover{background:#ffffff14;border-color:#fff3}.exercise-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.exercise-title{gap:.75rem}.exercise-title h4{font-size:1.1rem;margin:0}.priority-badge{align-items:center;border-radius:15px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem;text-transform:uppercase}.expand-button{background:none;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;padding:.5rem;transition:all .3s ease}.expand-button:hover{background:#ffffff1a;color:#fff}.exercise-reasoning{padding:0 1.5rem 1rem}.exercise-reasoning p{line-height:1.5;margin:0;opacity:.9}.exercise-details{background:#ffffff08;border-top:1px solid #ffffff1a;padding:1rem 1.5rem}.exercise-inputs{display:flex;flex-direction:column;gap:1rem}.input-group h5{color:#4fc3f7;font-size:.9rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.story-premise{background:#ffffff1a;border-left:4px solid #4fc3f7;border-radius:8px;margin:0;padding:1rem}.focus-skills,.target-words{display:flex;flex-wrap:wrap;gap:.5rem}.focus-skill,.target-word{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border-radius:15px;color:#fff;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.presentation-hints{margin:0;padding-left:1.5rem}.presentation-hints li{margin-bottom:.5rem;opacity:.9}.exercise-metadata{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.exercise-metadata small{opacity:.6}.exercise-actions{border-top:1px solid #ffffff1a;padding:1.5rem}.start-exercise-button{align-items:center;background:linear-gradient(135deg,#66bb6a,#4caf50);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.start-exercise-button:hover:not(:disabled){box-shadow:0 4px 15px #66bb6a4d;transform:translateY(-1px)}.start-exercise-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.error-container{align-items:center;display:flex;justify-content:center;min-height:60vh}.error-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ff6b6b4d;border-radius:16px;max-width:500px;padding:2rem;text-align:center}.error-icon{color:#ff6b6b;height:64px;margin:0 auto 1rem;width:64px}.error-content h2{color:#ff6b6b;margin:0 0 1rem}.error-message{line-height:1.6;margin:0 0 2rem;opacity:.9}.error-actions{display:flex;gap:1rem;justify-content:center}.retry-button{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.retry-button:hover{box-shadow:0 4px 15px #ff6b6b4d;transform:translateY(-1px)}.exercise-placeholder{align-items:center;display:flex;justify-content:center;min-height:60vh}.placeholder-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;max-width:400px;padding:2rem;text-align:center}.placeholder-icon{color:#ffa726;height:64px;margin:0 auto 1rem;width:64px}.placeholder-content h3{color:#ffa726;margin:0 0 1rem}.placeholder-content p{margin:0 0 2rem;opacity:.8}.back-button{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:#fff3;box-shadow:0 4px 15px #ffffff1a;transform:translateY(-1px)}.exercise-header-actions{display:flex;justify-content:flex-start;margin-bottom:1rem}.exercise-title{flex-wrap:wrap;gap:1rem}@media (max-width:768px){.analyzer-header{padding:1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.analyzer-content{padding:1rem}.checkbox-grid,.form-row,.results-content{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.error-actions{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 2px 20px #0000001a;padding:1rem 2rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.language-selector{align-items:center;display:flex;gap:1rem}.language-selector label{color:#555;font-weight:500}.language-selector select{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}.language-selector select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.nav-tabs{background:#fffffff2;border-radius:12px;box-shadow:0 4px 25px #0000001a;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.nav-tab{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;position:relative;transition:all .3s ease}.nav-tab:hover{background:#667eea1a;color:#667eea}.nav-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.exercise-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem}.exercise-title{color:#333;font-size:1.5rem;font-weight:600}.exercise-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.btn{font-weight:500;text-decoration:none;transition:all .3s ease}.btn-primary{box-shadow:0 4px 15px #667eea4d}.btn-secondary{background:#ffffffe6;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}.btn-danger:hover{box-shadow:0 6px 20px #ee5a5266}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.audio-controls{align-items:center;display:flex;margin:1.5rem 0}.record-button{border-radius:50%;height:60px;position:relative;width:60px}.record-button.recording{animation:pulse 1.5s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.record-button:not(.recording){background:linear-gradient(135deg,#667eea,#764ba2)}.record-button:hover{transform:scale(1.05)}.audio-player{align-items:center;background:#ffffffe6;border-radius:8px;display:flex;gap:1rem;padding:1rem}.input-group{margin-bottom:1.5rem}.input-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.input-group input,.input-group textarea{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.input-group input:focus,.input-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.feedback-section{background:#ffffffe6;border-left:4px solid #667eea;border-radius:12px;margin-top:2rem;padding:1.5rem}.feedback-title{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.feedback-content{background:#f8f9fa;border-radius:8px;color:#555;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;padding:1rem;white-space:pre-wrap}.feedback-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.feedback-item{background:#ffffffb3;border:1px solid #e1e5e9;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.feedback-item strong{color:#667eea;font-size:.9rem;font-weight:600}.feedback-item span{color:#555;font-size:.9rem;line-height:1.4}.feedback-raw{background:#f8f9fa;border-radius:8px;margin-top:1rem;padding:1rem}.feedback-raw p{color:#555;line-height:1.5;margin:0}.loading{align-items:center;color:#667eea;display:flex;gap:.5rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e1e5e9;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}@media (max-width:768px){.header{padding:1rem}.header-content{flex-direction:column;gap:1rem}.main-content{padding:1rem}.nav-tabs{flex-direction:column;gap:.5rem}.nav-tab{padding:.75rem 1rem}.exercise-card{padding:1.5rem}}.dialogue-messages{background:#ffffff80;border-radius:8px;max-height:400px;overflow-y:auto}.dialogue-messages,.message{margin-bottom:1rem;padding:1rem}.message{border-radius:12px;max-width:80%}.message.user{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff;margin-left:auto}.message.ai{background:#ffffffe6;border:1px solid #e1e5e9;border-bottom-left-radius:4px;color:#333}.message-content{line-height:1.5;margin:0}.conversation-ended{background:#ffc1071a;border:1px solid #ffc107;border-radius:8px;color:#856404;font-weight:500;padding:1rem;text-align:center}.story-chain-container{color:#fff;margin:0 auto;max-width:900px;padding:2rem}.exercise-title{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.exercise-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:2rem;margin:0}.level-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.feedback-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin-bottom:2rem;padding:2rem}.feedback-form-header{margin-bottom:2rem;text-align:center}.feedback-form-header h2{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.feedback-form{margin:0 auto;max-width:800px}.form-section{background:#ffffff0d;border-radius:12px;margin-bottom:2.5rem;padding:1.5rem}.form-section h3{align-items:center;color:#87ceeb;display:flex;font-size:1.3rem;gap:.5rem;margin-bottom:1.5rem}.form-grid{grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-grid,.performance-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.performance-grid{grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group{margin-bottom:1rem}.form-group label{color:#e0e0e0}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#87ceeb;box-shadow:0 0 0 2px #87ceeb33;outline:none}.checkbox-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.checkbox-label{align-items:center;background:#ffffff0d;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .3s ease}.checkbox-label:hover{background:#ffffff1a}.checkbox-label input[type=checkbox]{margin:0;width:auto}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:2rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.exercise-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:2rem}.exercise-content,.story-premise{margin-bottom:2rem}.story-premise h3{color:#87ceeb;margin-bottom:1rem}.story-text{background:#ffffff0d;border-left:4px solid #87ceeb;border-radius:10px;font-size:1.1rem;line-height:1.6;padding:1.5rem}.target-words{background:#ffa5000d;border:1px solid #ffa50033;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.target-words h3{color:orange;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.target-words h3,.words-list{align-items:center;display:flex}.words-list{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;padding:.5rem 0}.target-word{align-items:center;background:linear-gradient(135deg,orange,#ff8c00);border:2px solid #ff8c00cc;border-radius:25px;box-shadow:0 2px 8px #ffa5004d;color:#fff;display:flex;font-size:.9rem;font-weight:600;justify-content:center;line-height:1.2;min-height:36px;padding:.5rem 1rem;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.target-word:hover{background:linear-gradient(135deg,#ff8c00,#f70);box-shadow:0 4px 12px #ffa50066;transform:translateY(-1px)}.story-hints{background:#8a2be20d;border:1px solid #8a2be233;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.story-hints h3{align-items:center;color:orchid;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.hints-list{display:flex;flex-direction:column;gap:.75rem}.story-hint{align-items:flex-start;background:#8a2be21a;border-left:3px solid orchid;border-radius:10px;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.story-hint:hover{background:#8a2be226;transform:translateX(5px)}.hint-icon{flex-shrink:0;font-size:1.2rem;margin-top:.1rem}.hint-text{color:#e6e6fa;font-size:.95rem;font-style:italic;line-height:1.4}.focus-skills h4{color:#98fb98;margin-bottom:.75rem}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.focus-skill{background:#98fb9833;border:1px solid #98fb984d;border-radius:15px;color:#98fb98;font-size:.8rem;padding:.25rem .75rem}.recording-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin-bottom:2rem;padding:2rem;text-align:center}.timer-display{align-items:center;display:flex;font-size:1.2rem;gap:.75rem;justify-content:center;margin-bottom:2rem}.timer{color:#87ceeb;font-family:Courier New,monospace;font-size:2rem}.timer-warning{animation:pulse 1s infinite;color:#ff6b6b}.timer-label{color:#ffffffb3;font-size:.9rem}.recording-controls{margin-bottom:2rem}.record-button{border:none;border-radius:50px;font-weight:600;gap:.5rem;margin:0 auto;min-width:180px;padding:1rem 2rem}.record-button:not(.recording){background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.record-button:not(.recording):hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#e53e3e);transform:scale(1.05)}.record-button.recording{animation:recordingPulse 2s infinite;background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff}@keyframes recordingPulse{0%{box-shadow:0 0 0 0 #ff4757b3}70%{box-shadow:0 0 0 10px #ff475700}to{box-shadow:0 0 0 0 #ff475700}}.recording-indicator{align-items:center;display:flex;gap:.5rem}.recording-dot{animation:blink 1s infinite;background:#fff;border-radius:50%;height:10px;width:10px}.timer-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.timer-button{align-items:center;background:#ffffff1a;border:1px solid #87ceeb4d;border-radius:25px;color:#87ceeb;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.timer-button:hover{background:#87ceeb33;border-color:#87ceeb}.transcript-section{margin:2rem 0;text-align:left}.transcript-section h4{color:#87ceeb;margin-bottom:1rem}.transcript{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;font-size:1rem;line-height:1.6;min-height:80px;padding:1.5rem;white-space:pre-wrap}.recognizing{color:orange;font-style:italic}.submit-section{background:#667eea1a;border:1px solid #667eea4d;border-radius:15px;margin:2rem 0;padding:2rem;text-align:center}.submit-hint{color:#fffc;font-size:.9rem;font-style:italic;margin-top:1rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.primary-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.primary-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px)}.secondary-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:25px;color:#e0e0e0;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.secondary-button:hover{background:#fff3;border-color:#ffffff80}.error-message{background:#ff6b6b33;border:1px solid #ff6b6b80;border-radius:10px;color:#ff6b6b;margin-bottom:2rem;padding:1rem;text-align:center}@media (max-width:768px){.story-chain-container{padding:1rem}.checkbox-grid,.form-grid,.performance-grid{grid-template-columns:1fr}.exercise-title h2,.timer{font-size:1.5rem}.action-buttons{align-items:center;flex-direction:column}.primary-button,.secondary-button{justify-content:center;width:100%}.target-words{padding:1rem}.target-words h3{font-size:1.1rem}.target-word{font-size:.85rem;min-height:32px;padding:.4rem .8rem}.words-list{gap:.5rem}.story-hints{padding:1rem}.story-hints h3{font-size:1.1rem}.story-hint{gap:.5rem;padding:.75rem}.hint-text{font-size:.9rem}}.story-feedback-container{color:#fff;margin:0 auto;max-width:1000px;padding:1rem}.ser-feedback{background:linear-gradient(135deg,#ff980014,#ffc1070d);border-left:4px solid #ff9800;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:.75rem;padding:1.25rem}.ser-statement{color:#fff;font-size:1.05rem;line-height:1.6;margin-bottom:.75rem}.ser-example{background:#ffffff14;border-left:3px solid #ffa726;color:#ffe0b2;font-style:italic;line-height:1.5;margin:.75rem 0;padding:.875rem 1rem}.ser-example,.ser-reason{border-radius:8px;font-size:.95rem}.ser-reason{background:#ff98001a;color:#ffcc80;line-height:1.6;margin-top:.75rem;padding:.75rem}.ser-word-choices{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.ser-word-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem;transition:all .3s ease}.ser-word-item:hover{border-color:#ff980066;box-shadow:0 4px 12px #ff980026;transform:translateY(-2px)}.word-highlight{background:linear-gradient(135deg,#ffd54f26,#ffd54f0d);border-radius:8px;color:#ffd54f;display:inline-block;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.appreciation-section{background:linear-gradient(135deg,#ffd54f1a,#ffc1070d);border:2px solid #ffd54f4d}.appreciation-text{color:#fff9e1;font-size:1.1rem;line-height:1.8;padding:.5rem 0}.story-feedback-content{display:flex;flex-direction:column;gap:1.5rem}.story-feedback-content .feedback-item h4{align-items:center;color:#ffab91;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:.75rem}.story-feedback-content .feedback-item h4:before{content:"📖";font-size:1.2rem}.vocabulary-highlights-content{display:flex;flex-direction:column;gap:1.5rem}.highlight-item{padding:1rem 0}.highlight-item h4{align-items:center;color:#ffb74d;display:flex;font-size:1.05rem;gap:.5rem;margin-bottom:1rem}.encouragement-text{background:linear-gradient(135deg,#ffb74d1a,#ff98000d);border-left:3px solid #ffb74d;border-radius:8px;color:#ffd54f;font-size:1rem;line-height:1.6;margin-top:1rem;padding:1rem}.gentle-improvements-section{background:linear-gradient(135deg,#ff8a6514,#ff70430d);border:1px solid #ff8a6533}.improvement-subsection{margin-bottom:1.5rem}.improvement-subsection:last-child{margin-bottom:0}.improvement-subsection h4{border-bottom:2px solid #ff8a654d;color:#ffab91;font-size:1.05rem;margin-bottom:1rem;padding-bottom:.5rem}.improvement-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;margin-bottom:1rem;padding:1.25rem;transition:all .3s ease}.improvement-item:hover{background:#ffffff0d;border-color:#ff8a654d;box-shadow:0 4px 12px #00000026}.improvement-item:last-child{margin-bottom:0}.improvement-comparison{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0;padding:.75rem}.improvement-benefit,.improvement-context,.improvement-idea,.improvement-why{line-height:1.6;margin:.5rem 0}.practice-word{background:#ffd54f26;border-radius:8px;color:#ffd54f;display:inline-block;font-size:1.15rem;font-weight:600;margin:.5rem 0;padding:.5rem 1rem}.closing-message-section{background:linear-gradient(135deg,#ffd54f26,#ffc10714);border:2px solid #ffd54f66;box-shadow:0 6px 20px #ffd54f33}.closing-content{padding:1rem;text-align:center}.closing-text{color:#fff9e1;font-size:1.15rem;font-weight:500;line-height:1.8}.closing-text:before{content:"🌟";font-size:1.3rem;margin-right:.5rem}.closing-text:after{content:"🌟";font-size:1.3rem;margin-left:.5rem}.detailed-feedback{display:flex;flex-direction:column;gap:1.5rem}.feedback-item{border:1px solid #ffffff1a}.grammar-item{border-left:4px solid #ff6b6b}.vocabulary-item{border-left:4px solid #ff9800}.error-type-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .8rem;text-transform:capitalize}.feedback-content{display:flex;flex-direction:column;gap:1rem}.error-comparison,.word-comparison{grid-gap:1rem;background:#ffffff0d;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1rem}@media (max-width:768px){.error-comparison,.word-comparison{gap:.5rem;grid-template-columns:1fr}}.correct-section,.error-section,.original-section,.suggestion-section{display:flex;flex-direction:column;gap:.5rem}.correct-label,.error-label,.original-label,.suggestion-label{color:#ffffffb3;font-size:.85rem;font-weight:500}.error-text,.original-text{background:#ff6b6b33;border:1px solid #ff6b6b4d;border-radius:6px;color:#ff6b6b;font-style:italic;padding:.5rem}.correct-text,.suggestion-text{background:#ffa72633;border:1px solid #ffa7264d;border-radius:6px;color:#ffb74d;font-weight:500;padding:.5rem}.explanation,.why-better{background:#ffb74d1a;border-left:3px solid #ffb74d;border-radius:8px;padding:1rem}.practice-tip{background:#ffc1071a;border-left:3px solid #ffc107;border-radius:8px;padding:1rem}.alternatives{margin-top:.5rem}.alternative-words{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.alternative-word{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:15px;color:#fff;font-size:.85rem;font-weight:500;padding:.3rem .8rem}.example-usage{background:#ff8a651a;border-left:3px solid #ff8a65;border-radius:8px;font-style:italic;padding:1rem}.speaking-pace-section{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid #ffc10733}.pace-display{display:flex;justify-content:center;margin-bottom:2rem}.pace-metric{align-items:center;background:#ffc1071a;border:2px solid #ffc1074d;border-radius:15px;display:flex;flex-direction:column;padding:1.5rem 2rem}.metric-label{color:#fffc;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.metric-value{color:#ffc107;text-align:center}.mispronunciation-section{margin:1.5rem 0}.mispronunciation-section h4{align-items:center;color:#ff9800;display:flex;gap:.5rem;margin-bottom:1rem}.mispronunciation-items{display:flex;flex-direction:column;gap:1rem}.mispronunciation-item{background:#ff98000d;border:1px solid #ff980033;border-left:4px solid #ff9800;border-radius:10px;padding:1rem}.mispronounced-word{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.word-badge{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:20px;font-size:.9rem;font-weight:600;padding:.4rem .8rem}.issue-type{background:#ff980033;border:1px solid #ff98004d;border-radius:15px;color:#ff9800;font-size:.8rem;padding:.3rem .6rem}.pronunciation-tip{background:#ffc1071a;border-radius:8px;font-size:.9rem;line-height:1.4;padding:.75rem}.overall-pronunciation h4{color:#ffc107;margin-bottom:.75rem}@media (max-width:768px){.mispronounced-word{align-items:flex-start;flex-direction:column;gap:.5rem}.pace-metric{padding:1rem 1.5rem}.metric-value{font-size:1.2rem}}.feedback-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin-bottom:2rem;padding:2rem}.section-header{align-items:center;color:#87ceeb;display:flex;gap:.75rem;margin-bottom:1.5rem}.section-header h3{font-size:1.3rem;margin:0}.section-header h4{font-size:1.1rem;margin:0}.overall-score-section{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;text-align:center}.score-display{flex-direction:column}.score-badge{border-radius:50px;color:#fff;font-size:2.5rem;font-weight:700;padding:1rem 2rem;text-shadow:0 2px 4px #0000004d}.score-excellent .score-badge{background:linear-gradient(135deg,#48bb78,#38a169)}.score-good .score-badge{background:linear-gradient(135deg,#4299e1,#3182ce)}.score-fair .score-badge{background:linear-gradient(135deg,#ed8936,#dd6b20)}.score-needs-improvement .score-badge{background:linear-gradient(135deg,#f56565,#e53e3e)}.score-text{color:#e0e0e0;font-size:1.1rem;line-height:1.5;max-width:600px;text-align:center}.context-section{background:#87ceeb1a;border:1px solid #87ceeb33}.context-content{space-y:1rem}.context-content>div{background:#ffffff0d;border-radius:8px;margin-bottom:1rem;padding:.75rem}.context-content strong{color:#87ceeb}.learner-info{color:#98fb98}.story-premise{font-style:italic;line-height:1.6}.focus-areas{color:orange}.word-usage-section{background:#ffa5001a;border:1px solid #ffa50033}.usage-score{margin-bottom:2rem;text-align:center}.usage-badge{border-radius:25px;display:inline-block;font-size:1.1rem;font-weight:600;padding:.75rem 1.5rem}.word-usage-details{grid-gap:1.5rem;display:grid;gap:1.5rem}.words-missed,.words-used{border-radius:10px;padding:1rem}.words-used{background:#48bb781a;border:1px solid #48bb784d}.words-missed{background:#f565651a;border:1px solid #f565654d}.words-used h4{color:#48bb78}.words-missed h4,.words-used h4{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.words-missed h4{color:#f56565}.success-icon{color:#48bb78}.warning-icon{color:#f56565}.word-tags{display:flex;flex-wrap:wrap;gap:.5rem}.word-tag{border-radius:20px;font-size:.9rem;font-weight:500;padding:.4rem .8rem}.success-tag{background:#48bb7833;border:1px solid #48bb7866;color:#48bb78}.warning-tag{background:#f5656533;border:1px solid #f5656566;color:#f56565}.skills-section{background:#98fb981a;border:1px solid #98fb9833}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-feedback{background:#ffffff0d;border-left:4px solid #98fb98;border-radius:10px;padding:1.5rem}.skill-feedback h4{color:#98fb98;font-size:1.1rem;margin-bottom:1rem}.skill-feedback p{color:#e0e0e0;line-height:1.6;margin:0}.creativity-section{background:#ee82ee1a;border:1px solid #ee82ee33}.creativity-feedback p{background:#ffffff0d;border-radius:10px;color:#e0e0e0;font-size:1.1rem;line-height:1.6;margin:0;padding:1rem;text-align:center}.transcript-section{background:#6495ed1a;border:1px solid #6495ed33}.transcript-display{background:#ffffff0d;border-left:4px solid #6495ed;border-radius:10px;padding:1.5rem}.transcript-display p{color:#e0e0e0;font-size:1.1rem;font-style:italic;line-height:1.8;margin:0}.topic-relevance-section{background:#667eea1a;border:1px solid #667eea33}.score-details{background:#ffffff0d;border-radius:10px;margin-top:1rem;padding:1rem;text-align:left}.score-details p{line-height:1.5;margin:.5rem 0}.story-completion-section{background:#9c27b01a;border:1px solid #9c27b033}.completion-details{display:flex;flex-direction:column;gap:1rem}.completion-status{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.completion-badge{align-items:center;border-radius:25px;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.completion-badge.complete{background:#48bb7833;border:2px solid #48bb7866;color:#48bb78}.completion-badge.incomplete{background:#f5656533;border:2px solid #f5656566;color:#f56565}.completion-feedback{background:#ffffff0d;border-radius:10px;padding:1rem}.completion-feedback p{line-height:1.5;margin:.5rem 0}.language-skills-section{background:#4caf501a;border:1px solid #4caf5033}.language-skills-section .skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skill-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem}.skill-label{color:#fffc;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.skill-score{border-radius:25px;color:#fff;font-size:1.5rem;font-weight:700;padding:.5rem 1rem;text-shadow:0 1px 2px #0000004d}.usage-quality{margin-top:1rem;text-align:center}.usage-quality p{background:#ffffff0d;border-radius:8px;color:#ffffffe6;font-style:italic;margin:0;padding:.75rem}.pronunciation-notes-section{background:#ff98001a;border:1px solid #ff980033}.pronunciation-items{display:flex;flex-direction:column;gap:1rem}.pronunciation-item{background:#ff98000d;border:1px solid #ff980033;border-left:4px solid #ff9800;border-radius:10px;padding:1rem}.pronunciation-word{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.context-info{background:#4caf501a;border-left:3px solid #4caf50;border-radius:8px;margin-bottom:1rem;padding:.75rem}.context-info p{color:#e0e0e0;font-size:.9rem;margin:0}.next-steps-section{background:#ffd7001a;border:1px solid #ffd70033}.next-steps-content{background:#ffffff0d;border-left:4px solid gold;border-radius:10px;padding:1.5rem}.next-steps-content p{color:#e0e0e0;font-size:1.1rem;line-height:1.6;margin:0}@media (max-width:768px){.story-feedback-container{padding:1rem}.feedback-section{margin-bottom:1.5rem;padding:1.5rem}.score-badge{font-size:2rem;padding:.75rem 1.5rem}.skills-grid{grid-template-columns:1fr}.language-skills-section .skills-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.skill-item{padding:1rem}.skill-score{font-size:1.2rem}.completion-status{flex-direction:column;gap:.75rem}.completion-badge{font-size:.9rem;padding:.5rem 1rem}.pronunciation-word{align-items:flex-start;flex-direction:column;gap:.5rem}.word-tags{justify-content:center}.section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.section-header h3{font-size:1.1rem}}@media (max-width:480px){.feedback-section{padding:1rem}.score-badge{font-size:1.5rem;padding:.5rem 1rem}.transcript-display p{font-size:1rem}.skill-feedback{padding:1rem}}.radar-chart-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;display:flex;justify-content:center;padding:1rem}.radar-chart{filter:drop-shadow(0 0 20px rgba(102,126,234,.3))}.radar-polygon{animation:fadeIn .8s ease-out;transition:all .3s ease}.radar-point{cursor:pointer;transition:all .2s ease}.radar-point:hover{transform:scale(1.2)}.radar-label{letter-spacing:.5px;text-transform:uppercase}.radar-label,.radar-value{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.radar-value{text-shadow:0 0 10px currentColor}.radar-chart-container:hover .radar-polygon{filter:url(#glow) drop-shadow(0 0 30px rgba(102,126,234,.5))}.record-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea40,#764ba233);border:2px solid #667eea99;border-radius:16px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;font-weight:700;gap:.7rem;justify-content:center;min-height:110px;padding:1.8rem;transition:all .3s ease;width:100%}.record-button:hover:not(:disabled){background:linear-gradient(135deg,#667eea59,#764ba24d);border-color:#667eeae6;box-shadow:0 6px 20px #667eea80;transform:translateY(-3px)}.record-button:active:not(:disabled){transform:translateY(-1px)}.record-button.recording{animation:pulse-recording 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff52524d,#f4433640);border-color:#ff5252b3}.record-button.analyzing{background:linear-gradient(135deg,#ffa7264d,#fb8c0040);border-color:#ffa726b3;cursor:wait}.record-button:disabled{cursor:not-allowed;opacity:.6}.record-icon{font-size:2rem}.record-label{font-size:1.05rem;line-height:1.3;text-align:center}@keyframes pulse-recording{0%,to{border-color:#ff5252b3;box-shadow:0 4px 15px #ff525266}50%{border-color:#ff5252;box-shadow:0 6px 25px #ff5252b3}}@media (max-width:768px){.record-button{font-size:1rem;min-height:105px;padding:1.5rem}.record-icon{font-size:1.8rem}.record-label{font-size:1rem}}@media (max-width:480px){.record-button{font-size:.95rem;min-height:100px;padding:1.3rem}.record-icon{font-size:1.6rem}.record-label{font-size:.9rem}}.score-feedback{animation:fade-in .3s ease;border-radius:12px;padding:2rem;text-align:center}.score-feedback.green{background:linear-gradient(135deg,#4caf5033,#4caf501a);border:2px solid #4caf5080}.score-feedback.yellow{background:linear-gradient(135deg,#ffb74d33,#ffb74d1a);border:2px solid #ffb74d80}.score-feedback.red{background:linear-gradient(135deg,#ff525233,#ff52521a);border:2px solid #ff525280}.score-display{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.score-emoji,.score-value{font-size:3rem}.score-value{color:#fff;font-weight:700}.feedback-message{color:#ffffffe6;font-size:1.125rem;line-height:1.6}@media (max-width:640px){.score-emoji,.score-value{font-size:2rem}.feedback-message{font-size:1rem}}.practice-modal-overlay{align-items:center;animation:fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.practice-modal{animation:slide-up .3s ease;background:linear-gradient(135deg,#1e1e2dfa,#141423fa);border:2px solid #ffffff40;border-radius:24px;box-shadow:0 20px 60px #0006;color:#fff;max-height:90vh;max-width:650px;overflow-y:auto;padding:2rem;width:100%}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) or (-webkit-backdrop-filter:blur(20px)){.practice-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1f}}.practice-header{align-items:center;border-bottom:2px solid #ffffff26;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem}.practice-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:1.85rem;font-weight:700;margin:0}.close-button{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.close-button:hover{background:#fff3;border-color:#fff6;box-shadow:0 4px 12px #0003;transform:rotate(90deg) scale(1.05)}.practice-content{display:flex;flex-direction:column;gap:2rem}.practice-section{display:flex;flex-direction:column;gap:1.25rem}.practice-section h3{color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:.3px;margin:0}.listen-button{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba226);border:2px solid #667eea99;border-radius:16px;box-shadow:0 4px 15px #667eea33;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:700;gap:.6rem;justify-content:center;min-height:90px;padding:1.4rem;transition:all .3s ease;width:100%}.listen-button:hover{background:linear-gradient(135deg,#667eea4d,#764ba240);border-color:#667eeae6;box-shadow:0 6px 20px #667eea66;transform:translateY(-3px)}.listen-button:active{transform:translateY(-1px)}.listen-icon{font-size:1.6rem}.instruction{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0;padding:.5rem;text-align:center}.practice-progress{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000026;border:1px solid #ffffff26;border-radius:16px;padding:1.75rem}.practice-progress h4{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 1.25rem}.attempts-list{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));margin-bottom:1rem}.attempt-item{align-items:center;background:#ffffff14;border:2px solid #0000;border-radius:12px;display:flex;flex-direction:column;gap:.4rem;padding:.85rem;transition:all .3s ease}.attempt-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.attempt-item.green{background:linear-gradient(135deg,#4caf5033,#4caf501a);border-color:#4caf5099;box-shadow:0 2px 8px #4caf5033}.attempt-item.yellow{background:linear-gradient(135deg,#ffb74d33,#ffb74d1a);border-color:#ffb74d99;box-shadow:0 2px 8px #ffb74d33}.attempt-item.red{background:linear-gradient(135deg,#ff525233,#ff52521a);border-color:#ff525299;box-shadow:0 2px 8px #ff525233}.attempt-number{color:#ffffffa6;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.attempt-score{color:#fff;font-size:1.2rem;font-weight:800;text-shadow:0 2px 4px #0003}.success-message{animation:celebration .5s ease;background:linear-gradient(135deg,#4caf504d,#4caf5026);border:2px solid #4caf5099;border-radius:12px;box-shadow:0 4px 15px #4caf504d;color:#b4ffb4;font-size:1.15rem;font-weight:700;padding:1.25rem;text-align:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes celebration{0%,to{transform:scale(1)}25%{transform:scale(1.05) rotate(-2deg)}50%{transform:scale(1.08)}75%{transform:scale(1.05) rotate(2deg)}}.practice-modal::-webkit-scrollbar{width:10px}.practice-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px;margin:10px 0}.practice-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea66,#764ba266);border-radius:5px}.practice-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#667eea99,#764ba299)}@media (max-width:768px){.practice-modal{border-radius:20px;max-height:92vh;padding:1.75rem}.practice-header h2{font-size:1.6rem}.practice-section h3{font-size:1.2rem}.listen-button{font-size:.95rem;min-height:85px;padding:1.2rem}.attempts-list{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.attempt-score{font-size:1.1rem}}@media (max-width:480px){.practice-modal{border-radius:16px;max-height:95vh;padding:1.25rem}.practice-header{margin-bottom:1.5rem;padding-bottom:1rem}.practice-header h2{font-size:1.4rem}.close-button{font-size:1.3rem;height:40px;width:40px}.practice-section h3{font-size:1.1rem}.listen-button{font-size:.9rem;min-height:80px;padding:1rem}.listen-icon{font-size:1.5rem}.practice-progress{padding:1.25rem}.attempts-list{gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}.attempt-item{padding:.65rem}.attempt-number{font-size:.7rem}.attempt-score{font-size:1rem}.success-message{font-size:1rem;padding:1rem}}.pronunciation-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:16px;box-shadow:0 4px 15px #0000001a;color:#fff;padding:1.5rem;transition:all .3s ease}.pronunciation-card.red{background:linear-gradient(135deg,#ff525226,#ffffff1a);border-color:#ff525280}.pronunciation-card.yellow{background:linear-gradient(135deg,#ffb74d26,#ffffff1a);border-color:#ffb74d80}.pronunciation-card:hover{border-color:#fff6;box-shadow:0 8px 24px #0003;transform:translateY(-5px)}.card-header{border-bottom:1px solid #ffffff26;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.card-header,.word-info{align-items:center;display:flex}.word-info{gap:1rem}.word-text{color:#fff;font-size:1.6rem;font-weight:700;text-shadow:0 2px 4px #0003}.accuracy-score{background:#ffffff26;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:1.25rem;font-weight:600;padding:.35rem .85rem}.color-badge{border:1px solid;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.color-badge.red{background:#ff525240;border-color:#ff525280;color:#ffb3b3}.color-badge.yellow{background:#ffb74d40;border-color:#ffb74d80;color:#ffe5b4}.card-context{background:#0000001a;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.25rem;padding:1rem}.context-label{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-bottom:.6rem;text-transform:uppercase}.context-text{color:#fff;font-size:1.05rem;line-height:1.7}.highlighted-word{border:1px solid;border-radius:6px;font-weight:700;padding:.15rem .4rem}.highlighted-word.red{background:#ff52524d;border-color:#ff525299;color:#ffb3b3}.highlighted-word.yellow{background:#ffb74d4d;border-color:#ffb74d99;color:#ffe5b4}.audio-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem}.audio-button,.audio-control{display:flex;flex-direction:column}.audio-button{align-items:center;background:#ffffff14;border:2px solid;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-height:80px;padding:1rem;transition:all .3s ease}.audio-button:hover{background:#ffffff26;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.audio-button:active{transform:translateY(0)}.audio-button.user{background:linear-gradient(135deg,#ffb74d26,#ffffff14);border-color:#ffb74d80}.audio-button.user:hover{background:linear-gradient(135deg,#ffb74d40,#ffffff26);border-color:#ffb74dcc}.audio-button.correct{background:linear-gradient(135deg,#4caf5026,#ffffff14);border-color:#4caf5080}.audio-button.correct:hover{background:linear-gradient(135deg,#4caf5040,#ffffff26);border-color:#4caf50cc}.audio-icon{font-size:1.2rem}.audio-label{line-height:1.3;text-align:center}.phoneme-section{border-top:1px solid #ffffff26;margin-top:1.25rem;padding-top:1.25rem}.phoneme-toggle{align-items:center;background:#ffffff14;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:.9rem 1.1rem;transition:all .3s ease;width:100%}.phoneme-toggle:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.toggle-icon{font-size:1.1rem;transition:transform .3s ease}.toggle-icon.expanded{transform:rotate(180deg)}.phoneme-list{display:flex;flex-direction:column;gap:.85rem;margin-top:1.25rem}.phoneme-item{grid-gap:1rem;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000026;border:1px solid #ffffff1a;border-radius:12px;display:grid;gap:1rem;grid-template-columns:auto auto 1fr;padding:1rem;transition:all .2s ease}.phoneme-item:hover{background:#0003;border-color:#fff3}.phoneme-symbol{background:#ff525240;border:1px solid #ff525266;border-radius:8px;color:#ffb3b3;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;padding:.35rem .7rem}.phoneme-score{color:#fff;font-size:1.05rem;font-weight:600}.phoneme-feedback{color:#fffc;font-size:.9rem;grid-column:1/-1;line-height:1.6;margin:.5rem 0 0}.practice-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:.6rem;justify-content:center;margin-top:1.25rem;padding:1.1rem 1.75rem;transition:all .3s ease;width:100%}.practice-button:hover{background:linear-gradient(135deg,#7c92f0,#8a5fb4);box-shadow:0 6px 20px #667eea80;transform:translateY(-3px)}.practice-button:active{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}@media (max-width:768px){.pronunciation-card{padding:1.25rem}.audio-controls{gap:.85rem;grid-template-columns:1fr}.word-info{align-items:flex-start;flex-direction:column;gap:.6rem}.word-text{font-size:1.4rem}.card-header{align-items:flex-start;flex-direction:column;gap:1rem}.phoneme-item{gap:.75rem;grid-template-columns:1fr}.phoneme-feedback{grid-column:1;margin-top:.25rem}.audio-button{font-size:.85rem;min-height:75px;padding:.9rem}}@media (max-width:480px){.pronunciation-card{border-radius:12px;padding:1rem}.word-text{font-size:1.3rem}.accuracy-score{font-size:1.1rem;padding:.3rem .7rem}.context-text{font-size:.95rem}.audio-button{font-size:.8rem;min-height:70px;padding:.8rem}.practice-button{font-size:.95rem;padding:1rem 1.5rem}}.pronunciation-feedback{padding:2rem}.pronunciation-feedback-empty{color:#ffffffe6;padding:4rem 2rem;text-align:center}.pronunciation-feedback-empty h3{color:#4caf50;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.pronunciation-feedback-empty p{font-size:1rem;opacity:.8}.pronunciation-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.pronunciation-header h3{color:#fff;font-size:1.75rem;font-weight:600;margin:0}.pronunciation-legend{display:flex;gap:1.5rem}.legend-item{align-items:center;color:#fffc;display:flex;font-size:.875rem;gap:.5rem}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-item.red .legend-dot{background:#ff5252}.legend-item.yellow .legend-dot{background:#ffb74d}.pronunciation-section{margin-bottom:2rem}.pronunciation-section h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.pronunciation-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.pronunciation-feedback{padding:1rem}.pronunciation-header{align-items:flex-start;flex-direction:column;gap:1rem}.pronunciation-cards{grid-template-columns:1fr}}.conversation-feedback{margin:0 auto;max-width:1200px;padding:2rem}.feedback-header{align-items:center;justify-content:space-between;margin-bottom:2rem}.feedback-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem}.btn-reset{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-reset:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.feedback-tabs{border-bottom:2px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:2rem}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#fff9;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;position:relative;top:2px;transition:all .2s}.tab-btn:hover{color:#ffffffe6}.tab-btn.active{border-bottom-color:#667eea;color:#fff}.feedback-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:16px;min-height:400px;padding:2rem}.overview-tab{animation:fadeIn .3s ease-out}.encouragement-message{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin-bottom:2rem;padding:2rem;text-align:center}.radar-chart-section{animation:scaleIn .6s ease-out;margin:2rem auto;max-width:400px}.message-icon{font-size:3rem;margin-bottom:1rem}.encouragement-message h3{color:#fff;font-size:1.8rem;margin-bottom:1rem}.encouragement-message p{color:#ffffffe6;font-size:1.1rem;line-height:1.6}.scores-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:3rem}.score-card{text-align:center}.score-label{color:#ffffffb3;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.score-circle{align-items:center;animation:scaleIn .5s ease-out;border:8px solid;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto 1rem;position:relative;width:120px}.score-number{color:#fff;font-size:2.5rem;font-weight:700}.score-percentage{color:#ffffffb3;font-size:1rem}.score-text{color:#fffc;font-size:.95rem;font-weight:500}.metrics-section{margin-bottom:3rem}.metrics-section h4{color:#fff;font-size:1.3rem;margin-bottom:1.5rem}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.metric-item{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.metric-item:hover{background:#ffffff26;transform:translateY(-2px)}.metric-icon{font-size:2rem}.metric-content{flex:1 1}.metric-label{color:#ffffffb3;font-size:.85rem;margin-bottom:.25rem}.metric-value{color:#fff;font-size:1.5rem;font-weight:700}.filler-words{background:#ff98001a;border-left:4px solid #ff9800;border-radius:8px;padding:1.5rem}.filler-words h5{color:#ff9800;font-size:1rem;margin-bottom:1rem}.filler-chips{display:flex;flex-wrap:wrap;gap:.75rem}.filler-chip{background:#ff980033;border-radius:20px;color:#ff9800;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.filler-chip .count{margin-left:.5rem;opacity:.8}.insights-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.insights-column h4{color:#fff;font-size:1.2rem;margin-bottom:1rem}.improvement-list,.strengths-list{list-style:none;padding:0}.improvement-list li,.strengths-list li{align-items:flex-start;color:#ffffffe6;display:flex;gap:.75rem;line-height:1.5;padding:.75rem 0}.strengths-list .icon{color:#4caf50;flex-shrink:0;font-weight:700}.improvement-list .icon{color:#ff9800;flex-shrink:0;font-weight:700}.next-steps{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem}.next-steps h4{color:#667eea;font-size:1.2rem;margin-bottom:1rem}.next-steps-list{color:#ffffffe6;padding-left:1.5rem}.next-steps-list li{line-height:1.6;margin-bottom:.75rem}.grammar-tab,.transcript-tab,.vocabulary-tab{animation:fadeIn .3s ease-out}.grammar-tab h3,.transcript-tab h3,.vocabulary-tab h3{color:#fff;font-size:1.5rem;margin-bottom:2rem}.empty-feedback{padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-feedback p{color:#ffffffb3;font-size:1.2rem}.feedback-items{display:flex;flex-direction:column;gap:1.5rem}.feedback-item{animation:slideIn .3s ease-out;background:#ffffff0d;border-left:4px solid;border-radius:12px;padding:1.5rem}.feedback-item.severity-major{border-left-color:#f44336}.feedback-item.severity-moderate{border-left-color:#ff9800}.feedback-item.severity-minor{border-left-color:#ffc107}.feedback-item.level-basic{border-left-color:#4caf50}.feedback-item.level-intermediate{border-left-color:#2196f3}.feedback-item.level-advanced{border-left-color:#9c27b0}.feedback-header{display:flex;gap:.75rem;margin-bottom:1rem}.category-badge,.level-badge,.severity-badge,.word-badge{border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.severity-badge.major{background:#f4433633;color:#f44336}.severity-badge.moderate{background:#ff980033;color:#ff9800}.severity-badge.minor{background:#ffc10733;color:#ffc107}.category-badge{background:#667eea33;color:#667eea}.level-badge.basic{background:#4caf5033;color:#4caf50}.level-badge.intermediate{background:#2196f333;color:#2196f3}.level-badge.advanced{background:#9c27b033;color:#9c27b0}.word-badge{background:#ffffff1a;color:#fff;font-size:1rem}.feedback-body{display:flex;flex-direction:column;gap:1rem}.feedback-body .label{color:#ffffffb3;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.feedback-body .text{color:#fff;font-size:1rem;line-height:1.6}.original-text .text{background:#f443361a;border-left:3px solid #f44336;border-radius:8px;padding:.75rem 1rem}.corrected-text .text{background:#4caf501a;border-left:3px solid #4caf50;border-radius:8px;padding:.75rem 1rem}.suggestion-highlight{background:#667eea33;border-left:3px solid #667eea;border-radius:8px;font-weight:600;padding:.75rem 1rem}.transcript-list{display:flex;flex-direction:column;gap:1.5rem}.transcript-turn{animation:slideIn .3s ease-out;display:flex;gap:1rem}.transcript-turn.user{flex-direction:row-reverse}.turn-avatar{flex-shrink:0;font-size:2rem}.turn-content{background:#ffffff0d;border-radius:12px;flex:1 1;max-width:70%;padding:1rem 1.5rem}.transcript-turn.user .turn-content{background:#667eea33}.transcript-turn.ai .turn-content{background:#764ba233}.turn-speaker{color:#ffffffb3;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.turn-text{color:#fff;line-height:1.6}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scenario-specific-tab{animation:fadeIn .3s ease-out}.scenario-specific-tab h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.scenario-specific-tab>p{color:#ffffffd9;font-size:1.05rem;line-height:1.7}.scenario-specific-tab .feedback-section{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.scenario-specific-tab .feedback-section h4{align-items:center;color:#fff;display:flex;font-size:1.4rem;font-weight:700;gap:.5rem;margin-bottom:1.25rem}.scenario-specific-tab .feedback-section h5{color:#fffffff2;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.scenario-specific-tab .feedback-section p{color:#ffffffe6;font-size:1.05rem;line-height:1.7}.scenario-specific-tab .feedback-section strong{color:#fff;font-size:1.05rem;font-weight:700}.scenario-specific-tab .level-badge-large{font-size:1.5rem;font-weight:800;letter-spacing:1px}.scenario-specific-tab .score-display{align-items:center;display:flex;gap:1rem;justify-content:flex-start}.scenario-specific-tab .relevance-examples,.scenario-specific-tab .tone-examples{margin-top:1rem}.scenario-specific-tab .feedback-item{border:1px solid #ffffff26}.scenario-specific-tab .feedback-item strong{font-size:1.05rem;font-weight:700}.scenario-specific-tab .feedback-item>div{font-size:1.02rem;line-height:1.7}.scenario-specific-tab .label{color:#ffffffd9;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.scenario-specific-tab .text{color:#fff;font-size:1.05rem;font-weight:500;line-height:1.7}.scenario-specific-tab .severity-badge{font-size:.9rem;font-weight:700;padding:.4rem .85rem}@media (max-width:768px){.feedback-header{align-items:flex-start;flex-direction:column;gap:1rem}.feedback-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-btn{white-space:nowrap}.scores-grid{grid-template-columns:repeat(2,1fr)}.insights-section{grid-template-columns:1fr}.turn-content{max-width:85%}}.avatar-wrapper{flex-direction:column;gap:1.5rem}.avatar-circle,.avatar-wrapper{align-items:center;display:flex;position:relative}.avatar-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff0d);border:3px solid #ffffff4d;border-radius:50%;height:180px;justify-content:center;transition:all .3s ease;width:180px;z-index:2}.avatar-icon{font-size:5rem}.avatar-pulse{background:#4caf504d;border-radius:50%;height:180px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:180px;z-index:1}.avatar-wrapper.speaking .avatar-pulse{animation:pulse-speaking 1.5s ease-in-out infinite;opacity:1}.avatar-wrapper.speaking .avatar-circle{border-color:#4caf50cc;box-shadow:0 0 20px #4caf5080}@keyframes pulse-speaking{0%{height:180px;opacity:.6;width:180px}50%{height:220px;opacity:.3;width:220px}to{height:180px;opacity:.6;width:180px}}.avatar-name{color:#ffffffe6;font-size:1.25rem;font-weight:600;text-align:center}.streaming-text{align-items:center;display:flex;justify-content:center;min-height:60px;opacity:0;transform:translateY(10px);transition:all .3s ease}.streaming-text.active{opacity:1;transform:translateY(0)}.streaming-text-content{color:#fffffff2;font-size:1.125rem;line-height:1.6;text-align:center}.cursor-blink{animation:blink 1s step-end infinite;display:inline-block;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.call-controls{display:flex;gap:1rem;justify-content:center;max-width:500px;padding:1rem 0;width:100%}.control-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .2s ease;white-space:nowrap}.control-button.secondary{background:#ffffff1a;border:2px solid #ffffff4d;color:#ffffffe6}.control-button.secondary:hover{background:#ffffff26;border-color:#ffffff80}.control-button.primary{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;color:#fff;flex:1 1;justify-content:center;max-width:200px}.control-button.primary:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.control-button:active{transform:translateY(0)}.button-icon{font-size:1.25rem}@media (max-width:640px){.call-controls{flex-direction:column}.control-button{justify-content:center;width:100%}.control-button.primary{max-width:100%}}.call-screen{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:2rem;position:relative;width:100%}.call-background{background:linear-gradient(180deg,#1a1a2e,#0f3460);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.call-header{align-items:center;display:flex;justify-content:space-between;width:100%}.call-info{display:flex;flex-direction:column;gap:.25rem}.call-title{font-size:1.5rem;font-weight:600}.call-subtitle{font-size:1rem;opacity:.8}.cc-badge{background:#fff3;border-radius:8px;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.call-avatar-container{align-items:center;display:flex;flex:1 1;justify-content:center}.call-timer{margin:2rem 0}.timer-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #ffffff4d;border-radius:50%;display:flex;height:120px;justify-content:center;width:120px}.call-timer.warning .timer-circle{animation:pulse-warning 1s infinite;border-color:#ff6b6b}.timer-text{font-size:2rem;font-weight:700}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.call-streaming-text{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;display:flex;justify-content:center;margin:1rem 0;max-width:600px;min-height:80px;padding:1.5rem;text-align:center}.call-description{margin-bottom:2rem;max-width:500px;opacity:.9;text-align:center}.call-description p{line-height:1.6;margin:.5rem 0}.call-hint{font-size:.875rem;margin-top:.5rem;opacity:.7}.hint-section{flex-direction:column;gap:1rem;margin:1.5rem 0;max-width:600px;width:100%}.hint-button,.hint-section{align-items:center;display:flex}.hint-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;gap:.5rem;outline:none;padding:.75rem 1.5rem;transition:all .3s ease}.hint-button:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.hint-button:active:not(:disabled){transform:translateY(0)}.hint-button:disabled{cursor:not-allowed;opacity:.5}.hint-icon{display:inline-block;font-size:1.25rem}.hint-icon.spinning{animation:spin 1s linear infinite}.hint-display{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;padding:1rem 1.5rem;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hint-content{display:flex;flex-direction:column;gap:.5rem}.hint-label{font-size:.875rem;font-weight:600;opacity:.9}.hint-text{color:#fff;font-size:1rem;line-height:1.6}@media (max-width:768px){.call-screen{padding:1.5rem}.call-title{font-size:1.25rem}.timer-circle{height:100px;width:100px}.timer-text{font-size:1.5rem}.call-streaming-text{max-width:100%;padding:1rem}.hint-section{max-width:100%}.hint-button{font-size:.875rem;padding:.625rem 1.25rem}.hint-display{padding:.875rem 1rem}.hint-text{font-size:.9rem}}.conversation-exercise{margin:0 auto;max-width:1200px;padding:2rem}.exercise-header{margin-bottom:2rem;text-align:center}.exercise-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:.5rem}.exercise-header p{color:#ffffffb3;font-size:1.1rem}.error-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-banner button{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.25rem .75rem;transition:background .2s}.error-banner button:hover{background:#ffffff4d}.scenario-selection{margin-bottom:2rem}.scenario-selection h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.scenarios-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.scenario-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:16px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.scenario-card:hover{border-color:#fff6;box-shadow:0 8px 24px #0003;transform:translateY(-5px)}.scenario-card.selected{background:#667eea33;border-color:#667eea;box-shadow:0 0 20px #667eea4d}.scenario-icon{font-size:3rem;margin-bottom:.5rem}.scenario-name{font-size:1.2rem;margin-bottom:.5rem}.scenario-description{color:#ffffffb3;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.scenario-meta{display:flex;font-size:.85rem;gap:1rem;justify-content:center}.scenario-meta .difficulty,.scenario-meta .duration{background:#ffffff1a;border-radius:12px;color:#ffffffe6;padding:.25rem .75rem}.config-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;margin-bottom:2rem;padding:2rem}.config-form h3{color:#fff;font-size:1.3rem}.config-form h3,.form-group{margin-bottom:1.5rem}.form-group label{color:#ffffffe6;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{background:#ffffff26;border-color:#667eea;outline:none}.form-group input::placeholder{color:#ffffff80}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.start-section{margin:2rem 0;text-align:center}.btn-large{border-radius:12px;font-size:1.2rem;padding:1rem 3rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.btn-danger:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.loading-state{padding:4rem 2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 1rem;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{color:#fffc;font-size:1.1rem}.conversation-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:16px;display:flex;flex-direction:column;min-height:600px;overflow:hidden}.conversation-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;padding:1.5rem}.scenario-info{align-items:center;display:flex;gap:1rem}.scenario-icon-large{font-size:2rem}.scenario-name{color:#fff;font-size:1.3rem;font-weight:600}.timer{background:#fff3;border-radius:12px;color:#fff;font-size:1.5rem;font-weight:700;padding:.5rem 1.5rem}.timer.warning{animation:pulse 1s infinite;background:#ff9800}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.conversation-messages{flex:1 1;max-height:500px;overflow-y:auto;padding:2rem}.empty-state{color:#fff9;font-size:1.1rem;padding:3rem;text-align:center}.message{animation:slideIn .3s ease-out;display:flex;gap:1rem;margin-bottom:1.5rem}.message.user{flex-direction:row-reverse}.message-avatar{flex-shrink:0;font-size:2rem}.message-content{background:#ffffff1a;border-radius:16px;max-width:70%;padding:1rem 1.5rem}.message.user .message-content{background:#667eea4d}.message.ai .message-content{background:#764ba24d}.message-speaker{color:#ffffffb3;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.message-text{color:#fff;font-size:1rem;line-height:1.6}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.conversation-controls{background:#0003;display:flex;gap:1rem;justify-content:center;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.form-row,.scenarios-grid{grid-template-columns:1fr}.conversation-header{flex-direction:column;gap:1rem}.message-content{max-width:85%}}
/*# sourceMappingURL=main.b30d868e.css.map*/