:root{--primary-color:#7C3AED;--secondary-color:#A78BFA;--bg-main:#F8F7FC;--bg-card:#FFFFFF;--text-primary:#1A202C;--text-secondary:#5A6474;--border-color-light:#E2E8F0;--border-color-focus:#7C3AED;--font-family:"Pretendard",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif}.scenario-selection-container{width:100%;min-height:100vh;background-color:white;color:var(--text-primary);padding:50px 24px;display:flex;flex-direction:column;align-items:center;font-family:var(--font-family)}.header{text-align:center;margin-bottom:50px;max-width:750px}.title{font-size:2.5rem;font-weight:800;margin-bottom:12px;line-height:1.3}.title span{color:var(--primary-color)}.subtitle{font-size:1.1rem;color:var(--text-secondary);font-weight:400}.scenario-content{width:100%;max-width:1000px}.progress-indicator{margin-bottom:40px}.progress-steps{justify-content:center}.progress-step,.progress-steps{display:flex;align-items:center}.progress-step{flex-direction:column;gap:12px;transition:all .3s ease}.step-number{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;background-color:var(--bg-card);border:2px solid var(--border-color-light);transition:all .3s cubic-bezier(.25,.8,.25,1)}.step-label,.step-number{color:var(--text-secondary)}.step-label{font-size:1rem;font-weight:500;transition:all .3s ease}.progress-step.active .step-number{background-color:var(--primary-color);border-color:var(--primary-color);color:white;transform:scale(1.1);box-shadow:0 4px 15px rgba(124,58,237,.25)}.progress-step.active .step-label{color:var(--text-primary);font-weight:600}.progress-step.completed .step-number{background-color:var(--gray-200);border-color:var(--secondary-color);color:white}.progress-step.completed .step-label{color:var(--text-secondary)}.progress-line-container{flex-grow:1;max-width:250px;height:4px;background-color:var(--border-color-light);border-radius:2px;margin:0 20px 36px}.progress-line{width:0;height:100%;background-color:var(--primary-color);border-radius:2px;transition:width .5s ease-in-out}.progress-step.completed+.progress-line-container>.progress-line{width:100%;background-color:var(--secondary-color)}.scenario-details-content{background:var(--bg-card);border-radius:20px;padding:40px 50px;box-shadow:0 8px 25px rgba(0,30,80,.05);border:1px solid var(--border-color-light);height:var(--step-height,550px);display:flex;flex-direction:column;transition:height .4s ease-in-out}.scenario-details-content[data-step="1"]{height:550px}.scenario-details-content[data-step="2"]{height:450px}.step-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color-light)}.form-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.step-description{font-size:1rem;color:var(--text-secondary)}.form-container,.form-fields-wrapper{flex:1;display:flex;flex-direction:column}.form-fields-wrapper{justify-content:flex-start;gap:16px}@media (min-width:768px){.form-fields-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;align-items:start}}.form-group{margin-bottom:0}.form-group label{color:var(--text-primary)}.select-wrapper{position:relative}.form-select{width:100%;padding:14px 16px;background-color:#F8F7FC;border:1px solid var(--border-color-light);border-radius:10px;font-size:1rem;font-weight:500;color:var(--text-primary);appearance:none;cursor:pointer;transition:all .2s ease}.form-select:hover{border-color:#A0AEC0}.form-select:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 3px rgba(124,58,237,.15);background-color:var(--bg-card)}.select-wrapper:after{content:"▼";position:absolute;right:16px;top:50%;transform:translateY(-50%) scale(.6);color:var(--text-secondary);pointer-events:none;transition:transform .2s ease}.form-select:focus~.select-wrapper:after{transform:translateY(-50%) scale(.6) rotate(180deg)}.navigation-buttons{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:30px}.button-spacer{flex-grow:1}.nav-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:1px solid transparent;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.prev-button{background-color:transparent;color:var(--text-secondary);border-color:var(--border-color-light)}.prev-button:hover{background-color:#F3F1F9;color:var(--primary-color);border-color:#DCD5F2}.next-button{background-color:var(--primary-color);color:white}.next-button:hover{background-color:#6D28D9;box-shadow:0 4px 12px rgba(124,58,237,.2)}.start-button{background-color:var(--primary-color);color:white}.start-button:hover{background-color:#6D28D9;box-shadow:0 4px 12px rgba(124,58,237,.2)}@media (max-width:1024px){.scenario-details-content[data-step="1"]{height:500px}.scenario-details-content[data-step="2"]{height:420px}}@media (max-width:767px){.title{font-size:2rem}.scenario-details-content[data-step="1"]{padding:30px 25px;height:700px}.scenario-details-content[data-step="2"]{padding:30px 25px;height:380px}.navigation-buttons{padding-top:20px}}@media (max-width:480px){.scenario-selection-container{padding:30px 16px}.title{font-size:1.8rem}.subtitle{font-size:1rem}.progress-steps{transform:scale(.9)}.progress-line-container{max-width:100px}.scenario-details-content[data-step="1"]{padding:25px 20px;height:680px}.scenario-details-content[data-step="2"]{padding:25px 20px;height:593px}.form-container{grid-template-columns:1fr}.navigation-buttons{flex-direction:column-reverse;gap:10px;align-items:stretch}.prev-button{background-color:#F7FAFC}}@media (max-width:360px){.scenario-details-content[data-step="1"]{padding:20px 15px;height:650px}.scenario-details-content[data-step="2"]{padding:20px 15px;height:350px}.form-title{font-size:1.5rem}.form-select,.step-description{font-size:.9rem}.form-select{padding:12px 14px}}:root{--primary-color:#007BFF;--accent-color:#0056b3;--success-color:#28a745;--warning-color:#ffc107;--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-accent:#f1f3f4;--border-color:#e0e0e0;--border-light:#f0f0f0;--text-primary:#1a1a1a;--text-secondary:#666666;--text-light:#999999;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--shadow-lg:0 8px 25px rgba(0,0,0,0.15);--shadow-xl:0 20px 40px rgba(0,0,0,0.1);--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-base:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--primary-gradient:linear-gradient(135deg,var(--primary-color),var(--accent-color));--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--space-xs:6px;--space-sm:12px;--space-md:20px;--space-lg:28px;--space-xl:36px;--space-2xl:48px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1002;backdrop-filter:blur(8px);padding:var(--space-md)}.modal-content{background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-xl) var(--space-2xl);border-bottom:2px solid var(--border-color);flex-shrink:0;background:linear-gradient(135deg,#f8f9fa,#ffffff);position:relative}.modal-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);line-height:1.3;margin:0;flex:1;margin-right:var(--space-lg)}.modal-header-actions{display:flex;gap:var(--space-md);align-items:center;flex-shrink:0}.pdf-download-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--primary-gradient);color:white;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px rgba(124,58,237,.25)}.pdf-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,.25)}.pdf-download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon{flex-shrink:0}.spinning{animation:spin 1s linear infinite}.modal-close-btn{background-color:var(--bg-secondary);border:none;cursor:pointer;color:var(--text-light);padding:.5rem;border-radius:var(--radius-full);transition:all var(--transition-normal);width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:1%}.modal-close-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.modal-body{padding:var(--space-xl) var(--space-2xl);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2xl)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.error-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-lg);min-height:300px}.loading-spinner{animation:spin 1s linear infinite;color:var(--primary-color);width:48px;height:48px}.loading-container p{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:500;text-align:center}.error-message{color:#dc3545;background-color:#f8d7da;border:2px solid #f5c6cb;padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center;font-size:var(--font-size-base);font-weight:500;max-width:500px;line-height:1.6}.total-score-section{background:var(--primary-gradient);color:white;padding:var(--space-2xl);border-radius:var(--radius-xl);text-align:center;box-shadow:0 8px 32px rgba(124,58,237,.25)}.total-score-label{font-size:var(--font-size-lg);font-weight:600;opacity:.9;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:1px}.total-score-value{font-size:3.5rem;font-weight:800;margin:0;line-height:1}.total-score-value span{font-size:var(--font-size-xl);font-weight:600;opacity:.8}.total-score-section .score-progress-bar{margin-top:var(--space-lg);height:12px}.score-progress-bar{width:100%;height:8px;background-color:rgba(255,255,255,.2);border-radius:var(--radius-full);overflow:hidden}.evaluation-item .score-progress-bar{height:6px;background-color:var(--bg-secondary)}.score-progress-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.25,1,.5,1)}.total-score-section .score-progress-fill{background:white}.collapsible-section{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 4px 12px rgba(0,0,0,.08);position:relative;z-index:1}.collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--bg-accent),var(--bg-secondary));border:none;cursor:pointer;text-align:left;transition:all var(--transition-normal)}.collapsible-header:hover{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-accent))}.collapsible-header h3{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.collapsible-header-right{display:flex;align-items:center;gap:var(--space-lg);color:var(--text-secondary)}.collapsible-content{background:var(--bg-primary)}.section-score{background-color:var(--primary-color);color:white;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-base);box-shadow:0 2px 8px rgba(124,58,237,.25)}.collapsible-content{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.evaluation-subsection{background-color:var(--bg-accent);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-color)}.subsection-header h4{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0}.subsection-header span{font-size:var(--font-size-base);color:var(--primary-color);font-weight:600;background:white;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-color)}.subsection-items-list{display:flex;flex-direction:column;gap:var(--space-lg)}.evaluation-item{background:white;padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,.05)}.item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.item-title{font-weight:700;color:var(--text-primary);font-size:var(--font-size-base);flex:1}.item-score{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600;white-space:nowrap;padding:var(--space-xs) var(--space-sm)}.item-description,.item-score{background:var(--bg-accent);border-radius:var(--radius-md)}.item-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:var(--space-md) 0 0 0;padding:var(--space-md);border-left:4px solid var(--primary-color)}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-top:var(--space-2xl);position:relative;z-index:0}.evaluation-section{background-color:var(--bg-primary);padding:var(--space-xl);border-radius:var(--radius-xl);border:2px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,.08)}.evaluation-section h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-lg);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.evaluation-section:first-child h3:before{content:"✨";font-size:var(--font-size-lg)}.evaluation-section:last-child h3:before{content:"💡";font-size:var(--font-size-lg)}.feedback-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.feedback-list li{color:var(--text-primary);line-height:1.7;position:relative;padding:var(--space-md) var(--space-md) var(--space-md) var(--space-2xl);font-size:var(--font-size-base);background:var(--bg-accent);border-radius:var(--radius-lg);border-left:4px solid var(--success-color)}.feedback-list li:before{content:"✓";position:absolute;left:.3rem;top:.25rem;color:var(--success-color);font-weight:900;font-size:var(--font-size-lg)}.evaluation-section:last-child .feedback-list li{border-left-color:var(--warning-color)}.evaluation-section:last-child .feedback-list li:before{content:"→";color:var(--warning-color)}@media (max-width:1024px){.modal-content{max-width:95vw}.feedback-grid{grid-template-columns:1fr}}@media (max-width:768px){.modal-overlay{padding:var(--space-sm)}.modal-content{max-height:100vh;max-width:100vw;margin:0;border-radius:var(--radius-lg)}.modal-header{padding:var(--space-lg);flex-direction:column;align-items:flex-start;gap:var(--space-md)}.modal-title{font-size:var(--font-size-xl);margin-right:0}.modal-header-actions{width:100%;justify-content:space-between}.modal-body{padding:var(--space-lg);gap:var(--space-xl)}.feedback-grid{margin-top:var(--space-xl)}.total-score-section{padding:var(--space-lg)}.total-score-value{font-size:2.5rem}.collapsible-header{padding:var(--space-md) var(--space-lg);flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.collapsible-header h3{font-size:var(--font-size-lg)}.collapsible-header-right{width:100%;justify-content:space-between;gap:var(--space-md)}.section-score{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.collapsible-content{padding:var(--space-lg)}.evaluation-item,.evaluation-subsection{padding:var(--space-md)}.item-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.evaluation-section{padding:var(--space-lg)}.feedback-list li{padding:var(--space-md) var(--space-md) var(--space-md) var(--space-xl);font-size:var(--font-size-sm)}}@media (max-width:480px){.modal-overlay{padding:0}.modal-content{border-radius:0}.modal-header{padding:var(--space-md)}.modal-title{font-size:var(--font-size-lg);line-height:1.4}.modal-body{padding:var(--space-md);gap:var(--space-lg)}.feedback-grid{margin-top:var(--space-lg)}.total-score-section{padding:var(--space-md)}.total-score-value{font-size:2rem}.collapsible-header{padding:var(--space-sm) var(--space-md);flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.collapsible-header h3{font-size:var(--font-size-base)}.collapsible-header-right{width:100%;justify-content:space-between;gap:var(--space-sm)}.section-score{font-size:var(--font-size-xs)}.collapsible-content{padding:var(--space-md)}.evaluation-subsection{padding:var(--space-sm)}.subsection-header h4{font-size:var(--font-size-base)}.evaluation-item{padding:var(--space-sm)}.item-description,.item-title{font-size:var(--font-size-sm)}.item-description{padding:var(--space-sm)}.evaluation-section{padding:var(--space-md)}.evaluation-section h3{font-size:var(--font-size-lg)}.feedback-list li{padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);font-size:var(--font-size-xs)}.pdf-download-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}}.collapsible-header:focus{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,.3)}.collapsible-header:active{transform:scale(.98)}.chevron-icon{transition:transform .3s ease;transform:rotate(0deg)}.chevron-icon.rotated{transform:rotate(180deg)}.collapsible-section:has(.collapsible-header[aria-expanded=false]){border-color:var(--border-light)}@media (max-width:768px){.collapsible-header{min-height:60px;padding:var(--space-md)}.collapsible-header svg{width:28px;height:28px}}@media (max-width:480px){.collapsible-header{min-height:56px;padding:var(--space-sm) var(--space-md)}.collapsible-header svg{width:24px;height:24px}}@media (prefers-contrast:high){.collapsible-section{border-width:3px}.collapsible-header{border-bottom:2px solid var(--text-primary)}.section-score{border:2px solid white}}@media (prefers-reduced-motion:reduce){.collapsible-header svg{transition:none}.collapsible-header:active{transform:none}}.mic-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.mic-modal-container{position:relative;width:100%;max-width:480px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.9));border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(30,58,138,.15),inset 0 1px 0 rgba(255,255,255,.4);padding:32px;overflow:hidden}.mic-modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.mic-modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:36px;height:36px;border-radius:var(--radius-full);border:none;background:rgba(255,255,255,.8);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);backdrop-filter:blur(10px)}.mic-modal-close:hover{background:rgba(255,255,255,.95);color:var(--primary-color);transform:scale(1.1);box-shadow:var(--shadow-md)}.mic-modal-header{text-align:center;margin-bottom:var(--space-xl)}.mic-modal-icon{width:80px;height:80px;margin:0 auto var(--space-lg);border-radius:var(--radius-full);background:var(--primary-gradient);color:var(--text-white);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(30,58,138,.2),0 0 0 4px rgba(255,255,255,.8);position:relative}.mic-modal-icon:before{content:"";position:absolute;inset:-8px;border-radius:var(--radius-full);background:linear-gradient(45deg,var(--primary-light),var(--accent-color));opacity:.3;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}to{transform:scale(1.2);opacity:0}}.mic-modal-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm);background:var(--title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mic-modal-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.mic-modal-content{margin-bottom:var(--space-xl)}.mic-modal-steps{background:linear-gradient(135deg,rgba(30,58,138,.05),rgba(59,130,246,.08));border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid rgba(30,58,138,.1)}.mic-modal-steps h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.mic-modal-steps h3:before{content:"💡";font-size:1.2em}.mic-modal-steps ol{list-style:none;counter-reset:step-counter;padding:0;margin:0}.mic-modal-steps li{counter-increment:step-counter;position:relative;padding:8px 0 8px 32px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-sm)}.mic-modal-steps li:before{content:counter(step-counter);position:absolute;left:0;top:var(--space-sm);width:24px;height:24px;background:var(--primary-gradient);color:var(--text-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;box-shadow:0 2px 8px rgba(30,58,138,.2)}.mic-modal-steps li:last-child{margin-bottom:0}.mic-modal-actions{gap:var(--space-md)}.mic-modal-actions,.mic-modal-btn{display:flex;justify-content:center}.mic-modal-btn{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;align-items:center;gap:var(--space-sm);transition:all var(--transition-normal);border:1px solid transparent;position:relative;overflow:hidden;min-width:120px}.mic-modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.mic-modal-btn:hover:before{left:100%}.mic-modal-btn.primary{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-sm)}.mic-modal-btn.primary:hover{box-shadow:var(--shadow-lg),0 0 20px rgba(30,58,138,.3);transform:translateY(-2px)}.mic-modal-btn.secondary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.mic-modal-btn.secondary:hover{background:var(--gray-50);border-color:var(--primary-light);color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.mic-modal-btn.tertiary{background:transparent;color:var(--text-secondary);border-color:transparent}.mic-modal-btn.tertiary:hover{background:var(--gray-50);color:var(--text-primary);transform:translateY(-1px)}.mic-modal-btn.loading{pointer-events:none;opacity:.8}.mic-modal-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--text-white);border-radius:var(--radius-full);animation:spin 1s linear infinite}@media (max-width:768px){.mic-modal-container{margin:var(--space-lg);padding:var(--space-xl)}.mic-modal-actions{flex-direction:column}.mic-modal-btn{width:100%}.mic-modal-steps li{padding-left:var(--space-xl)}}:root{--primary-color:#4338CA;--primary-light:#6366F1;--primary-dark:#3730A3;--primary-gradient:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);--title-gradient:linear-gradient(135deg,#3B82F6,#4338CA);--secondary-color:#F9FAFB;--secondary-light:#FFFFFF;--secondary-dark:#F3F4F6;--accent-color:#F59E0B;--accent-light:#FBBF24;--accent-gradient:linear-gradient(135deg,var(--accent-light) 0%,var(--accent-color) 100%);--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--success-color:#10B981;--warning-color:#F59E0B;--error-color:#EF4444;--text-primary:#1F2937;--text-secondary:#4B5563;--text-light:#9CA3AF;--text-white:#FFFFFF;--bg-primary:#FFFFFF;--bg-secondary:#F9FAFB;--bg-dark:#111827;--border-color:#E5E7EB;--border-color-soft:rgba(0,0,0,0.05);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.07);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.12);--shadow-glow-primary:0 0 20px rgba(99,102,241,0.3);--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--transition-fast:0.2s ease-in-out;--transition-normal:0.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ai-tutor-container{position:relative;width:100vw;max-width:1200px;max-height:850px;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}@media (min-width:1280px){.ai-tutor-container{width:1200px;height:800px}}.chat-container{display:flex;width:100%;height:100%;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border-color)}.left-panel{flex:0 0 360px;border-right:1px solid var(--border-color);background-color:var(--bg-secondary);padding:var(--space-xl)}.info-panel,.left-panel{display:flex;flex-direction:column}.info-panel{justify-content:space-between;height:100%;gap:var(--space-lg)}.info-section{width:100%}.info-section-main{flex:1;display:flex;align-items:center;justify-content:center}.info-header{padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.tutor-info{gap:var(--space-md)}.tutor-avatar,.tutor-info{display:flex;align-items:center}.tutor-avatar{width:52px;height:52px;border-radius:var(--radius-full);background:var(--primary-gradient);color:var(--text-white);justify-content:center;box-shadow:0 4px 10px rgba(67,56,202,.2);flex-shrink:0}.tutor-details h2{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.status-indicator{font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full);letter-spacing:.02em;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-sm)}.status-indicator:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:currentColor;transition:all var(--transition-fast)}@keyframes pulse-live{0%,to{box-shadow:0 0 0 0 rgba(0,123,255,.6)}50%{box-shadow:0 0 0 6px rgba(0,123,255,0)}}.status-indicator.listening,.status-indicator.speaking{background:rgba(0,123,255,.1);color:var(--primary-color)}.status-indicator.listening:before,.status-indicator.speaking:before{animation:pulse-live 1.5s infinite}.status-indicator.connecting,.status-indicator.thinking{background:rgba(245,158,11,.1);color:var(--warning-color)}.status-indicator.disconnected{background:rgba(255,138,101,.1);color:var(--error-color)}.session-timer{margin-top:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-base);background:var(--bg-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.customer-profile{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.customer-avatar{width:120px;height:120px;border-radius:var(--radius-full);object-fit:cover;border:4px solid var(--bg-primary);box-shadow:var(--shadow-lg)}.customer-info-wrapper{text-align:center}.customer-info{margin-top:var(--space-sm);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.customer-title{font-size:var(--font-size-sm);color:var(--primary-dark);padding:.3rem .8rem;background-color:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-full);font-weight:500;margin:0}.action-buttons{display:flex;gap:var(--space-md);flex-direction:column;padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.action-btn{width:100%;padding:var(--space-md) 0;border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--font-size-base);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--transition-fast)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.action-btn:hover:not(:disabled){transform:translateY(-2px)}.action-btn.primary{background:var(--primary-color);color:var(--text-white);box-shadow:var(--shadow-md)}.action-btn.primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-lg),var(--shadow-glow-primary)}.action-btn.secondary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.action-btn.secondary:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-md)}.action-btn.accent{background:var(--bg-primary);color:var(--accent-color);border-color:var(--accent-color)}.action-btn.accent:hover:not(:disabled){background:var(--accent-color);color:var(--text-white);box-shadow:var(--shadow-lg)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--text-white);border-radius:var(--radius-full)}.action-btn.loading .spinner{border-top-color:var(--text-white)}.right-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;overflow:hidden;background-color:var(--bg-dark)}.right-panel:before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(ellipse at 70% 20%,var(--primary-dark) 0,transparent 50%),radial-gradient(ellipse at 30% 80%,var(--primary-light) 0,transparent 40%);opacity:.2;animation:aurora-animation 25s ease-in-out infinite}@keyframes aurora-animation{0%{background-position:0 50%,0 50%}50%{background-position:100% 50%,100% 50%}to{background-position:0 50%,0 50%}}.placeholder-text{position:relative;z-index:1;text-align:center;color:rgba(255,255,255,.7);font-size:var(--font-size-lg)}.chat-message-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);width:100%;max-width:700px}.voice-visualizer-wrapper{width:100%}.voice-visualizer-container{width:100%;height:280px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl);padding:var(--space-lg);background:rgba(255,255,255,.06);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(0,123,255,.15);box-shadow:0 8px 32px rgba(0,123,255,.12)}.voice-visualizer-container div[data-lk-theme=default]>div{background:linear-gradient(135deg,#007BFF,#1abc9c)!important;border-radius:2px;box-shadow:0 0 6px rgba(0,123,255,.2)}.welcome-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;max-width:500px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95));border:2px solid rgba(124,58,237,.2);padding:var(--space-xl);border-radius:var(--radius-2xl);box-shadow:0 8px 25px rgba(124,58,237,.15);backdrop-filter:blur(15px);text-align:center;position:relative;overflow:hidden}.welcome-message:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.welcome-icon{width:60px;height:60px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:var(--text-white);box-shadow:0 4px 15px rgba(124,58,237,.25);animation:pulse-welcome 2s ease-in-out infinite}@keyframes pulse-welcome{0%,to{transform:scale(1);box-shadow:0 4px 15px rgba(124,58,237,.25)}50%{transform:scale(1.05);box-shadow:0 6px 20px rgba(124,58,237,.35)}}.welcome-content{display:flex;flex-direction:column;gap:var(--space-sm)}.welcome-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0;background:var(--title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;font-weight:500}.single-ai-message{display:flex;align-items:flex-start;gap:var(--space-md);width:100%;background:rgba(255,255,255,.96);border:1px solid rgba(124,58,237,.1);padding:var(--space-lg);border-radius:var(--radius-xl);box-shadow:0 4px 15px rgba(124,58,237,.08);backdrop-filter:blur(12px)}.message-avatar{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-gradient);color:var(--text-white);border:2px solid var(--text-white);box-shadow:0 2px 8px rgba(124,58,237,.15)}.message-bubble{flex-grow:1;padding:var(--space-xs) 0;font-size:var(--font-size-lg);line-height:1.7;color:var(--text-primary);font-weight:500;word-break:keep-all}.close-button{position:absolute;top:24px;right:24px;z-index:1001;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.8);backdrop-filter:blur(5px);border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-normal)}.close-button:hover{background-color:rgba(0,123,255,.15);color:var(--text-white);transform:scale(1.1) rotate(90deg);box-shadow:var(--shadow-lg),var(--shadow-glow-primary)}@media (max-width:1024px){.lk-audio-bar-visualizer>.lk-audio-bar{height:45%!important}.chat-container{height:65vh}.info-panel{padding-top:5%}.ai-tutor-container{width:100vw;height:100vh;padding:var(--space-sm);max-width:none;max-height:none}.chat-container{flex-direction:column;border-radius:var(--radius-lg)}.left-panel{flex:0 0 auto;border-right:none;border-bottom:1px solid var(--border-color);padding:var(--space-lg)}.info-panel{flex-direction:row;align-items:center;gap:var(--space-lg);height:auto}.info-section-main{display:none}.action-buttons{flex-direction:column;gap:var(--space-sm);padding-top:0;border-top:none}.action-btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.voice-visualizer-container{height:200px}.session-timer{margin-top:0}.close-button{color:var(--text-primary)}}@media (max-width:768px){.ai-tutor-container{padding:0;border-radius:0;height:auto}.chat-container{border-radius:0;height:70vh}.left-panel{padding:var(--space-lg)}.info-header{padding-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.tutor-info{gap:var(--space-md);align-items:flex-start}.tutor-avatar{width:56px;height:56px}.tutor-details{flex:1}.tutor-details h2{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-sm)}.status-indicator{font-size:.9rem;padding:.4rem .8rem;font-weight:600}.session-timer{margin-top:0;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-lg);font-weight:600;border-radius:var(--radius-xl);background:var(--bg-primary);box-shadow:var(--shadow-sm)}.action-buttons{gap:var(--space-xs)}.action-btn{padding:var(--space-sm);font-size:.8rem}.right-panel{padding:var(--space-md)}.voice-visualizer-container{height:150px}.single-ai-message,.voice-visualizer-container{padding:var(--space-md);border-radius:var(--radius-lg)}.single-ai-message{gap:var(--space-sm);align-items:center}.message-avatar{width:36px;height:36px}.message-bubble{font-size:var(--font-size-base);line-height:1.6}.close-button{top:12px;right:12px;width:36px;height:36px;color:var(--text-primary)}.placeholder-text{font-size:var(--font-size-base);padding:var(--space-md)}}@media (max-width:480px){.left-panel{padding:var(--space-md)}.info-panel{gap:var(--space-lg)}.info-header{padding-bottom:var(--space-md)}.info-header,.tutor-info{gap:var(--space-sm)}.tutor-avatar{width:48px;height:48px}.tutor-details h2{font-size:var(--font-size-lg);font-weight:700}.status-indicator{font-size:.8rem;padding:.3rem .6rem}.session-timer{font-size:var(--font-size-base)}.action-btn,.session-timer{padding:var(--space-sm) var(--space-md);font-weight:600}.action-btn{font-size:.85rem}.right-panel{padding:var(--space-sm)}.voice-visualizer-container{height:120px;padding:var(--space-sm)}.single-ai-message{padding:var(--space-sm)}.message-bubble{font-size:var(--font-size-sm)}.close-button{width:32px;height:32px;top:8px;right:8px}}@media (max-width:400px){.tutor-details h2 span{display:block}}@media (max-height:600px) and (orientation:landscape){.info-section-main{display:none}.voice-visualizer-container{height:100px}.left-panel,.right-panel{padding:var(--space-sm) var(--space-md)}}.email-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.email-modal-container{background:white;border-radius:20px;padding:40px;box-shadow:0 20px 50px rgba(0,0,0,.15);border:1px solid rgba(226,232,240,.5);width:100%;max-width:480px;position:relative;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.email-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#5A6474;transition:all .2s ease}.email-modal-close:hover{background-color:#F3F1F9;color:#7C3AED}.email-modal-content{text-align:center}.email-step,.success-step,.verification-step{display:flex;flex-direction:column;align-items:center}.email-step-header{margin-bottom:32px}.email-icon{width:80px;height:80px;background:linear-gradient(135deg,#7C3AED,#A78BFA);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;margin:0 auto 20px}.email-step-header h2{font-size:1.8rem;font-weight:700;color:#1A202C;margin-bottom:8px}.email-step-header p{font-size:1rem;color:#5A6474;line-height:1.5}.email-form,.verification-form{width:100%}.email-form .form-group{margin-bottom:24px;text-align:left}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#1A202C;margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;background-color:#F8F7FC;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:500;color:#1A202C;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,.15);background-color:white}.form-group input.error{border-color:#EF4444;box-shadow:0 0 0 3px rgba(239,68,68,.15)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{display:block;color:#EF4444;font-size:.85rem;margin-top:6px}.checkbox-label{display:flex!important;align-items:center;gap:12px;cursor:pointer;font-weight:500!important;font-size:.9rem!important;margin-bottom:0!important}.checkbox-label input[type=checkbox]{padding:0;appearance:none;width:20px;height:20px;border:2px solid #e2e8f0;border-radius:4px;background-color:white;cursor:pointer;position:relative;flex-shrink:0;margin:2px 0 0}.checkbox-label input[type=checkbox]:checked{background-color:#7C3AED;border-color:#7C3AED}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:12px;font-weight:700}.checkbox-label input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px rgba(124,58,237,.15)}.checkbox-label input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed}.checkbox-text{color:#5A6474;line-height:1.4}.email-submit-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background-color:#7C3AED;color:white;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.email-submit-btn:hover:not(:disabled){background-color:#6D28D9;box-shadow:0 4px 12px rgba(124,58,237,.2)}.email-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.verification-info{margin-bottom:16px;text-align:center}.countdown,.resend-btn{color:#7C3AED;font-weight:600;font-size:.9rem}.resend-btn{background:none;border:none;cursor:pointer;text-decoration:underline;transition:color .2s ease}.resend-btn:hover:not(:disabled){color:#6D28D9}.resend-btn:disabled{opacity:.6;cursor:not-allowed}.success-step{padding:20px 0}.success-icon{width:100px;height:100px;background:linear-gradient(135deg,#10B981,#34D399);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;margin:0 auto 24px;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-step h2{font-size:1.8rem;font-weight:700;color:#1A202C;margin-bottom:12px}.success-step p{font-size:1rem;color:#5A6474;line-height:1.6}@media (max-width:640px){.email-modal-container{padding:30px 24px;margin:16px}.email-icon{width:64px;height:64px}.email-step-header h2{font-size:1.5rem}.success-icon{width:80px;height:80px}.success-step h2{font-size:1.5rem}}@media (max-width:480px){.email-modal-overlay{padding:16px}.email-modal-container{padding:24px 20px}.email-step-header{margin-bottom:24px}.form-group input{padding:12px 14px;font-size:.95rem}.email-submit-btn{padding:12px 20px;font-size:.95rem}}