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}.bot-panel{width:25%}.bot-list{flex-grow:1;overflow-y:auto;padding:15px 10px}.bot-item{align-items:center;border-left:3px solid #0000;border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;padding:14px;position:relative;transition:all .3s ease}.bot-item:hover{background-color:#3a4556;transform:translateX(2px)}.bot-item.active{background-color:#3a4556;border-left:3px solid #38b2ac}.bot-avatar{align-items:center;background-color:#38b2ac;border-radius:10px;box-shadow:0 3px 6px #0000001a;display:flex;font-size:18px;font-weight:700;height:42px;justify-content:center;margin-right:12px;overflow:hidden;width:42px}.bot-avatar-image{border-radius:10px;height:100%;object-fit:cover;width:100%}.bot-info{flex-grow:1}.bot-name{align-items:center;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:4px}.bot-title{color:#a0aec0;font-size:.85rem;font-style:italic;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-type-badge{font-size:.7rem;opacity:.8;transition:opacity .3s ease}.bot-type-badge.normal{color:#4299e1}.bot-type-badge.mission{color:#f56565}.missions-badge{font-size:.7rem;margin-left:4px;opacity:.8;transition:opacity .3s ease}.bot-description{color:#cbd5e0;font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-bot-btn{background-color:#1a202c;cursor:pointer;font-weight:500;padding:16px;text-align:center;transition:background-color .2s}.add-bot-btn:hover{background-color:#2d3748}.bot-delete-btn{background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;font-size:18px;font-weight:700;opacity:0;padding:2px 8px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.bot-delete-btn:hover{background-color:#e53e3e;color:#fff}.bot-item:hover .bot-delete-btn{opacity:1}.bot-context-menu{background-color:#2d3748;border:1px solid #4a5568;border-radius:8px;box-shadow:0 4px 8px #0003;min-width:160px;overflow:hidden;position:fixed;z-index:1000}.context-menu-item{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:.9rem;padding:10px 15px;transition:background-color .2s}.context-menu-item:hover{background-color:#3a4556}.context-menu-item.delete{color:#fc8181}.context-menu-item.delete:hover{background-color:#e53e3e33}@media (max-width:768px){.bot-panel{height:100%;width:100%}.bot-list{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:12px 8px}.bot-item{border-radius:12px;margin-bottom:8px;min-height:64px;padding:16px 12px}.bot-avatar{border-radius:12px;height:48px;margin-right:14px;width:48px}.bot-name{font-size:1rem;font-weight:600;margin-bottom:4px}.bot-description{font-size:.85rem;line-height:1.3}.add-bot-btn{align-items:center;display:flex;font-size:1rem;gap:8px;justify-content:center;min-height:56px;padding:18px 16px}}@media (max-width:480px){.bot-list{padding:10px 6px}.bot-item{min-height:60px;padding:14px 10px}.bot-avatar{height:44px;margin-right:12px;width:44px}.bot-name{font-size:.95rem}.bot-description{font-size:.8rem}.add-bot-btn{font-size:.95rem;min-height:52px;padding:16px 14px}}.message-toolbar{display:flex;gap:8px;margin-top:8px;opacity:.6;transition:opacity .2s}.message:hover .message-toolbar{opacity:1}.toolbar-btn{background:none;border:none;border-radius:4px;color:#4a5568;cursor:pointer;font-size:1rem;padding:4px 6px;transition:all .2s}.message.user .toolbar-btn{color:#fffc}.toolbar-btn:hover{background-color:#edf2f7;color:#2d3748}.message.user .toolbar-btn:hover{background-color:#fff3;color:#fff}.toolbar-btn.delete-btn:hover{background-color:#dc26261a;color:#e53e3e}.message.user .toolbar-btn.delete-btn:hover{background-color:#ffffff4d;color:#fed7d7}.toolbar-btn.resend-btn:hover{background-color:#3197951a;color:#38b2ac}.message.user .toolbar-btn.resend-btn:hover{background-color:#ffffff4d;color:#fff}.message-result-panel{background-color:#f8fafc;border-radius:6px;margin-top:4px;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.message-result-panel.active{border:1px solid #e2e8f0;margin-top:8px;max-height:300px;overflow-y:auto}.result-content{padding:10px}.result-loading{align-items:center;display:flex;justify-content:center;padding:15px}.result-error{color:#e53e3e;font-size:.9em;padding:10px}.grammar-header,.translation-header{align-items:center;display:flex;margin-bottom:10px}.grammar-badge{align-items:center;background-color:#e53e3e;border-radius:50%;color:#fff;display:flex;font-size:.8em;font-weight:700;height:22px;justify-content:center;margin-right:8px;min-width:22px}.grammar-errors{margin-bottom:12px}.grammar-error{background-color:#fff8f8;border-left:3px solid red;margin-bottom:8px;padding:8px}.error-text{color:red;font-size:.9em;margin-bottom:4px}.grammar-improved{background-color:#f0fff4;border-left:3px solid green;border-radius:4px;padding:10px}.grammar-improved h5{color:green;margin-bottom:5px;margin-top:0}.grammar-improved p{color:green}.grammar-warnings{margin-bottom:12px}.grammar-warning{background-color:#fff8f8;border-left:3px solid orange;margin-bottom:8px;padding:8px}.warning-text{color:orange;font-size:.9em}.translated-text{background-color:#ebf8ff;border-left:3px solid #3182ce;border-radius:4px;padding:10px}.asr-result{background-color:#f8f9fa;border-radius:8px;font-size:14px;line-height:1.5;margin-top:5px;padding:10px;white-space:pre-wrap}.pronunciation-header{margin-bottom:20px;text-align:center}.pronunciation-header h4{align-items:center;display:flex;gap:8px;justify-content:center;margin:0}.pronunciation-header h4:before{content:"🎯";font-size:1.2em}.pronunciation-score{margin-bottom:15px;text-align:center}.score-display{align-items:center;border-radius:50%;box-shadow:0 8px 20px #0000004d;color:#fff;display:inline-block;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto;transition:all .3s ease;width:120px}.score-display.score-excellent{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 8px 20px #48bb7866}.score-display.score-good{background:linear-gradient(135deg,#ed8936,#dd6b20);box-shadow:0 8px 20px #ed893666}.score-display.score-poor{background:linear-gradient(135deg,#e53e3e,#c53030);box-shadow:0 8px 20px #e53e3e66}.score-display .score-value{font-size:2.5rem;font-weight:700;line-height:1}.score-display .score-label{font-size:.9rem;font-weight:500;opacity:.9}.score-display:hover{transform:scale(1.05)}.score-display.score-excellent:hover{box-shadow:0 12px 24px #48bb7880}.score-display.score-good:hover{box-shadow:0 12px 24px #ed893680}.score-display.score-poor:hover{box-shadow:0 12px 24px #e53e3e80}.score-grid{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.score-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:15px;text-align:center;transition:all .3s ease}.score-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.score-item .score-value{color:#2d3748;font-size:1.8rem;font-weight:700;margin-bottom:5px}.score-item .score-label{color:#718096;font-size:.85rem;font-weight:500}.text-comparison{margin-bottom:25px}.text-section{margin-bottom:15px}.text-section h5{color:#4a5568;font-size:.95rem;font-weight:600;margin-bottom:8px}.reference-text{background:#f7fafc;border-left:4px solid #4299e1}.recognized-text,.reference-text{border-radius:8px;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5;padding:12px 15px}.recognized-text{background:#f0fff4;border-left:4px solid #48bb78}.word-analysis{margin-bottom:25px}.word-analysis h5{color:#4a5568;font-size:.95rem;font-weight:600;margin-bottom:12px}.word-list{display:flex;flex-wrap:wrap;gap:8px}.word-item{align-items:center;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.word-item.excellent{background-color:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.word-item.good{background-color:#bee3f8;border:1px solid #90cdf4;color:#2a4365}.word-item.fair{background-color:#fef5e7;border:1px solid #f6e05e;color:#744210}.word-item.poor{background-color:#fed7d7;border:1px solid #fc8181;color:#742a2a}.word-score{background-color:#fffc;border-radius:12px;font-size:.8rem;font-weight:700;padding:2px 6px}.word-error{background-color:#ff00001a;border-radius:8px;color:#e53e3e;font-size:.75rem;padding:2px 6px}.phoneme-analysis{margin-bottom:25px}.phoneme-analysis h5{color:#4a5568;font-size:.95rem;font-weight:600;margin-bottom:12px}.word-phonemes{background:#fafafa;border-radius:8px;margin-bottom:12px;padding:10px}.word-title{color:#2d3748;font-weight:600;margin-bottom:6px}.phoneme-list{display:flex;flex-wrap:wrap;gap:4px}.phoneme-item{border-radius:12px;cursor:help;font-size:.8rem;font-weight:500;padding:4px 8px}.phoneme-item.excellent{background-color:#c6f6d5;color:#22543d}.phoneme-item.good{background-color:#bee3f8;color:#2a4365}.phoneme-item.fair{background-color:#fef5e7;color:#744210}.phoneme-item.poor{background-color:#fed7d7;color:#742a2a}.improvement-tips{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:20px;padding:20px}.improvement-tips h5{font-size:1rem;font-weight:600;margin-bottom:12px}.improvement-tips ul{margin:0;padding-left:20px}.improvement-tips li{line-height:1.4;margin-bottom:8px}.improvement-tips li:last-child{margin-bottom:0}.details-toggle{margin:20px 0;text-align:center}.toggle-details-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin:0 auto;padding:12px 20px;transition:all .3s ease}.toggle-details-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.toggle-details-btn:active{transform:translateY(0)}.toggle-icon{font-size:.8em;transition:transform .3s ease}.toggle-icon.expanded{transform:rotate(180deg)}.details-section{max-height:0;opacity:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.details-section.expanded{max-height:2000px;opacity:1}.details-section.collapsed{margin:0;max-height:0;opacity:0;padding:0}.details-section.expanded .improvement-tips,.details-section.expanded .score-grid,.details-section.expanded .text-comparison,.details-section.expanded .word-analysis{margin-bottom:25px}.details-section.expanded .score-item{animation:slideInUp .6s ease-out;animation-fill-mode:both}.details-section.expanded .score-item:first-child{animation-delay:.1s}.details-section.expanded .score-item:nth-child(2){animation-delay:.2s}.details-section.expanded .score-item:nth-child(3){animation-delay:.3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.toggle-details-btn{font-size:.85rem;padding:10px 16px}.details-section.expanded{max-height:1500px}}.details-section.expanded{background:linear-gradient(135deg,#667eea05,#764ba205);border-radius:12px;margin-top:10px;padding:20px}.details-section.collapsed{pointer-events:none}.details-section.expanded{pointer-events:auto}@keyframes scoreCountUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.score-display,.score-item{animation:scoreCountUp .6s ease-out}.score-item{animation-delay:0s;animation-delay:calc(var(--delay, 0)*.1s)}@keyframes scoreReveal{0%{opacity:0;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.score-display{animation:scoreReveal .6s cubic-bezier(.34,1.56,.64,1)}.message{animation:messageAppear .3s ease-out;border-radius:18px;box-shadow:0 2px 5px #0000000d;line-height:1.5;margin-bottom:20px;max-width:90%;padding:14px 18px;position:relative}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.bot{align-self:flex-start;background-color:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;padding:16px 18px}.message.user{align-self:flex-end;background-color:#38b2ac;border-bottom-right-radius:4px}.message-timestamp{bottom:-18px;color:#4a5568;font-size:.8em;font-weight:500;position:absolute;right:10px}.bot-content{overflow-x:auto}.bot-content pre{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:12px 0;padding:12px}.bot-content code{font-family:Fira Code,Courier New,monospace;font-size:.9em}.bot-content img{border-radius:6px;margin:10px 0;max-width:100%}.bot-content table{border-collapse:collapse;border-radius:6px;margin:12px 0;overflow:hidden;width:100%}.bot-content td,.bot-content th{border:1px solid #e2e8f0;padding:10px}.bot-content th{background-color:#f8fafc}.typing-indicator{margin-bottom:15px;padding:15px}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots span{animation:typing-dot 1.4s ease-in-out infinite both;background-color:#38b2ac;border-radius:50%;display:inline-block;height:8px;margin:0 2px;opacity:.7;width:8px}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,80%,to{transform:scale(.7)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.message{max-width:90%;padding:12px 14px}.message-toolbar{opacity:.8}.toolbar-btn{min-height:36px;min-width:36px;padding:8px}.typing-dots span{height:7px;width:7px}.voice-message-audio{max-width:100%}.bot-content pre{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;padding:8px}.bot-content code{font-size:.85em}}.voice-message{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:18px;box-shadow:0 2px 8px #0000001a;display:flex;max-width:200px;min-width:120px;overflow:hidden;transition:all .3s ease}.voice-message:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.voice-play-button{align-items:center;background:none;border:none;color:#2d3748;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;outline:none;padding:12px 16px;position:relative;transition:all .2s ease;width:100%}.voice-play-button:hover{background:#ffffff4d}.voice-play-button:active{transform:scale(.98)}.voice-play-button.playing{background:#38b2ac1a}.voice-duration{color:inherit;font-size:15px;font-weight:600;margin-right:8px;min-width:30px;text-align:left}.sound-waves{align-items:center;display:flex;gap:3px;margin-left:auto;position:relative}.sound-waves:before{color:#38b2ac;content:"▶";font-size:12px;margin-right:6px;transition:all .2s ease}.voice-play-button.playing .sound-waves:before{content:"⏸"}.wave{background:linear-gradient(0deg,#38b2ac,#4fd1c7);border-radius:2px;opacity:.7;transition:all .3s ease;width:3px}.wave-1{animation:wave-animation 1.5s ease-in-out infinite;height:12px}.wave-2{animation:wave-animation 1.5s ease-in-out .2s infinite;height:18px}.wave-3{animation:wave-animation 1.5s ease-in-out .4s infinite;height:24px}@keyframes wave-animation{0%,to{opacity:.4;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.voice-play-button:not(.playing) .wave{animation-play-state:paused}.message.user .voice-message{background:linear-gradient(135deg,#38b2ac,#2c7a7b);border-radius:18px;box-shadow:0 2px 8px #38b2ac4d;color:#fff}.message.user .voice-play-button{color:#fff}.message.user .voice-play-button:hover{background-color:#ffffff1a}.message.user .sound-waves:before{color:#fff}.message.user .wave{background:linear-gradient(0deg,#fff,#e6fffa)}.message.bot .voice-message{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 2px 8px #0000000d;color:#2d3748}.message.bot .voice-play-button{color:#2d3748}.message.bot .voice-play-button:hover{background-color:#0000000d}.message.bot .sound-waves:before{color:#38b2ac}.message.bot .wave{background:linear-gradient(0deg,#38b2ac,#4fd1c7)}.voice-play-button.playing .sound-waves .wave{animation-play-state:running}.system-message-divider{align-items:center;display:flex;margin:20px 0;width:100%}.divider-line{background-color:#e2e8f0;flex:1 1;height:1px}.divider-text{color:#718096;font-size:.875rem;font-style:italic;padding:0 16px;white-space:nowrap}.voice-recorder{width:100%}.record-btn,.voice-recorder{align-items:center;display:flex;justify-content:center}.record-btn{background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:50%;box-shadow:0 4px 12px #e53e3e4d;color:#fff;cursor:pointer;font-size:18px;height:44px;padding:0;transition:all .3s ease;width:44px}.record-btn:hover{background:linear-gradient(135deg,#c53030,#9c2a2a);box-shadow:0 6px 16px #e53e3e66;transform:translateY(-2px)}.record-btn:disabled{background:linear-gradient(135deg,#a0aec0,#718096);box-shadow:none;cursor:not-allowed;transform:none}.recording{align-items:center;display:flex;gap:12px;width:100%}.recording-indicator{align-items:center;background:linear-gradient(135deg,#fed7d7,#fbb6b6);border-radius:20px;color:#e53e3e;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;padding:8px 16px}.recording-dot{animation:pulse 1s infinite;background:linear-gradient(135deg,#e53e3e,#c53030);border-radius:50%;height:12px;width:12px}.stop-btn{align-items:center;background-color:#4a5568;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.stop-btn:hover{background-color:#2d3748}.voice-recorder.wechat-style{height:100%;width:100%}.wechat-record-btn{-webkit-touch-callout:none;align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#2d3748;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;height:48px;justify-content:center;transition:all .2s ease;user-select:none;-webkit-user-select:none;width:100%}.wechat-record-btn:hover:not(:disabled){background:linear-gradient(135deg,#f8f9fa,#e2e8f0);border-color:#38b2ac;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.wechat-record-btn:disabled{background:linear-gradient(135deg,#f5f5f5,#e2e8f0);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.wechat-record-btn.pressed{background:linear-gradient(135deg,#38b2ac,#2c7a7b);border-color:#38b2ac;box-shadow:0 2px 4px #38b2ac4d;color:#fff;transform:scale(.98)}.wechat-record-btn.recording{animation:recording-pulse 1.5s infinite;background:linear-gradient(135deg,#e53e3e,#c53030);border-color:#e53e3e;box-shadow:0 4px 12px #e53e3e66;color:#fff}.recording-indicator{animation:blink 1s infinite;font-size:12px}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes recording-pulse{0%{box-shadow:0 0 0 0 #e53e3e66}70%{box-shadow:0 0 0 10px #e53e3e00}to{box-shadow:0 0 0 0 #e53e3e00}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width:768px){.wechat-record-btn{border-radius:16px;font-size:15px;height:52px;min-height:52px;touch-action:manipulation}.voice-recorder .record-btn{font-size:20px;height:48px;width:48px}}@media (prefers-reduced-motion:reduce){.recording-dot,.recording-indicator,.wechat-record-btn{animation:none}}.chat-input{background-color:#f7f8fa;border-top:1px solid #e2e8f0;gap:8px;min-height:60px;padding:12px 16px}.chat-input,.mode-switch-btn{align-items:center;display:flex}.mode-switch-btn{background-color:#fff;border:1px solid #d1d1d6;border-radius:8px;cursor:pointer;flex-shrink:0;font-size:20px;height:44px;justify-content:center;transition:all .2s ease;width:44px}.mode-switch-btn:hover{background-color:#f5f5f5;border-color:#38b2ac}.mode-switch-btn:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.mode-switch-btn.voice{background-color:#38b2ac;border-color:#38b2ac;color:#fff}.mode-switch-btn.voice:hover{background-color:#319795}.voice-input-container{align-items:center;display:flex;flex-grow:1;height:44px}.text-input{background-color:#fff;border:1px solid #d1d1d6;border-radius:8px;color:#2d3748;flex-grow:1;font-family:inherit;font-size:16px;height:44px;line-height:1.4;overflow-y:auto;padding:0 12px;resize:none;transition:border-color .2s ease}.text-input:focus{border-color:#38b2ac;outline:none}.text-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-btn{align-items:center;background-color:#38b2ac;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:44px;justify-content:center;transition:all .2s ease;width:44px}.send-btn:hover:not(:disabled){background-color:#319795}.send-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.send-btn:active{transform:scale(.95)}@media (max-width:768px){.chat-input{min-height:56px;padding:8px 12px}.mode-switch-btn,.send-btn{font-size:18px;height:40px;width:40px}.text-input{font-size:16px;height:40px;padding:0 10px}.voice-input-container{height:40px}}@media (prefers-contrast:high){.mode-switch-btn,.send-btn,.text-input{border-width:2px}}@media (prefers-reduced-motion:reduce){.mode-switch-btn,.send-btn,.text-input{transition:none}}.chat-toolbar{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;gap:10px;padding:10px 20px}.chat-toolbar,.toolbar-button{align-items:center;display:flex}.toolbar-button{background-color:#edf2f7;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 12px;transition:all .2s}.toolbar-button:hover{background-color:#e2e8f0;transform:translateY(-1px)}.toolbar-icon{font-size:1.1em;margin-right:6px}.chat-suggestions-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:16px 0;padding:16px}.suggestions-header{align-items:center;color:#4a5568;display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:12px}.refresh-button{align-items:center;background:linear-gradient(135deg,#38b2ac,#319795);border:none;border-radius:6px;box-shadow:0 2px 4px #38b2ac33;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#319795,#2c7a7b);box-shadow:0 4px 8px #38b2ac4d;transform:translateY(-1px)}.refresh-button:active:not(:disabled){box-shadow:0 2px 4px #38b2ac33;transform:translateY(0)}.refresh-button:disabled{animation:spin 1s linear infinite;background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.suggestions-list{display:flex;flex-direction:column;gap:8px}.suggestion-button{background-color:#fff;border:1px solid #cbd5e0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:.9rem;line-height:1.4;padding:10px 14px;text-align:left;transition:all .2s ease}.suggestion-button:hover{background-color:#38b2ac;border-color:#38b2ac;box-shadow:0 2px 8px #38b2ac33;color:#fff;transform:translateY(-1px)}.suggestions-loading{align-items:center;color:#718096;display:flex;font-size:.9rem;gap:12px}.loading-dots{display:flex;gap:4px}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background-color:#38b2ac;border-radius:50%;height:6px;width:6px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@media (max-width:768px){.chat-suggestions-container{margin:12px 0;padding:12px}.suggestion-button{font-size:.85rem;padding:12px}}.settings-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:8px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.settings-menu-item{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.settings-menu-item:hover:not(:disabled){background-color:#f7fafc;color:#2d3748}.settings-menu-item:disabled{cursor:not-allowed;opacity:.5}.settings-icon{font-size:16px}@media (max-width:768px){.settings-menu{min-width:140px;right:-8px}.settings-menu-item{font-size:13px;padding:10px 12px}}.modal{align-items:center;animation:modalFade .4s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 30% 70%,#38b2ac26,#0000 50%),radial-gradient(circle at 70% 30%,#805ad526,#0000 50%),#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes modalFade{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1}}.modal-content{animation:modalSlide .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:24px;box-shadow:0 32px 64px #0000001f,0 16px 32px #00000014,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;max-height:85vh;max-width:580px;overflow-y:auto;padding:36px;position:relative;scroll-behavior:smooth;width:90%}.modal-content:before{background:linear-gradient(90deg,#0000,#38b2ac80,#805ad580,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:1}@keyframes modalSlide{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin-bottom:32px;position:relative;text-align:center}.modal-content h2:after{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#38b2ac,#805ad5,#e53e3e);border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@keyframes gradientShift{0%,to{background:linear-gradient(90deg,#38b2ac,#805ad5)}50%{background:linear-gradient(90deg,#805ad5,#38b2ac)}}.form-group{margin-bottom:20px;position:relative;transition:all .3s ease}.form-group:has(textarea){margin-bottom:24px}.form-group:hover{transform:translateY(-1px)}.form-group label{color:#2d3748;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;padding-left:16px;position:relative;transition:color .3s ease}.form-group:has(textarea) label{font-size:1rem;margin-bottom:10px}.form-group label:before{background:linear-gradient(180deg,#38b2ac,#805ad5);border-radius:2px;content:"";height:18px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:4px}.form-group:focus-within label:before{background:linear-gradient(180deg,#319795,#6b46c1);box-shadow:0 0 12px #38b2ac66;height:20px;width:6px}.form-group:focus-within label{color:#1a202c}.form-group input,.form-group select,.form-group textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.95rem;padding:12px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group textarea{font-size:1rem;padding:16px 18px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#38b2ac;box-shadow:0 0 0 4px #38b2ac1a,0 8px 25px #38b2ac26,inset 0 1px 0 #fff3;outline:none;transform:translateY(-2px)}.form-group input:hover:not(:focus),.form-group select:hover:not(:focus),.form-group textarea:hover:not(:focus){border-color:#cbd5e0;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.form-group textarea{font-family:inherit;line-height:1.6;resize:vertical}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;padding-right:48px}.image-upload-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px dashed #cbd5e0;border-radius:12px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.image-upload-section:before{background:linear-gradient(90deg,#0000,#38b2ac0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.image-upload-section:hover{background:linear-gradient(135deg,#f0fff4,#e6fffa);border-color:#38b2ac;box-shadow:0 8px 25px #38b2ac1a,0 0 0 1px #38b2ac1a;transform:translateY(-2px)}.image-upload-section:hover:before{left:100%}.image-upload-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.upload-separator{color:#718096;font-size:.9em;font-style:italic;padding:0 8px}.upload-button{align-items:center;background:linear-gradient(135deg,#38b2ac,#319795);border:none;border-radius:10px;box-shadow:0 3px 12px #38b2ac4d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:6px;overflow:hidden;padding:10px 18px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.upload-button:before{content:"📎";font-size:1rem;transition:transform .3s ease}.upload-button:after{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.upload-button:hover:not(:disabled){background:linear-gradient(135deg,#319795,#2c7a7b);box-shadow:0 12px 35px #38b2ac66,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.upload-button:hover:not(:disabled):before{transform:rotate(15deg) scale(1.1)}.upload-button:hover:not(:disabled):after{left:100%}.upload-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.remove-image-button{align-items:center;background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:50%;box-shadow:0 3px 10px #e53e3e4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.remove-image-button:hover{background:linear-gradient(135deg,#c53030,#9b2c2c);box-shadow:0 6px 20px #e53e3e66;transform:scale(1.1) rotate(90deg)}.image-preview{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:10px;position:relative;text-align:center}.image-preview img{border:2px solid #fff;border-radius:12px;box-shadow:0 8px 24px #0000001a,0 3px 12px #0000000f,inset 0 1px 0 #ffffff1a;max-height:180px;max-width:180px;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1)}.image-preview img:hover{border-color:#38b2ac;box-shadow:0 20px 48px #0000002e,0 8px 24px #0000001f,inset 0 1px 0 #fff3;transform:scale(1.05) rotate(1deg)}.upload-warning{background:#e53e3e1a;border-left:3px solid #e53e3e;border-radius:6px;color:#e53e3e;font-size:.85em;margin-bottom:0;margin-top:8px;padding:8px 12px}.improve-button{align-items:center;background:linear-gradient(135deg,#805ad5,#6b46c1);border:none;border-radius:12px;box-shadow:0 4px 15px #805ad54d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-top:8px;overflow:hidden;padding:12px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.improve-button:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.improve-button:hover:not(:disabled){background:linear-gradient(135deg,#6b46c1,#553c9a);box-shadow:0 12px 35px #805ad566,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.improve-button:hover:not(:disabled):before{left:100%}.improve-button:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.toolbar-icon.animated{animation:sparkle 2.5s ease-in-out infinite;display:inline-block;font-size:1.2em}@keyframes sparkle{0%,to{filter:brightness(1) drop-shadow(0 0 2px rgba(255,215,0,.3));transform:scale(1) rotate(0deg)}25%{filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,215,0,.6));transform:scale(1.1) rotate(90deg)}50%{filter:brightness(1.3) drop-shadow(0 0 12px rgba(255,215,0,.8));transform:scale(1.15) rotate(180deg)}75%{filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,215,0,.6));transform:scale(1.1) rotate(270deg)}}.chat-bot-link{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:12px;box-shadow:0 4px 15px #48bb784d,inset 0 1px 0 #fff3;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:20px;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.chat-bot-link:before{animation:chatPulse 2s ease-in-out infinite;content:"💬";font-size:1.1em}.chat-bot-link:after{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.chat-bot-link:hover{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 12px 35px #48bb7866,inset 0 1px 0 #ffffff4d;color:#fff;text-decoration:none;transform:translateY(-3px)}.chat-bot-link:hover:after{left:100%}@keyframes chatPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal-buttons{border-top:1px solid #e2e8f0cc;display:flex;gap:16px;justify-content:flex-end;margin-top:28px;padding-top:20px}.modal-buttons button{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:90px;overflow:hidden;padding:12px 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.modal-buttons .cancel{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;box-shadow:0 2px 8px #4a55681a;color:#4a5568}.modal-buttons .cancel:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#cbd5e0;box-shadow:0 6px 20px #4a556826;transform:translateY(-2px)}.modal-buttons .save{background:linear-gradient(135deg,#38b2ac,#319795);box-shadow:0 6px 20px #38b2ac4d,inset 0 1px 0 #fff3;color:#fff}.modal-buttons .save:hover:not(:disabled){background:linear-gradient(135deg,#319795,#2c7a7b);box-shadow:0 12px 35px #38b2ac66,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.modal-buttons .save:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.modal-content{border-radius:20px;margin:16px;max-height:95vh;padding:24px;width:calc(100% - 32px)}.modal-content h2{font-size:1.5rem}.form-group,.modal-content h2{margin-bottom:24px}.form-group input,.form-group select,.form-group textarea{font-size:1rem;padding:16px}.image-upload-section{padding:20px}.image-upload-controls{align-items:stretch;flex-direction:column;gap:16px}.upload-separator{padding:12px 0;text-align:center}.remove-image-button,.upload-button{align-self:center}.image-preview img{max-height:200px;max-width:200px}.voice-speed-container{padding:14px}.modal-buttons{flex-direction:column;gap:16px;margin-top:28px}.modal-buttons button{font-size:1.1rem;padding:16px 24px;width:100%}.improve-button{font-size:1.1rem;padding:18px}.chat-bot-link{font-size:1.1rem;padding:16px 24px}}.modal-content::-webkit-scrollbar{background:#0000;width:8px}.modal-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#38b2ac,#805ad5);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#319795,#6b46c1)}@media (max-height:700px){.modal-content{max-height:95vh;padding:24px}.modal-content h2{font-size:1.5rem;margin-bottom:20px}.form-group{margin-bottom:16px}}@media (max-height:600px){.modal-content{max-height:98vh;padding:20px}.modal-content h2{font-size:1.3rem;margin-bottom:16px}.form-group{margin-bottom:12px}.form-group:has(textarea){margin-bottom:16px}}@media (max-width:768px){.modal-content{margin:10px;max-width:none;padding:24px 20px;width:95%}.modal{align-items:flex-start;padding-top:20px}}@media (max-width:480px){.modal-content{padding:20px 16px;width:98%}.modal-content h2{font-size:1.4rem;margin-bottom:20px}.form-group label{font-size:.85rem}input[type=text],select,textarea{font-size:16px}}.permission-status,.permission-warning{cursor:help}.permission-warning{color:#e53e3e}.permission-status{color:#38a169}.modal-overlay{align-items:center;animation:modalFade .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.permission-modal{animation:permissionModalSlide .4s cubic-bezier(.34,1.56,.64,1);background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-width:420px;padding:30px;text-align:center;width:90%}@keyframes permissionModalSlide{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.permission-modal h2{color:#2d3748;font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:20px}.permission-modal p{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:30px;text-align:center}@media (max-width:480px){.permission-modal{border-radius:12px;font-size:.95rem;max-width:90%;padding:20px 16px}.permission-modal h2{font-size:1.3rem;margin-bottom:16px}.permission-modal p{font-size:.9rem;margin-bottom:20px}.modal-actions{flex-direction:column;gap:10px}.primary-btn,.secondary-btn{border-radius:8px;font-size:1rem;min-height:48px;padding:14px 20px;width:100%}}@media (max-width:768px) and (orientation:landscape){.permission-modal{max-height:90vh;overflow-y:auto;padding:20px}.modal-actions{flex-direction:row;justify-content:center}.primary-btn,.secondary-btn{min-height:44px;min-width:120px;padding:12px 20px;width:auto}}@media (prefers-color-scheme:dark){.permission-modal{background-color:#2d3748;border-color:#4a5568;color:#fff}.permission-modal h2{color:#f7fafc}.permission-modal p{color:#e2e8f0}.secondary-btn{background-color:#4a5568;border-color:#718096;color:#f7fafc}.secondary-btn:hover{background-color:#718096;border-color:#a0aec0}}@media (prefers-contrast:high){.permission-modal{border:3px solid #000}.primary-btn,.secondary-btn{border-width:2px}}@media (prefers-reduced-motion:reduce){.modal-overlay,.permission-modal{animation:none}.primary-btn,.secondary-btn{transition:none}.primary-btn:before{display:none}}.primary-btn:focus-visible,.secondary-btn:focus-visible{outline:3px solid #63b3ed;outline-offset:2px}@media (hover:none) and (pointer:coarse){.primary-btn:hover,.secondary-btn:hover{transform:none}.primary-btn:active,.secondary-btn:active{transform:scale(.98)}}.modal-actions{display:flex;flex-direction:row;gap:12px}.voice-speed-container{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-top:8px;padding:12px}.voice-speed-slider{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(90deg,#e2e8f0 0,#cbd5e0 50%,#e2e8f0);border-radius:4px;cursor:pointer;flex:1 1;height:8px;outline:none;position:relative}.voice-speed-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,#38b2ac,#319795);border-radius:50%;box-shadow:0 3px 10px #38b2ac4d,0 0 0 2px #fff,0 0 0 3px #38b2ac1a;cursor:pointer;height:20px;position:relative;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.voice-speed-slider::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#319795,#2c7a7b);box-shadow:0 4px 15px #38b2ac66,0 0 0 2px #fff,0 0 0 4px #38b2ac26;transform:scale(1.1)}.voice-speed-slider::-moz-range-thumb{background:linear-gradient(135deg,#38b2ac,#319795);border:2px solid #fff;border-radius:50%;box-shadow:0 3px 10px #38b2ac4d,0 0 0 2px #38b2ac1a;cursor:pointer;height:20px;-moz-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.voice-speed-slider::-moz-range-thumb:hover{background:linear-gradient(135deg,#319795,#2c7a7b);box-shadow:0 4px 15px #38b2ac66,0 0 0 3px #38b2ac26;transform:scale(1.1)}.voice-speed-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38b2ac,#805ad5);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1rem;font-weight:700;min-width:40px;text-align:center}.voice-speed-labels{color:#718096;display:flex;font-size:.8rem;font-weight:500;justify-content:space-between;margin-top:8px}.bot-type-description{margin-top:8px}.bot-type-description small{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:3px solid #38b2ac;border-radius:8px;color:#718096;display:block;font-size:.875rem;font-style:italic;padding:8px 12px;transition:all .3s ease}.bot-type-description small:hover{background:linear-gradient(135deg,#e6fffa,#b2f5ea);color:#2d3748}.summary-modal{max-height:90vh;max-width:700px;overflow-y:auto}.summary-content{padding:0}.summary-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.summary-section h3{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 16px}.level-assessment{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.level-assessment h3{color:#fff}.level-display{gap:24px}.level-circle,.level-display{align-items:center;display:flex}.level-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;flex-direction:column;height:120px;justify-content:center;text-align:center;width:120px}.level-score{font-size:2rem;font-weight:700;line-height:1}.level-label{font-size:.9rem;margin-top:4px;opacity:.9}.score-description{flex:1 1}.score-description strong{display:block;font-size:1.2rem;margin-bottom:12px}.score-bar{background:#ffffff4d;border-radius:6px;height:12px;overflow:hidden;width:100%}.score-fill{border-radius:6px;height:100%;transition:width .8s ease}.overview-text{color:#4a5568;line-height:1.6;margin:0}.quality-badge{background:#38b2ac;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;margin-top:12px;padding:6px 12px}.topics-list{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{background:#e2e8f0;border-radius:16px;color:#4a5568;font-size:.85rem;font-weight:500;padding:6px 12px}.grammar-analysis{border-left:4px solid #10b981}.pronunciation-analysis{border-left:4px solid #3b82f6}.analysis-stats{display:flex;gap:20px;margin-bottom:16px}.stat-item{background:#ffffff80;border-radius:8px;flex:1 1;padding:12px;text-align:center}.stat-number{color:#2d3748;display:block;font-size:1.8rem;font-weight:700;line-height:1}.stat-label{color:#718096;display:block;font-size:.8rem;margin-top:4px}.insights-list{margin-top:12px}.insight-item{background:#ffffffb3;border-radius:6px;color:#2d3748;font-size:.9rem;margin-bottom:6px;padding:8px 12px}.strengths{border-left:4px solid #10b981}.weaknesses{border-left:4px solid #f59e0b}.suggestions{border-left:4px solid #3b82f6}.next-steps{border-left:4px solid #8b5cf6}.summary-section ul{margin:0;padding-left:20px}.summary-section li{color:#4a5568;line-height:1.5;margin-bottom:8px}.encouragement{background:linear-gradient(135deg,#ffecd2,#fcb69f);border:none;text-align:center}.encouragement-text{color:#744210;font-size:1.1rem;font-weight:500;line-height:1.6;margin:0}.loading-spinner{padding:40px 20px;text-align:center}.loading-detail{color:#718096;font-size:.9rem;margin-top:8px}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-left-color:#38b2ac;border-radius:50%;height:40px;margin:0 auto 20px;width:40px}.close-btn{background:#0000;border:none;color:#4a5568;cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.summary-modal{margin:20px auto;max-width:95%}.level-display{flex-direction:column;gap:16px;text-align:center}.level-circle{height:100px;width:100px}.level-score{font-size:1.6rem}.analysis-stats{flex-direction:column;gap:12px}.stat-item{padding:8px}.stat-number{font-size:1.4rem}.summary-section{margin-bottom:16px;padding:16px}}.mission-modal{max-height:80vh;max-width:700px;overflow-y:auto}.no-mission{padding:2rem;text-align:center}.no-mission p{color:#666;margin-bottom:1rem}.create-mission{padding:1rem}.create-mission h3{color:#333;margin-bottom:1rem}.mission-textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:1rem;min-height:120px;padding:.75rem;resize:vertical;width:100%}.mission-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.mission-progress{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem 0;padding:.75rem}.progress-header{align-items:center;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.mission-status{background-color:#007bff;color:#fff;font-size:12px;font-weight:600;padding:.25rem .5rem}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.mission-actions{display:flex;gap:.5rem;justify-content:flex-end}.mission-display{padding:1rem}.mission-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.mission-header h3{color:#333;flex:1 1;margin:0}.mission-header .mission-actions{display:flex;gap:.5rem;margin-left:1rem}.mission-description{margin-bottom:1.5rem}.mission-description p{color:#666;line-height:1.5;margin:0}.mission-objectives{margin-bottom:1.5rem}.mission-objectives h4{color:#333;font-size:1rem;margin:0 0 .5rem}.mission-objectives ul{list-style:none;margin:0;padding:0}.mission-objectives li{background:#f8f9fa;border-left:3px solid #007bff;border-radius:0 4px 4px 0;margin-bottom:.5rem;padding:.5rem 0 .5rem 1rem}.mission-steps{margin-bottom:1.5rem}.mission-steps h4{color:#333;font-size:1rem;margin:0 0 1rem}.steps-list{display:flex;flex-direction:column;gap:.75rem}.step-item{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:0 8px 8px 0;padding:1rem;transition:all .2s ease}.step-item:hover{background:#e9ecef}.step-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.step-status{font-size:1.2rem;text-align:center;width:24px}.step-action{color:#333;flex:1 1;font-weight:500}.step-status-text{color:#666;font-size:.875rem}.mission-footer{border-top:1px solid #eee;margin-top:2rem;padding-top:1rem;text-align:center}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-sm{font-size:.875rem;padding:.375rem .75rem}@media (max-width:768px){.mission-modal{margin:1rem;max-width:95vw}.mission-header{flex-direction:column;gap:1rem}.mission-header .mission-actions{justify-content:center;margin-left:0;width:100%}.mission-actions{flex-direction:column}.btn{width:100%}.step-header{align-items:flex-start;flex-direction:column;gap:.5rem}.step-status{align-self:flex-start}}.mission-progress-bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;margin:8px 16px;padding:12px 16px;transition:all .3s ease}.mission-progress-bar:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.mission-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mission-title{flex:1 1;font-size:.9em;font-weight:600;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-status{background:#fff3;border-radius:12px;font-size:.75em;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.mission-progress-track{background:#ffffff4d;border-radius:3px;height:6px;overflow:hidden;position:relative}.mission-progress-fill{background:#ffffffe6!important;border-radius:3px;height:100%;transition:width .3s ease}.mission-progress-text{color:#fffc;font-size:.7em;font-weight:600;margin-right:4px;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media (max-width:768px){.mission-progress-bar{margin:8px 12px;padding:10px 14px}.mission-title{font-size:.85em}.mission-status{font-size:.7em;padding:1px 6px}}.mission-completion-effect{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;cursor:pointer;opacity:0;overflow:hidden;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:320px;z-index:1000}.mission-completion-effect.visible{opacity:1;transform:translateX(0)}.mission-completion-effect:hover{box-shadow:0 12px 40px #0003;transform:translateX(-5px) scale(1.02)}.effect-content{align-items:flex-start;display:flex;gap:12px;padding:16px;position:relative}.effect-icon{animation:bounce 2s infinite;flex-shrink:0;font-size:2em;line-height:1}.effect-text{flex:1 1;min-width:0}.effect-title{color:#2d3748;font-size:1.1em;font-weight:700;margin-bottom:4px}.effect-message{color:#4a5568;font-size:.9em;line-height:1.4}.effect-close{align-items:center;background:none;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;font-size:1.5em;height:28px;justify-content:center;padding:4px;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.effect-close:hover{background:#0000001a;color:#2d3748}.effect-progress-bar{background:#0000001a;height:3px;overflow:hidden;position:relative}.effect-progress-fill{height:100%;transform-origin:left;width:100%}.mission-completion-effect.success{border-left:4px solid #28a745}.mission-completion-effect.failed{border-left:4px solid #dc3545}.mission-completion-effect.all-success{background:linear-gradient(135deg,#fff9e6,#fff);border-left:4px solid gold}.mission-completion-effect.all-success .effect-icon{animation:bounce 1s infinite,rotate 3s linear infinite}.mission-completion-effect.updated{border-left:4px solid #007bff}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progressCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:768px){.mission-completion-effect{left:10px;max-width:calc(100vw - 20px);right:10px;top:10px;width:auto}.effect-content{gap:10px;padding:14px}.effect-icon{font-size:1.8em}.effect-title{font-size:1em}.effect-message{font-size:.85em}}.chat-panel{background-color:#fff;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;width:75%}.chat-header{background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 5px #00000005;padding:18px 20px;z-index:10}.bot-header{align-items:center;display:flex;gap:12px}.bot-image{background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.bot-image:hover{border-color:#38b2ac;transition:border-color .2s ease}.chat-header h2{color:#2d3748;font-size:1.2em;font-weight:600;margin:0}.bot-header-text{display:flex;flex-direction:column;gap:4px}.bot-header-text .bot-title{color:#718096;font-size:.9em;font-style:italic;font-weight:400}.chat-messages{background-color:#f8fafc;background-image:radial-gradient(circle at 25px 25px,#00000003 2%,#0000 0),radial-gradient(circle at 75px 75px,#00000003 2%,#0000 0);background-size:100px 100px;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:25px}@media (max-width:768px){.chat-panel{display:flex;flex-direction:column;height:100%;width:100%}.chat-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:16px 20px}.bot-header{gap:10px}.bot-image{height:36px;width:36px}.chat-header h2{font-size:1.1em}.chat-messages{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px}.message{font-size:.95rem;line-height:1.4;margin-bottom:16px;max-width:85%;padding:12px 16px}.message-actions{padding:8px 0}.message-actions button{min-height:44px;min-width:44px;padding:8px 12px}}@media (max-width:480px){.chat-header{padding:12px 16px}.chat-messages{padding:12px}.bot-header{gap:8px}.bot-image{height:32px;width:32px}.chat-header h2{font-size:1rem}.message{font-size:.9rem;margin-bottom:24px;max-width:90%;padding:10px 14px}}@media (max-width:768px) and (orientation:landscape){.chat-header{padding:12px 20px}.chat-messages{padding:12px 16px}.bot-image{height:32px;width:32px}}.app-container .chat-panel:only-child{height:100vh;width:100%}@media (max-width:768px){.app-container .chat-panel:only-child{height:100vh;position:relative}}.chat-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.chat-header-actions{align-items:center;display:flex;position:relative}.settings-button{background:none;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-size:20px;padding:8px;transition:background-color .2s ease}.settings-button:hover{background-color:#f7fafc;color:#2d3748}@media (max-width:768px){.settings-button{font-size:18px;padding:6px}}*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;padding:0}body{background-color:#f7f9fc;color:#333}.app{display:flex;flex-direction:column;height:100vh}.app-header{background-color:#2d3748;box-shadow:0 2px 5px #0000001a;color:#fff;justify-content:space-between;padding:10px 15px;position:relative;z-index:100}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-left h1{font-size:1.4em;font-weight:600;margin:0}.collapse-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.collapse-toggle:hover{background:#fff3;transform:translateY(-1px)}.header-controls{gap:8px}.header-btn,.header-controls{align-items:center;display:flex}.header-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.header-btn:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.header-btn:disabled{cursor:not-allowed;opacity:.5}.header-btn.active{background:#38b2ac;border-color:#38b2ac}.permission-status,.permission-warning{align-items:center;border-radius:6px;display:flex;font-size:14px;margin-right:8px;padding:4px 8px}.permission-warning{background-color:#fed7d7;color:#c53030}.permission-status{background-color:#c6f6d5;color:#2f855a}.app-container{display:flex;flex:1 1;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-container.bot-panel-collapsed .chat-panel{width:100%}.bot-panel-wrapper{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:25%}.bot-panel-wrapper.collapsed{min-width:0;opacity:0;transform:translateX(-100%);width:0}.bot-panel{background-color:#2d3748;box-shadow:0 0 20px #0000001a;color:#fff;display:flex;flex-direction:column;height:100%;width:100%}.chat-panel{flex:1 1;transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:768px){.app{height:100vh;overflow:hidden}.app-header{flex-shrink:0;min-height:56px;padding:12px 16px}.header-left{gap:12px}.header-left h1{font-size:1.1em;white-space:nowrap}.header-controls{flex-wrap:nowrap;gap:6px}.collapse-toggle,.header-btn{border-radius:8px;font-size:16px;height:40px;min-width:40px;padding:8px}.bot-panel-wrapper{background-color:#2d3748;box-shadow:2px 0 20px #0000004d;height:calc(100vh - 56px);left:0;max-width:320px;position:fixed;top:56px;transform:translateX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:85vw;z-index:100}.bot-panel-wrapper.collapsed{transform:translateX(-100%)}.app-container{height:calc(100vh - 56px);overflow:hidden;position:relative}.chat-panel{height:100%;width:100%}.app-container:not(.bot-panel-collapsed):before{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:56px;z-index:50}.app-container.no-bot-panel:not(.bot-panel-collapsed):before{display:none}.bot-panel{height:100%;position:relative;z-index:101}.permission-status,.permission-warning{font-size:12px;min-width:auto;padding:4px 6px}}@media (max-width:480px){.app-header{min-height:52px;padding:10px 12px}.bot-panel-wrapper{max-width:280px;top:52px;width:90vw}.app-container,.bot-panel-wrapper{height:calc(100vh - 52px)}.app-container:not(.bot-panel-collapsed):before{top:52px}.header-left{gap:8px}.header-left h1{font-size:1rem}.collapse-toggle,.header-btn{font-size:14px;height:36px;min-width:36px;padding:6px}.header-controls{gap:4px}}@media (max-width:768px) and (orientation:landscape){.app-header{min-height:48px;padding:8px 16px}.bot-panel-wrapper{max-width:300px;top:48px;width:60vw}.app-container,.bot-panel-wrapper{height:calc(100vh - 48px)}.app-container:not(.bot-panel-collapsed):before{top:48px}.collapse-toggle,.header-btn{font-size:14px;height:32px;min-width:32px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{background:#fff;color:#24292e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{background-color:#f0fff4;color:#22863a}.hljs-deletion{background-color:#ffeef0;color:#b31d28}
/*# sourceMappingURL=main.23b1b5af.css.map*/