:root{--primary-color: #0052cc;--secondary-color: #4c9aff;--accent-color: #00c853;--background-color: #f4f5f7;--surface-color: #f5f9ff;--element-bg-color: #ffffff;--text-color: #172b4d;--text-color-secondary: #5e6c84;--text-color-light: #ffffff;--error-color: #de350b;--border-color: #dfe1e6;--font-family: "Roboto", sans-serif;--border-radius: 6px;--box-shadow: 0 1px 1px rgba(9, 30, 66, .15), 0 0 1px 1px rgba(9, 30, 66, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:linear-gradient(135deg,var(--background-color) 0%,#e9ebee 100%);color:var(--text-color);line-height:1.6}#root{display:flex;flex-direction:column;height:100vh;width:100vw}header{background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));color:var(--text-color-light);padding:.5rem 1.5rem;font-size:1.25rem;font-weight:600;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center;z-index:10}.header-title-group{display:flex;align-items:center}.header-logo{height:40px;margin-right:1rem}.header-history-button{background-color:#fff3;color:var(--text-color-light);border:1px solid rgba(255,255,255,.5);font-size:.9rem;padding:.5rem 1rem}.header-history-button:hover:not(:disabled){background-color:#ffffff4d;border-color:var(--text-color-light)}.app-container{display:flex;flex:1;overflow:hidden;padding:20px;gap:20px}.simulation-panel,.control-panel{display:flex;flex-direction:column;background:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;border:1px solid var(--border-color)}.simulation-panel{flex:2}.control-panel{flex:1;overflow-y:auto;padding:1.5rem;gap:1.5rem}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--surface-color);display:flex;justify-content:space-between;align-items:center}.chat-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-color)}.chat-window{flex-grow:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;position:relative}.chat-message{max-width:85%;padding:.75rem 1rem;border-radius:18px;margin-bottom:.75rem;word-wrap:break-word;transition:font-size .2s ease-in-out,padding .2s ease-in-out}.chat-message.user{background-color:var(--primary-color);color:var(--text-color-light);align-self:flex-end;border-bottom-right-radius:4px}.chat-message.ai{background-color:var(--element-bg-color);color:var(--text-color);border:1px solid var(--border-color);align-self:flex-start;border-bottom-left-radius:4px}.chat-message.system{background-color:#deebff;color:var(--primary-color);align-self:center;width:100%;max-width:100%;border:1px solid var(--secondary-color);text-align:left;font-size:.9rem;padding:1rem;border-radius:var(--border-radius)}.chat-message .sender{font-weight:600;margin-bottom:.25rem;font-size:.85rem;display:block}.dynamic-cue{font-style:italic;color:var(--text-color-secondary);font-size:.9em;margin-bottom:.3rem}.message-input-area{padding:1rem;border-top:1px solid var(--border-color);display:flex;align-items:flex-end;gap:.75rem;background-color:var(--surface-color)}.message-input-area textarea{flex-grow:1;padding:.75rem 1rem;border:1px solid var(--border-color);background-color:var(--element-bg-color);border-radius:var(--border-radius);font-size:1rem;font-family:var(--font-family);transition:border-color .2s ease,box-shadow .2s ease;resize:none;line-height:1.5;max-height:150px;overflow-y:auto}.message-input-area textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #4c9aff40}.message-input-area textarea.listening{border-color:var(--secondary-color);box-shadow:0 0 0 3px #4c9aff4d}button{position:relative;padding:.65rem 1rem;border:1px solid transparent;background-color:var(--primary-color);color:var(--text-color-light);border-radius:var(--border-radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;flex-shrink:0}button:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}button:disabled{background-color:#a5adba;border-color:#a5adba;cursor:not-allowed}.end-call-button-main{background-color:var(--error-color)}.end-call-button-main:hover:not(:disabled){background-color:var(--error-color);filter:brightness(1.1)}.mic-button{flex-shrink:0;background-color:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease}.mic-button svg{width:24px;height:24px;fill:var(--text-color-secondary)}.mic-button:hover:not(:disabled){background-color:var(--border-color)}.mic-button.listening{background-color:#ffeded;animation:pulse 1.5s infinite}.mic-button.listening svg{fill:var(--error-color)}.loading>*{visibility:hidden}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;animation:button-spin .8s linear infinite;border:3px solid rgba(255,255,255,.3);border-top-color:var(--text-color-light)}.library-button.loading:after,.scenario-item.loading:after{border-color:#0052cc33;border-top-color:var(--primary-color)}@keyframes button-spin{to{transform:rotate(360deg)}}.control-panel h2{color:var(--text-color);font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:0}.timer-card,.persona-card,.feedback-card,.progress-indicator-card,.kpi-panel{background:var(--element-bg-color);padding:1.25rem;border-radius:var(--border-radius);border:1px solid var(--border-color)}.timer-card{background:var(--primary-color);color:var(--text-color-light);text-align:center}.timer-card h3{font-size:1rem;font-weight:500;margin-bottom:.5rem;opacity:.9}.timer-display{font-size:2.5rem;font-weight:700;font-family:Roboto Mono,monospace}.pause-resume-button{width:100%;background-color:#ffab00;color:var(--text-color)}.pause-resume-button:hover:not(:disabled){background-color:#ffc400}.progress-indicator-card h3,.kpi-panel h3,.feedback-card h3,.persona-card h3{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 1rem}.persona-card h3{padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.persona-details{display:flex;flex-direction:column;gap:1rem}.persona-detail-item{font-size:.9rem;background:var(--element-bg-color);padding:.75rem;border-radius:var(--border-radius);border:1px solid var(--border-color)}.persona-detail-label{display:block;font-weight:600;color:var(--text-color-secondary);margin-bottom:.25rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.persona-detail-item p{margin:0;color:var(--text-color);line-height:1.5}.kpi-panel{display:flex;flex-direction:column;gap:1rem}.kpi-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.kpi-label{color:var(--text-color-secondary)}.kpi-value{font-weight:600;font-size:1rem}.kpi-talk-ratio .kpi-value{display:flex;align-items:center;gap:8px}.kpi-talk-ratio-bar{width:80px;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.kpi-talk-ratio-fill{height:100%;background-color:var(--secondary-color);border-radius:4px;transition:width .3s ease-in-out}.kpi-item.kpi-protocol-adherence{flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border-color)}.kpi-protocol-adherence .kpi-label{font-weight:600}.kpi-protocol-adherence ul{list-style:"✓ ";padding-left:1.5rem;margin:0;width:100%;font-size:.9rem;color:var(--text-color-secondary)}.kpi-protocol-adherence ul li{margin-bottom:.5rem}.kpi-protocol-adherence ul li:last-child{margin-bottom:0}.chat-header-controls{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:flex-end}.control-label{font-size:.9rem;font-weight:500;color:var(--text-color-secondary)}.tts-toggle-container,.text-size-control,.tts-provider-control{display:flex;align-items:center;gap:.75rem}.tts-options-group{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.tts-options-group .tts-provider-control{gap:0}.tts-options-group .tts-provider-control .control-label{display:none}.tts-options-group .tts-provider-buttons{border:none}.tts-options-group .tts-provider-buttons button{border-radius:0;border-right:1px solid var(--border-color)}.tts-options-group .tts-provider-buttons button:last-child{border-right:none}.tts-options-group .voice-select-dropdown{border:none;border-left:1px solid var(--border-color);border-radius:0;height:100%;padding-top:.35rem;padding-bottom:.35rem;background-color:var(--element-bg-color)}.tts-provider-buttons{display:flex;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.tts-provider-buttons button{background-color:var(--element-bg-color);color:var(--text-color-secondary);border:none;border-radius:0;padding:.25rem .6rem;cursor:pointer;line-height:1;transition:background-color .2s,color .2s;font-size:.85rem;border-left:1px solid var(--border-color)}.tts-provider-buttons button:first-child{border-left:none}.tts-provider-buttons button:hover{background-color:#f0f3f5;transform:none;filter:none;box-shadow:none}.tts-provider-buttons button.active{background-color:var(--primary-color);color:var(--text-color-light);font-weight:600}.voice-select-dropdown{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--element-bg-color);color:var(--text-color);font-size:.9rem}.voice-select-dropdown:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px #4c9aff40}.text-size-control button{background-color:var(--element-bg-color);color:var(--text-color-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.25rem .5rem;cursor:pointer;line-height:1;transition:background-color .2s,border-color .2s,color .2s}.text-size-control button:hover{background-color:#f0f3f5;border-color:var(--text-color-secondary);transform:none;filter:none;box-shadow:none}.text-size-control button.active{background-color:var(--primary-color);color:var(--text-color-light);border-color:var(--primary-color);font-weight:700}.text-size-control button:nth-of-type(1){font-size:.7rem}.text-size-control button:nth-of-type(2){font-size:.9rem}.text-size-control button:nth-of-type(3){font-size:1.1rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#a5adba;transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(22px)}.progress-steps{position:relative;padding-left:15px}.progress-steps:before{content:"";position:absolute;top:10px;bottom:10px;left:24px;width:2px;background-color:var(--border-color);z-index:1}.progress-step{display:flex;align-items:flex-start;position:relative;margin-bottom:1.5rem;z-index:2}.progress-step:last-child{margin-bottom:0}.progress-icon{width:24px;height:24px;border-radius:50%;background-color:var(--surface-color);border:2px solid var(--border-color);flex-shrink:0;margin-right:1rem;position:relative;top:0;z-index:3;transition:all .3s ease}.progress-label{padding-top:2px}.progress-label h4{font-size:1rem;font-weight:500;color:var(--text-color-secondary);margin:0;line-height:1.2}.progress-label p{font-size:.85rem;color:var(--text-color-secondary);margin:0}.progress-step.active .progress-icon{border-color:var(--primary-color);background-color:var(--secondary-color);animation:pulse-ring 1.5s infinite}.progress-step.active .progress-label h4{color:var(--primary-color);font-weight:600}.progress-step.active .progress-label p{color:var(--text-color)}.progress-step.completed .progress-icon{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center}.progress-step.completed .progress-icon:after{content:"";display:block;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.progress-step.completed .progress-label h4{color:var(--text-color);text-decoration:line-through}.progress-step.completed .progress-label p{color:var(--text-color-secondary)}.initial-view{display:flex;flex-direction:column;align-items:center;min-height:100%;text-align:center;padding:2rem;width:100%;overflow-y:auto}.welcome-view h2,.initial-view h2,.checklist-view h2{font-size:1.75rem;color:var(--text-color);margin-bottom:.5rem}.welcome-instructions,.initial-view p,.checklist-view p{font-size:1rem;line-height:1.7;max-width:600px;margin:1rem 0 1.5rem;color:var(--text-color-secondary)}.welcome-instructions code{background-color:var(--border-color);color:var(--text-color);padding:2px 6px;border-radius:4px;font-family:Roboto Mono,monospace;font-size:.9rem}.initial-difficulty-selector{margin-bottom:2rem;width:100%;max-width:400px}.initial-view h3{font-size:1.1rem;color:var(--text-color);margin-bottom:1rem;font-weight:600}.initial-difficulty-selector .difficulty-buttons{display:flex;gap:10px;justify-content:center}.initial-difficulty-selector .difficulty-buttons button{flex:1;padding:.75rem 1rem;font-size:1rem;background-color:var(--element-bg-color);color:var(--text-color-secondary);border:1px solid var(--border-color);transition:all .2s ease-in-out}.initial-difficulty-selector .difficulty-buttons button:hover{background-color:#fafbfc;border-color:var(--text-color-secondary);color:var(--text-color);transform:translateY(-2px)}.initial-difficulty-selector .difficulty-buttons button.active{background-color:var(--primary-color);color:var(--text-color-light);border-color:var(--primary-color)}.start-options{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.library-button{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.library-button:hover:not(:disabled){background-color:#deebff}.resume-button{background-color:var(--accent-color);border-color:var(--accent-color)}.resume-button:hover:not(:disabled){background-color:var(--accent-color);filter:brightness(1.1)}.difficulty-container{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:500px;margin-top:1.5rem}.difficulty-option{background-color:var(--element-bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;text-align:left;cursor:pointer;transition:all .2s ease-in-out;width:100%;box-shadow:var(--box-shadow);color:var(--text-color);display:block}.difficulty-option:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 4px 10px #091e421a;filter:none}.difficulty-option h4{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin:0 0 .75rem}.difficulty-option p{font-size:.95rem;margin:0;color:var(--text-color-secondary);line-height:1.6}.resume-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;width:100%;max-width:500px}.resume-prompt h2{font-size:1.75rem;color:var(--text-color);margin-bottom:.75rem}.resume-prompt p{font-size:1.1rem;color:var(--text-color-secondary);margin-bottom:2rem;line-height:1.6;max-width:400px}.resume-prompt-actions{display:flex;gap:1rem;width:100%}.resume-prompt-actions button{flex:1;font-size:1rem;padding:.8rem 1.5rem}.scenario-library-container{width:100%;display:flex;flex-direction:column;align-items:center}.scenario-search-bar{width:100%;max-width:700px;margin-bottom:1.5rem}.scenario-search-bar input{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--element-bg-color);color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease}.scenario-search-bar input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #4c9aff40}.scenario-filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem;width:100%;max-width:700px}.filter-button{padding:.5rem 1rem;font-size:.9rem;background-color:var(--element-bg-color);color:var(--text-color-secondary);border:1px solid var(--border-color);border-radius:20px;cursor:pointer}.filter-button:hover{background-color:#fafbfc;border-color:var(--text-color-secondary)}.filter-button.active{background-color:var(--primary-color);color:var(--text-color-light);border-color:var(--primary-color)}.scenario-category{width:100%;max-width:700px;margin-bottom:1.5rem}.scenario-category h4{font-size:1.3rem;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1rem;text-align:left}.scenario-list{display:grid;grid-template-columns:1fr;gap:1rem}.scenario-item{background-color:var(--element-bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.25rem;text-align:left;cursor:pointer;transition:all .2s ease-in-out;width:100%;box-shadow:var(--box-shadow);color:var(--text-color)}.scenario-item:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 4px 10px #091e421a}.scenario-item h5{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin:0 0 .5rem}.scenario-item p{font-size:.9rem;margin:0 0 1rem;color:var(--text-color-secondary)}.scenario-dialogue{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border-color)}.scenario-dialogue h6{font-size:.8rem;font-weight:600;color:var(--text-color-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.dialogue-line{font-size:.9rem;margin-bottom:.5rem;line-height:1.4}.dialogue-speaker{font-weight:600;margin-right:.5rem}.dialogue-speaker.caller{color:var(--text-color)}.dialogue-speaker.agent{color:var(--primary-color)}.dialogue-text{font-style:italic;color:var(--text-color-secondary)}.back-button{margin-top:1.5rem;background-color:var(--text-color-secondary)}.back-button:hover:not(:disabled){background-color:var(--text-color)}.no-scenarios-found{color:var(--text-color-secondary);font-style:italic;margin-top:2rem;font-size:1.1rem;text-align:center}.pre-call-checklist{list-style:none;padding:0;margin:1.5rem 0 2rem;text-align:left;width:100%;max-width:450px}.pre-call-checklist li{background:#deebff;border-left:4px solid var(--primary-color);padding:.75rem 1.25rem;margin-bottom:.75rem;border-radius:4px;font-size:1rem}.checklist-actions{display:flex;gap:1rem;justify-content:center;width:100%;max-width:450px}.checklist-actions button{flex:1}.feedback-card .call-outcome-display{padding:.75rem 1rem;border-radius:var(--border-radius);margin-bottom:1rem;font-size:1rem;text-align:center;background-color:#deebff;color:var(--primary-color);border:1px solid var(--secondary-color)}.feedback-card .call-outcome-display strong{font-weight:600}.feedback-card ul{list-style-type:none;padding-left:1.5rem;margin-bottom:1rem}.feedback-card ul li{position:relative;padding-left:0;margin-bottom:.5rem}.feedback-card ul li:before{content:"•";position:absolute;left:-1em;color:var(--primary-color)}.feedback-card .call-outcome-display.outcome-positive{background-color:#e3fcef;color:#064;border-color:#79f2c0}.feedback-card .call-outcome-display.outcome-negative{background-color:#ffebe6;color:#bf2600;border-color:#ffbdad}.feedback-section-title{font-weight:600;margin-top:1.5rem;margin-bottom:.25rem;color:var(--text-color)}.feedback-subsection-title{font-weight:600;font-size:.9rem;margin-top:1.25rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.feedback-subsection-title.good{color:#064}.feedback-subsection-title.improve{color:#bf2600}.feedback-subsection-title.good+ul li:before{content:"✓";color:var(--accent-color);font-weight:700}.feedback-subsection-title.improve+ul li:before{content:"→";color:var(--error-color);font-weight:700}.feedback-card .score{font-size:2rem;font-weight:700;color:var(--primary-color);text-align:center;margin-top:1rem}.feedback-card .score p{font-size:.9rem;font-weight:500;margin:0;color:var(--text-color-secondary)}.score-display-total{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--text-color-light);padding:1.5rem;margin-bottom:1.5rem;border-radius:var(--border-radius);text-align:center}.score-display-total .score-value{font-size:3.5rem;font-weight:700;line-height:1}.score-display-total .score-label{font-size:1rem;font-weight:500;opacity:.9;letter-spacing:1px;text-transform:uppercase}.score-display-breakdown{display:flex;justify-content:space-around;align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--text-color-light);padding:1rem;margin-bottom:1.5rem;border-radius:var(--border-radius);text-align:center}.score-item{display:flex;flex-direction:column;gap:.25rem;padding:0 .5rem}.score-item.final-score .score-value{transform:scale(1.15);color:#fff}.score-display-breakdown .score-value{font-size:2.5rem;font-weight:700;line-height:1;color:#ffffffe6}.score-display-breakdown .score-label{font-size:.8rem;font-weight:500;opacity:.9;letter-spacing:.5px;text-transform:uppercase}.score-modifier-symbol{font-size:2rem;font-weight:300;opacity:.8}.modifiers-list-inline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}.modifiers-list-inline li.penalty{color:#ffadad}.modifiers-list-inline li.bonus{color:#b3fecd}.feedback-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.feedback-section:first-of-type{margin-top:0;padding-top:0;border-top:none}.feedback-section .feedback-section-title{font-size:1.2rem;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.score-category-list{display:flex;flex-direction:column;gap:1rem}.score-category-item{background-color:var(--surface-color);padding:1rem;border-radius:var(--border-radius);border:1px solid var(--border-color)}.score-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.score-category-name{font-weight:600;font-size:1rem;color:var(--text-color)}.score-category-value{font-weight:600;font-size:.9rem;color:var(--text-color-secondary)}.score-category-bar{height:8px;width:100%;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:.75rem}.score-category-bar-fill{height:100%;border-radius:4px;transition:width .5s ease-out}.score-category-rationale{font-size:.9rem;color:var(--text-color-secondary);margin:0 0 1rem}.score-category-evidence{font-size:.85rem;background-color:var(--element-bg-color);padding:.75rem;border-radius:var(--border-radius);border:1px solid var(--border-color)}.score-category-evidence strong{font-weight:600;color:var(--text-color-secondary);display:block;margin-bottom:.5rem}.score-category-evidence ul{list-style:none;padding:0;margin:0;color:var(--text-color);font-style:italic}.score-category-evidence ul li{padding-left:1.25rem;position:relative}.score-category-evidence ul li:before{content:'"';position:absolute;left:0;top:0;font-weight:600;color:var(--primary-color)}.modifiers-list,.coaching-points-list{list-style:none;padding:0;margin:0}.modifiers-list li{padding:.5rem .75rem;border-radius:var(--border-radius);margin-bottom:.5rem;font-weight:500}.modifiers-list li.penalty{background-color:#ffebe6;color:#bf2600}.modifiers-list li.bonus{background-color:#e3fcef;color:#064}.coaching-points-list li{background-color:var(--surface-color);border-left:3px solid var(--secondary-color);padding:.75rem 1rem;margin-bottom:.75rem}.transcript-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.transcript-display{max-height:200px;overflow-y:auto;background-color:var(--element-bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem;font-family:Roboto Mono,monospace;font-size:.85rem;line-height:1.5;color:var(--text-color-secondary)}.transcript-line{white-space:pre-wrap;margin-bottom:.5rem}.transcript-line .timestamp{color:var(--primary-color);margin-right:.75rem;font-weight:500}.transcript-line .speaker{font-weight:600;color:var(--text-color)}.feedback-actions{display:flex;gap:1rem;margin-bottom:1rem}.feedback-actions .action-button{flex:1;border:1px solid var(--primary-color)}.pause-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f5f9ffd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10;border-radius:var(--border-radius)}.pause-overlay h2{color:var(--primary-color);font-size:2.5rem;font-weight:700;letter-spacing:4px;border:3px solid var(--primary-color);padding:1rem 2rem;border-radius:var(--border-radius)}.sentiment-chart-container{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.sentiment-chart-container.empty{text-align:center;color:var(--text-color-secondary);font-size:.9rem;padding:1rem 0;border-top:none;margin-top:0}.chart-title{text-align:center;font-size:.9rem;font-weight:600;color:var(--text-color-secondary);margin-bottom:.5rem}.sentiment-chart-container svg{width:100%;height:auto}.grid-line{stroke:var(--border-color);stroke-dasharray:2,2}.axis-line{stroke:var(--border-color)}.axis-label{font-size:9px;fill:var(--text-color-secondary);text-anchor:end}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#091e4299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-modal{background:var(--element-bg-color);padding:2rem;border-radius:var(--border-radius);box-shadow:0 5px 15px #0000004d;text-align:center;max-width:400px;width:90%}.confirmation-modal h3{color:var(--text-color);margin-top:0;margin-bottom:1rem;font-size:1.5rem}.confirmation-modal p{margin-bottom:2rem;color:var(--text-color-secondary);font-size:1.1rem}.modal-buttons{display:flex;justify-content:center;gap:1rem}.modal-button{flex:1}.modal-button.cancel{background-color:var(--text-color-secondary)}.modal-button.cancel:hover:not(:disabled){background-color:var(--text-color)}.modal-button.confirm-end{background-color:var(--error-color)}.modal-button.confirm-end:hover:not(:disabled){filter:brightness(1.1)}.history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#091e4299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.history-modal{background:var(--background-color);border-radius:var(--border-radius);box-shadow:0 5px 15px #0000004d;width:100%;max-width:900px;height:90vh;display:flex;flex-direction:column;overflow:hidden}.history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.history-modal-header h3{color:var(--text-color);margin:0;font-size:1.5rem}.history-close-button,.history-back-button{background:none;border:none;font-size:1.75rem;color:var(--text-color-secondary);cursor:pointer;padding:.25rem .5rem;line-height:1}.history-back-button{font-size:1rem;font-weight:600;color:var(--primary-color)}.history-modal-content{flex-grow:1;overflow-y:auto;padding:1.5rem}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.history-list-item{background:var(--element-bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.25rem;cursor:pointer;transition:all .2s ease-in-out}.history-list-item:hover{border-color:var(--primary-color);box-shadow:var(--box-shadow);transform:translateY(-2px)}.history-item-persona{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-item-persona strong{font-size:1.1rem;color:var(--text-color)}.history-item-persona span{font-size:.85rem;color:var(--text-color-secondary)}.history-item-details{display:flex;gap:2rem;font-size:.9rem}.history-item-details strong{font-weight:600;color:var(--text-color-secondary);margin-right:.5rem}.history-empty-message{text-align:center;color:var(--text-color-secondary);font-size:1.1rem;padding:3rem 0}.history-clear-button{display:block;margin:2rem auto 1rem;background-color:transparent;color:var(--error-color);border:1px solid var(--error-color)}.history-clear-button:hover:not(:disabled){background-color:#ffebe6}.summary-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#091e4299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1001}.summary-modal{background:var(--element-bg-color);padding:1.5rem 2rem 2rem;border-radius:var(--border-radius);box-shadow:0 5px 15px #0000004d;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column}.summary-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.summary-modal-header h3{color:var(--text-color);margin:0;font-size:1.5rem}.summary-close-button{background:none;border:none;font-size:2rem;color:var(--text-color-secondary);cursor:pointer;padding:0;line-height:1}.summary-modal-content{overflow-y:auto;color:var(--text-color-secondary);line-height:1.7}.summary-modal-content p{white-space:pre-wrap;margin:0}.welcome-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:280px;margin-bottom:2rem}.how-it-works,.shortcut-info{max-width:600px;width:100%;background-color:var(--element-bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;margin:1.5rem 0;text-align:left}.how-it-works h4,.shortcut-info h4{color:var(--text-color);text-align:center;margin-top:0;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.how-it-works-list{list-style:none;padding-left:0;counter-reset:step-counter}.how-it-works-list li{counter-increment:step-counter;position:relative;padding-left:45px;margin-bottom:1.25rem;font-size:.95rem;color:var(--text-color)}.how-it-works-list li:last-child{margin-bottom:0}.how-it-works-list li:before{content:counter(step-counter);position:absolute;left:0;top:-2px;width:30px;height:30px;background-color:var(--primary-color);color:var(--text-color-light);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1rem}.how-it-works-list li strong{display:block;font-weight:600;color:var(--text-color);margin-bottom:.25rem}.shortcut-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;text-align:left}.shortcut-list li{font-size:.95rem;color:var(--text-color-secondary)}.shortcut-key{display:inline-block;background-color:var(--border-color);color:var(--text-color);padding:2px 6px;border-radius:4px;font-family:Roboto Mono,monospace;font-size:.85rem;border-bottom:2px solid #c1c7d0;margin-right:.75rem}.post-call-view{justify-content:center}.post-call-loader{width:60px;height:60px;border-radius:50%;border:5px solid var(--border-color);border-top-color:var(--primary-color);animation:post-call-spin 1s linear infinite;margin-bottom:2rem}.post-call-view h2{margin-bottom:1rem}.post-call-view p{color:var(--text-color-secondary);max-width:450px;margin-bottom:2rem}.analysis-steps{list-style:none;padding:0;text-align:left;max-width:300px;width:100%;color:var(--text-color-secondary)}.analysis-steps li{padding-left:30px;position:relative;margin-bottom:1rem;animation:fade-in-step 1.5s ease-in-out infinite}.analysis-steps li:before{content:"...";font-family:Roboto Mono,monospace;font-weight:700;position:absolute;left:0;top:0;color:var(--primary-color)}.analysis-steps li:nth-child(1){animation-delay:0s}.analysis-steps li:nth-child(2){animation-delay:.2s}.analysis-steps li:nth-child(3){animation-delay:.4s}.analysis-steps li:nth-child(4){animation-delay:.6s}@keyframes post-call-spin{to{transform:rotate(360deg)}}@keyframes fade-in-step{0%,to{opacity:.3}50%{opacity:1}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #de350b66}70%{box-shadow:0 0 0 10px #de350b00}to{box-shadow:0 0 #de350b00}}@keyframes pulse-ring{0%{box-shadow:0 0 #0052ccb3}70%{box-shadow:0 0 0 8px #0052cc00}to{box-shadow:0 0 #0052cc00}}.typing-indicator{display:flex;align-items:center;padding:10px 0}.typing-indicator span{height:8px;width:8px;background-color:var(--text-color-secondary);border-radius:50%;display:inline-block;margin:0 2px;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-of-type(1){animation-delay:-.32s}.typing-indicator span:nth-of-type(2){animation-delay:-.16s}.sentiment-value.low{color:#bf2600}.sentiment-value.medium{color:#ff8b00}.sentiment-value.high{color:#36b37e}.app-container[data-text-size=small] .chat-message{font-size:.85rem;padding:.6rem .9rem;max-width:80%}.app-container[data-text-size=small] .chat-message .sender{font-size:.8rem}.app-container[data-text-size=small] .chat-message .dynamic-cue{font-size:.8em}.app-container[data-text-size=large] .chat-message{font-size:1.1rem;padding:.9rem 1.2rem;max-width:90%}.app-container[data-text-size=large] .chat-message .sender{font-size:.9rem}.app-container[data-text-size=large] .chat-message .dynamic-cue{font-size:.9em}@media (max-width: 1200px){.chat-header-controls{flex-direction:column;align-items:flex-end;gap:.75rem}}@media (max-width: 900px){.app-container{flex-direction:column;padding:10px;gap:10px}.control-panel{order:-1}.history-modal-overlay{padding:.5rem}.history-modal{height:95vh}header{flex-direction:column;gap:.5rem;padding-bottom:.75rem}.chat-header-controls{flex-direction:row;align-items:center}.chat-header-controls .tts-controls-container{flex-direction:row}}@media print{body *{visibility:hidden}#root,header,.app-container,.simulation-panel,.control-panel,.history-modal-overlay,.history-modal,.history-modal-content{position:static!important;display:block!important;overflow:visible!important;height:auto!important;width:auto!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important;background:none!important}.printable-area,.printable-area *{visibility:visible!important}.printable-area{width:100%;padding:1rem!important;border:none!important;box-shadow:none!important;background:#fff!important}.printable-area .feedback-actions,.printable-area button{display:none!important}.feedback-card,.score-category-item{box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important;color:#000!important;page-break-inside:avoid;margin-top:0!important}h1,h2,h3,h4,h5,h6,p,span,li,strong,div{color:#000!important}.score-display-total,.score-category-bar-fill,.modifiers-list li{background:#eee!important;color:#000!important;border:1px solid #ccc;-webkit-print-color-adjust:exact;color-adjust:exact}.score-category-bar{background-color:#f0f0f0!important}.score-value{font-size:2rem}.transcript-display{max-height:none!important;overflow:visible!important;border:1px solid #eee!important}.score-category-item,.feedback-section{page-break-inside:avoid}}.header-controls{display:flex;align-items:center;gap:1rem}.account-dropdown{position:relative}.account-button{background-color:#fff3;color:var(--text-color-light);border:1px solid rgba(255,255,255,.5);font-size:.9rem;padding:.4rem .8rem;display:flex;align-items:center;gap:.75rem;border-radius:20px}.account-button:hover:not(:disabled){background-color:#ffffff4d;border-color:var(--text-color-light);transform:none;box-shadow:none;filter:none}.account-avatar{width:28px;height:28px;border-radius:50%;background-color:var(--primary-color);color:var(--text-color-light);display:flex;justify-content:center;align-items:center;font-weight:600;font-size:.9rem}.chevron-icon{transition:transform .2s ease-in-out;fill:var(--text-color-light)}.chevron-icon.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background-color:var(--element-bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color);z-index:100;overflow:hidden;width:160px}.dropdown-item{background:none;border:none;color:var(--text-color);padding:.75rem 1.25rem;width:100%;text-align:left;font-size:.95rem}.dropdown-item:hover{background-color:var(--surface-color);filter:none;transform:none;box-shadow:none}