@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Serif+Display:ital@0;1&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--purple:#4a4580;--purple-light:#5d58a0;--purple-dark:#35325e;--orange:#e8722a;--orange-light:#f08a4a;--orange-pale:#fdf0e8;--white:#fff;--off-white:#f7f7fb;--gray-100:#f0f0f6;--gray-200:#deddf0;--gray-400:#9896b8;--gray-600:#5a5880;--text:#2e2c50;--radius:16px;--radius-sm:10px}#root,body,html{height:100%}body{background:#f7f7fb;background:var(--off-white);color:#2e2c50;color:var(--text);font-family:DM Sans,sans-serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.sqa-nav{background:#4a4580;background:var(--purple);box-shadow:0 2px 20px #4a45804d;height:62px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sqa-nav,.sqa-nav-left{align-items:center;display:flex}.sqa-nav-left{gap:14px}.sqa-nav-logo{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:38px;justify-content:center;width:38px}.sqa-nav-title{color:#fff;font-family:"DM Serif Display",serif;font-size:19px;letter-spacing:.3px}.sqa-nav-title span{color:#f08a4a;color:var(--orange-light)}.sqa-nav-divider{background:#fff3;height:20px;width:1px}.sqa-nav-sub{color:#ffffff8c;font-size:12px;font-weight:400}.sqa-nav-badge{background:#e8722a33;border:1px solid #e8722a66;border-radius:20px;color:#f08a4a;color:var(--orange-light);font-size:11px;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.sqa-nav-right{align-items:center;display:flex;gap:12px}.sqa-nav-btn{background:#ffffff1f;border:1px solid #fff3;border-radius:20px;color:#fffc;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:7px 16px;transition:all .15s}.sqa-nav-btn:hover{background:#fff3;color:#fff}.goals-bar{align-items:center;background:#35325e;background:var(--purple-dark);display:flex;flex-wrap:wrap;gap:18px;padding:11px 22px}.goals-label{color:#ffffff59;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.goals-pills{display:flex;flex:1 1;flex-wrap:wrap;gap:7px}.goal-pill{align-items:center;border:1.5px solid #0000;border-radius:20px;display:flex;font-size:11px;font-weight:500;gap:5px;padding:4px 11px;transition:all .25s}.goal-pill.pending{background:#ffffff0f;border-color:#ffffff1a;color:#fff6}.goal-pill.complete{background:#22c55e2e;border-color:#22c55e80;color:#4ade80}.goal-pill.active{background:#e8722a33;border-color:#e8722a;border-color:var(--orange);color:#f08a4a;color:var(--orange-light)}.sqa-messages{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:20px 22px;scroll-behavior:smooth}.sqa-message{animation:fadeUp .28s ease;display:flex;gap:10px;max-width:74%}.sqa-message.ai{align-self:flex-start}.sqa-message.user{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;width:34px}.sqa-message.ai .msg-avatar{background:#4a4580;background:var(--purple);color:#fff}.sqa-message.user .msg-avatar{background:#e8722a;background:var(--orange);color:#fff}.msg-body{display:flex;flex-direction:column;gap:3px}.sqa-message.user .msg-body{align-items:flex-end}.msg-sender{color:#9896b8;color:var(--gray-400);font-size:10px;font-weight:600;letter-spacing:.7px;padding:0 4px;text-transform:uppercase}.msg-bubble{border-radius:15px;font-size:14px;line-height:1.55;padding:11px 15px}.sqa-message.ai .msg-bubble{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 6px #4a458014;color:#2e2c50;color:var(--text)}.sqa-message.user .msg-bubble{background:#4a4580;background:var(--purple);border-bottom-right-radius:4px;color:#fff}.sqa-empty-state{color:#9896b8;color:var(--gray-400);font-size:14px;padding:40px 20px;text-align:center}.typing-indicator{display:flex;gap:4px;padding:12px 15px}.typing-dot{animation:bounce 1s infinite;background:#9896b8;background:var(--gray-400);border-radius:50%;height:6px;width:6px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.score-card{align-self:flex-end;animation:fadeUp .28s ease;background:#fff;border:1.5px solid #deddf0;border:1.5px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 1px 6px #4a45800f;font-size:12px;max-width:320px;padding:13px 15px}.score-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.score-title{color:#9896b8;color:var(--gray-400);font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.score-num{color:#4a4580;color:var(--purple);font-family:"DM Serif Display",serif;font-size:24px;line-height:1}.score-bars{display:flex;flex-direction:column;gap:5px}.sbar-row{align-items:center;display:flex;gap:8px}.sbar-label{color:#9896b8;color:var(--gray-400);flex-shrink:0;font-size:10px;width:82px}.sbar-track{background:#f0f0f6;background:var(--gray-100);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.sbar-fill{background:linear-gradient(90deg,#4a4580,#5d58a0);background:linear-gradient(90deg,var(--purple),var(--purple-light));border-radius:2px;height:100%;transition:width .7s ease}.sbar-fill.warn{background:linear-gradient(90deg,#e8722a,#f08a4a);background:linear-gradient(90deg,var(--orange),var(--orange-light))}.score-tip{border-top:1px solid #f0f0f6;border-top:1px solid var(--gray-100);color:#5a5880;color:var(--gray-600);font-size:11.5px;line-height:1.5;margin-top:10px;padding-top:10px}.goal-toast{align-self:center;animation:popIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#4a4580,#5d58a0);background:linear-gradient(135deg,var(--purple),var(--purple-light));border:1.5px solid #fff3;border-radius:20px;box-shadow:0 4px 16px #4a45804d;color:#fff;font-size:12px;font-weight:600;gap:6px;padding:7px 16px}.goal-toast,.ptt-area{align-items:center;display:flex}.ptt-area{background:#fff;border-top:1px solid #deddf0;border-top:1px solid var(--gray-200);gap:12px;justify-content:center;padding:14px 22px}.ptt-btn{align-items:center;border:none;border-radius:24px;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;gap:8px;padding:12px 32px;transition:all .2s}.ptt-btn.idle{background:#4a4580;background:var(--purple);box-shadow:0 2px 12px #4a458040;color:#fff}.ptt-btn.idle:hover{background:#5d58a0;background:var(--purple-light)}.ptt-btn.active{animation:pulse 1.5s infinite;background:#ef4444;box-shadow:0 0 0 4px #ef444433;color:#fff}.ptt-hint{color:#9896b8;color:var(--gray-400);font-size:11px}.recording-indicator{color:#4a4580;color:var(--purple);font-size:14px;font-weight:500;gap:8px}.recording-dot{animation:pulse 1.5s infinite;background:#ef4444;border-radius:50%;height:10px;width:10px}.level-badge{align-items:center;background:#e8722a26;border:1.5px solid #e8722a66;color:#e8722a;color:var(--orange);display:inline-flex;font-size:11px;gap:4px;margin-left:10px;padding:3px 10px}.sqa-select-container{margin:0 auto;max-width:680px;padding:40px 24px}.sqa-select-header{margin-bottom:36px;text-align:center}.sqa-select-header h1{color:#2e2c50;color:var(--text);font-family:"DM Serif Display",serif;font-size:28px;margin-bottom:6px}.sqa-select-header p{color:#9896b8;color:var(--gray-400);font-size:14px}.sqa-form-group{margin-bottom:24px}.sqa-form-group>label{color:#5a5880;color:var(--gray-600);display:block;font-size:12px;font-weight:600;letter-spacing:.7px;margin-bottom:10px;text-transform:uppercase}.sqa-select-input{-webkit-appearance:none;appearance:none;background:#fff;border:1.5px solid #deddf0;border:1.5px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-sm);color:#2e2c50;color:var(--text);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:border-color .15s;width:100%}.sqa-select-input:focus{border-color:#4a4580;border-color:var(--purple)}.sqa-level-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.sqa-level-btn{align-items:center;background:#fff;border:1.5px solid #deddf0;border:1.5px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;gap:2px;padding:14px 8px;transition:all .15s}.sqa-level-btn:hover{background:#f0f0f6;background:var(--gray-100);border-color:#5d58a0;border-color:var(--purple-light)}.sqa-level-btn.active{background:#4a45800f;border-color:#4a4580;border-color:var(--purple);box-shadow:0 0 0 3px #4a45801a}.sqa-level-btn strong{color:#4a4580;color:var(--purple);font-size:16px}.sqa-level-btn span{color:#9896b8;color:var(--gray-400);font-size:11px}.sqa-instructions{background:#f0f0f6;background:var(--gray-100);border-radius:10px;border-radius:var(--radius-sm);margin-bottom:24px;padding:16px 20px}.sqa-instructions h3{color:#2e2c50;color:var(--text);font-size:13px;font-weight:600;margin-bottom:10px}.sqa-instructions ul{display:flex;flex-direction:column;gap:6px;list-style:none}.sqa-instructions li{color:#5a5880;color:var(--gray-600);font-size:13px;padding-left:20px;position:relative}.sqa-instructions li:before{color:#e8722a;color:var(--orange);content:"→";font-weight:600;left:0;position:absolute}.sqa-start-btn{background:#e8722a;background:var(--orange);border:none;border-radius:10px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;letter-spacing:.3px;padding:16px;transition:all .15s;width:100%}.sqa-start-btn:hover{background:#f08a4a;background:var(--orange-light)}.sqa-start-btn:disabled{cursor:not-allowed;opacity:.5}.sqa-error{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;border-radius:var(--radius-sm);color:#b91c1c;font-size:13px;margin-bottom:16px;padding:12px 16px}.sqa-conversation{display:flex;flex-direction:column;height:100vh}.sqa-chat-area{background:#f7f7fb;background:var(--off-white);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.sqa-lesson-header{align-items:center;background:#fff;border-bottom:1px solid #deddf0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:12px 22px}.sqa-lesson-info{align-items:center;display:flex;gap:12px}.sqa-lesson-icon{align-items:center;background:#4a4580;background:var(--purple);border-radius:10px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.sqa-lesson-title{color:#2e2c50;color:var(--text);font-family:"DM Serif Display",serif;font-size:16px}.sqa-end-btn{background:#ef444414;border:1.5px solid #ef444440;border-radius:20px;color:#dc2626;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:7px 16px;transition:all .15s}.sqa-end-btn:hover{background:#ef444426;border-color:#dc2626}.sqa-complete{margin:0 auto;max-width:560px;padding:60px 24px;text-align:center}.sqa-complete h1{color:#2e2c50;color:var(--text);font-family:"DM Serif Display",serif;font-size:32px;margin-bottom:8px}.sqa-complete>p{color:#9896b8;color:var(--gray-400);font-size:15px;margin-bottom:32px}.sqa-stats{display:flex;gap:16px;justify-content:center;margin-bottom:36px}.sqa-stat-card{background:#fff;border:1.5px solid #deddf0;border:1.5px solid var(--gray-200);border-radius:16px;border-radius:var(--radius);min-width:120px;padding:20px 24px}.sqa-stat-value{color:#4a4580;color:var(--purple);font-family:"DM Serif Display",serif;font-size:28px;margin-bottom:4px}.sqa-stat-label{color:#9896b8;color:var(--gray-400);font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase}.sqa-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.sqa-btn{border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .15s}.sqa-btn-primary{background:#e8722a;background:var(--orange);color:#fff}.sqa-btn-primary:hover{background:#f08a4a;background:var(--orange-light)}.sqa-btn-secondary{background:#fff;border:1.5px solid #deddf0;border:1.5px solid var(--gray-200);color:#2e2c50;color:var(--text)}.sqa-btn-secondary:hover{background:#f0f0f6;background:var(--gray-100)}.sqa-review{margin:0 auto;max-width:600px;padding:40px 24px}.sqa-review-header{margin-bottom:28px;text-align:center}.sqa-review-header h1{color:#2e2c50;color:var(--text);font-family:"DM Serif Display",serif;font-size:24px;margin-bottom:4px}.sqa-review-header p{color:#9896b8;color:var(--gray-400);font-size:13px}.sqa-review-card{background:#fff;border:1.5px solid #deddf0;border:1.5px solid var(--gray-200);border-radius:16px;border-radius:var(--radius);overflow:hidden}.sqa-review-section{border-bottom:1px solid #f0f0f6;border-bottom:1px solid var(--gray-100);padding:20px}.sqa-review-section:last-child{border-bottom:none}.sqa-review-section h3{color:#9896b8;color:var(--gray-400);font-size:11px;font-weight:700;letter-spacing:.7px;margin-bottom:10px;text-transform:uppercase}.sqa-utterance-box{background:#f0f0f6;background:var(--gray-100);border-radius:10px;border-radius:var(--radius-sm);color:#2e2c50;color:var(--text);font-size:14px;line-height:1.6;padding:14px 16px}.sqa-review-score-row{align-items:flex-start;display:flex;gap:20px}.sqa-review-score-circle{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.sqa-review-score-num{color:#4a4580;color:var(--purple);font-family:"DM Serif Display",serif;font-size:36px;line-height:1}.sqa-review-score-label{color:#9896b8;color:var(--gray-400);font-size:11px}.sqa-review-bars{display:flex;flex:1 1;flex-direction:column;gap:6px}.sqa-review-justification{color:#5a5880;color:var(--gray-600);font-size:13px;line-height:1.6;margin-top:12px}.sqa-review-nav{align-items:center;display:flex;gap:10px;padding:16px 20px}.sqa-review-nav .sqa-btn{flex:1 1;text-align:center}.sqa-review-nav .sqa-btn:last-child{flex:none;margin-left:auto}.sqa-test-panel{background:#fff;border:1.5px solid #deddf0;border:1.5px solid var(--gray-200);border-radius:16px;border-radius:var(--radius);padding:20px}.sqa-test-panel h3{color:#9896b8;color:var(--gray-400);font-size:11px;font-weight:700;letter-spacing:.7px;margin-bottom:16px;text-transform:uppercase}@media (max-width:640px){.sqa-nav{padding:0 16px}.sqa-nav-divider,.sqa-nav-sub{display:none}.sqa-messages{padding:14px 12px}.sqa-message{max-width:88%}.sqa-select-container{padding:24px 16px}.sqa-level-grid{grid-template-columns:repeat(2,1fr)}.sqa-review-score-row,.sqa-stats{align-items:center;flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{min-height:100vh}.app{align-items:center;display:flex;justify-content:center;padding:2rem}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:800px;padding:3rem;width:100%}.header{margin-bottom:3rem;text-align:center}.header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.header p{color:#666;font-size:1.1rem}.selector{gap:2rem}.form-group,.selector{display:flex;flex-direction:column}.form-group{gap:.75rem}.form-group label{color:#333;font-size:1rem;font-weight:600}.select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s}.select:focus,.select:hover{border-color:#667eea}.select:focus{outline:none}.level-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.level-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:all .2s}.level-button:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.level-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.level-button strong{font-size:1.5rem;margin-bottom:.25rem}.level-button span{font-size:.875rem}.source-toggle{display:flex;gap:1.5rem}.radio-label{align-items:center;display:flex;font-weight:400;gap:.5rem}.file-input,.radio-label,.radio-label input[type=radio]{cursor:pointer}.file-input{border:2px solid #e0e0e0;border-radius:8px;padding:.75rem}.instructions{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;padding:1.5rem}.instructions h3{color:#333;margin-bottom:1rem}.instructions ul{display:flex;flex-direction:column;gap:.5rem;list-style:none}.instructions li{color:#555;padding-left:1.5rem;position:relative}.instructions li:before{color:#667eea;content:"→";font-weight:700;left:0;position:absolute}.error{background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;padding:1rem}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.start-button:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.start-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.conversation-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1400px;width:100%}.conversation-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.conversation-header h2{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:1rem}.level-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:.875rem;padding:.25rem .75rem}.end-button,.level-badge{color:#fff;font-weight:600}.end-button{background:#f44;border:none;border-radius:8px;cursor:pointer;padding:.75rem 1.5rem;transition:background .2s}.end-button:hover{background:#c00}.main-content{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:2fr 1fr;overflow:hidden;padding:2rem}.left-panel,.right-panel{gap:1.5rem}.left-panel,.right-panel,.transcript{display:flex;flex-direction:column;overflow:hidden}.transcript{background:#f8f9fa;border-radius:12px;height:100%;padding:1.5rem}.transcript h3{color:#333;margin-bottom:1rem}.messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.messages::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.messages::-webkit-scrollbar-thumb:hover{background:#555}.empty-state{color:#999;font-style:italic;padding:3rem;text-align:center}.message{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1rem}.message.user{border-left:4px solid #667eea}.message.assistant{border-left:4px solid #764ba2}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.message-header strong{color:#333;font-size:.9rem}.timestamp{color:#999;font-size:.75rem}.message p{color:#555;line-height:1.6}.goal-tracker{background:#f8f9fa;border-radius:12px;padding:1.5rem}.goal-tracker h3{color:#333;margin-bottom:1rem}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:.9rem;text-align:center}.score-display{background:#f8f9fa;border-radius:12px;flex:1 1;overflow-y:auto;padding:1.5rem}.score-display h3{color:#333;margin-bottom:1rem}.latest-score{margin-bottom:1.5rem;text-align:center}.score-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto 1rem;width:120px}.score-number{font-size:2.5rem;font-weight:700}.score-label{font-size:1rem;opacity:.9}.justification{color:#666;font-size:.9rem;line-height:1.5}.score-breakdown{gap:1rem;margin-bottom:1.5rem}.score-bar,.score-breakdown{display:flex;flex-direction:column}.score-bar{gap:.25rem}.score-bar label{color:#666;font-size:.875rem;font-weight:600}.bar-container{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;position:relative}.bar-fill{height:100%;transition:width .3s ease}.bar-fill.green{background:#4caf50}.bar-fill.yellow{background:#ffc107}.bar-fill.red{background:#f44336}.score-value{color:#999;font-size:.75rem}.average{border-top:2px solid #e0e0e0;padding-top:1rem;text-align:center}.average p{color:#666}.average strong{color:#333;font-size:1.2rem}.status-bar{align-items:center;border-top:2px solid #f0f0f0;display:flex;justify-content:center;padding:1rem 2rem}.recording-indicator{align-items:center;color:#f44336;display:flex;font-weight:600;gap:.5rem}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.completion{text-align:center}.completion h1{color:#333;font-size:3rem;margin-bottom:1rem}.com	.completion>p{color:#666;font-size:1.2rem;margin-bottom:3rem}.stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{background:#f8f9fa;border-radius:12px;border-top:4px solid #667eea;padding:2rem}.stat-value{color:#333;font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#666;font-size:1rem}.actions{display:flex;gap:1rem;justify-content:center}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 3rem;transition:transform .2s,box-shadow .2s}.primary-button:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}@media (max-width:968px){.main-content{grid-template-columns:1fr}.conversation-container{height:auto;min-height:90vh}}@media (max-width:640px){.app{padding:1rem}.container{padding:2rem 1.5rem}.header h1{font-size:2rem}.level-buttons{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:3rem;text-align:center;width:100%}.login-box h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.login-subtitle{color:#666;font-size:1rem;margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.password-input{border:2px solid #ddd;border-radius:10px;font-size:1.1rem;letter-spacing:.5px;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.password-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background-color:#fee;border-radius:10px;color:#c33;font-size:.95rem;margin-bottom:1rem;padding:1rem}.login-footer{border-top:1px solid #eee;margin-top:2rem;padding-top:2rem}.login-footer p{color:#999;font-size:.9rem}.logout-button{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease}.logout-button:hover{background:#667eea;box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-1px)}.review-card{background:#f8f9fa;border-radius:16px;box-shadow:0 10px 25px #00000014;padding:1.5rem}.review-section{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:1rem;padding:1rem 1.25rem}.utterance-box{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;color:#333;line-height:1.55;margin-top:.75rem;padding:.9rem 1rem;white-space:pre-wrap}.review-actions{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.review-actions .primary-button{font-size:1rem;padding:.85rem 1.25rem}.mode-toggle{background:#f1f3f5;border:1px solid #e7e7e7;border-radius:999px;display:inline-flex;gap:.5rem;padding:.35rem}.mode-pill{background:#0000;border:1px solid #0000;border-radius:999px;color:#555;cursor:pointer;font-weight:700;padding:.5rem .9rem;transition:all .2s ease}.mode-pill:hover{background:#667eea1f;color:#333}.mode-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 14px #667eea40;color:#fff}.test-panel{background:#f8f9fa;border:1px solid #eee;border-radius:12px;padding:1.25rem}.test-panel h3{color:#333;margin-bottom:.5rem}.test-panel p{color:#666;line-height:1.5;margin-bottom:.75rem}.badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:999px;color:#fff;display:inline-block;font-size:.85rem;font-weight:800;padding:.3rem .7rem}.mini-note{color:#777;font-size:.9rem;margin-top:.5rem}.test-score-row{background:#fff;border:1px solid #eee;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;margin-top:.5rem;padding:.75rem 1rem}.test-score-row strong{color:#333}.test-score-row span{color:#666}
/*# sourceMappingURL=main.7b962756.css.map*/