:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #4361ee;--primary-light: #4895ef;--primary-dark: #3f37c9;--secondary: #f72585;--success: #4cc9f0;--warning: #f8961e;--danger: #f94144;--light: #f8f9fa;--dark: #212529;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--p1-color: #4361ee;--p1-light: #edf2ff;--p2-color: #f72585;--p2-light: #fff0f6;--font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);line-height:1.6;color:var(--gray-800);background-color:var(--gray-100)}.App{max-width:1400px;margin:0 auto;padding:20px}.App-header{background-color:#fff;padding:20px;margin-bottom:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center}.App-header h1{color:var(--gray-800);font-size:2rem;margin:0}.simulation-environment{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;height:calc(100vh - 160px);min-height:600px}.column{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;overflow:hidden;display:flex;flex-direction:column}.personality-info{position:relative;overflow-y:auto;border-radius:var(--border-radius);box-shadow:0 0 0 1px var(--gray-300),0 4px 10px #0000001a;transition:all .3s ease;padding:0;display:flex;flex-direction:column;max-height:calc(100vh - 160px)}.p1-info{border-top:4px solid var(--p1-color)}.p2-info{border-top:4px solid var(--p2-color)}.p1-info.active,.p2-info.active{box-shadow:0 0 0 2px var(--primary),0 6px 15px #00000026;transform:translateY(-3px)}.personality-info p{margin-bottom:10px;line-height:1.5}.personality-details-container{margin-bottom:15px;border:1px solid var(--gray-300);border-radius:var(--border-radius);overflow:hidden}.personality-details-summary{padding:10px 15px;background-color:var(--gray-100);font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.personality-details-summary:hover{background-color:var(--gray-200)}.personality-details-summary:after{content:"▼";position:absolute;right:15px;transition:transform .3s ease}details[open] .personality-details-summary:after{transform:rotate(180deg)}.personality-details{padding:15px}.personality-info .trait-label{font-weight:700;color:var(--gray-700);margin-bottom:4px}.personality-info .trait-value{background-color:var(--gray-100);padding:8px 12px;border-radius:var(--border-radius);margin-bottom:12px}.personality-badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:.8rem;font-weight:700;margin-right:5px;margin-bottom:5px}.p1-badge{background-color:var(--p1-light);color:var(--p1-color)}.p2-badge{background-color:var(--p2-light);color:var(--p2-color)}.conversation-area{display:flex;flex-direction:column;max-height:100%}.conversation-area h2{margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--gray-200);color:var(--gray-800)}.message-list{flex-grow:1;overflow-y:auto;padding:10px;background-color:var(--gray-100);border-radius:var(--border-radius);margin-bottom:15px;max-height:60vh;scroll-behavior:smooth;border:1px solid var(--gray-200)}.message{margin-bottom:15px;max-width:80%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.p1-message{background-color:var(--p1-light);border-left:4px solid var(--p1-color);margin-right:auto;border-radius:0 var(--border-radius) var(--border-radius) 0}.p2-message{background-color:var(--p2-light);border-right:4px solid var(--p2-color);margin-left:auto;border-radius:var(--border-radius) 0 0 var(--border-radius)}.therapist-message{background-color:#e6f7ff;background-image:linear-gradient(45deg,rgba(0,150,136,.05) 25%,transparent 25%,transparent 50%,rgba(0,150,136,.05) 50%,rgba(0,150,136,.05) 75%,transparent 75%,transparent);background-size:20px 20px;border:2px solid var(--success);border-right:4px solid var(--success);color:#069;font-style:italic;background-color:var(--gray-100);border-left:4px solid var(--success);margin-right:auto;max-width:90%;border-radius:var(--border-radius);background-color:var(--p2-light);border-right:4px solid var(--p2-color);margin-left:auto;border-radius:var(--border-radius) 0 0 var(--border-radius)}.therapist-message .message-content{font-weight:500;padding:10px;position:relative}.therapist-message .message-header{background-color:#0096881a;padding:5px 10px;border-bottom:1px solid var(--success)}.message-content{padding:12px 15px}.message-header{font-size:.85rem;color:var(--gray-600);margin-bottom:5px;padding:8px 15px 0}.message-header .speaker-name{font-weight:700}.human-message{border:2px solid var(--success)}.human-input-form{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.message-input{padding:12px 15px;border:2px solid var(--gray-300);border-radius:var(--border-radius);font-family:var(--font-family);font-size:1rem;transition:var(--transition)}.message-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee33}.message-input:disabled{background-color:var(--gray-200);cursor:not-allowed}.send-button{padding:12px 20px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:var(--transition)}.turn-indicator{background-color:var(--gray-100);padding:10px;border-radius:var(--border-radius);text-align:center;color:var(--gray-700);font-size:.9rem;animation:pulse 2s infinite}.controls{margin-top:auto;display:flex;flex-direction:column;gap:15px}.ai-button{padding:12px 20px;background-color:var(--success);color:#fff;border:none;border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:var(--transition)}.ai-button:hover:not(:disabled){background-color:#3ab7db}.ai-button:disabled{background-color:var(--gray-400);cursor:not-allowed}.human-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-button{padding:12px 15px;background-color:#fff;border:2px solid var(--gray-300);border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:var(--transition)}.control-button:hover:not(:disabled){border-color:var(--gray-500)}.control-button:disabled{background-color:var(--gray-200);cursor:not-allowed}.control-button.active{background-color:var(--gray-200);border-color:var(--gray-600)}.control-button:first-child{color:var(--p1-color)}.control-button:first-child.active{background-color:var(--p1-light);border-color:var(--p1-color)}.control-button:last-child{color:var(--p2-color)}.control-button:last-child.active{background-color:var(--p2-light);border-color:var(--p2-color)}.loading-indicator{padding:15px;text-align:center;color:var(--gray-600);font-style:italic;background-color:var(--gray-100);border-radius:var(--border-radius);margin-bottom:15px;animation:pulse 1.5s infinite}.error-message{padding:15px;background-color:#ffebee;color:var(--danger);border-left:4px solid var(--danger);border-radius:var(--border-radius);margin-bottom:15px}@media (max-width: 1200px){.simulation-environment{grid-template-columns:1fr 2fr}.p2-info{grid-column:1 / 2;grid-row:2 / 3}.conversation-area{grid-column:2 / 3;grid-row:1 / 3}}@media (max-width: 768px){.simulation-environment{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.p1-info,.p2-info{grid-column:1}.p1-info{grid-row:1}.conversation-area{grid-column:1;grid-row:2;min-height:400px}.p2-info{grid-row:3}}.quiz-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.quiz-modal-content{background-color:#fff;padding:30px 40px;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);width:90%;max-width:600px;position:relative;max-height:80vh;overflow-y:auto}.quiz-close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.8rem;font-weight:700;color:var(--gray-500);cursor:pointer;line-height:1}.quiz-close-button:hover{color:var(--gray-700)}.quiz-modal-content h2{margin-top:0;margin-bottom:25px;color:var(--primary);text-align:center}.quiz-question{margin-bottom:25px}.quiz-question p strong{display:block;margin-bottom:15px;font-size:1.1rem;color:var(--gray-800)}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option-label{display:block;padding:12px 15px;border:1px solid var(--gray-300);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.quiz-option-label:hover{background-color:var(--gray-100);border-color:var(--gray-400)}.quiz-option-label input[type=radio]{margin-right:10px;accent-color:var(--primary)}.quiz-option-label input[type=radio]:checked+span{font-weight:700}.quiz-next-button{display:block;width:100%;padding:12px 20px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:20px}.quiz-next-button:hover:not(:disabled){background-color:var(--primary-dark)}.quiz-next-button:disabled{background-color:var(--gray-300);cursor:not-allowed}.quiz-progress{text-align:center;margin-top:15px;font-size:.9rem;color:var(--gray-600)}.quiz-error{color:var(--danger);background-color:var(--danger-light);border:1px solid var(--danger);padding:10px;border-radius:var(--border-radius);margin-bottom:15px;text-align:center}.create-personality-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.create-personality-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.8rem;font-weight:700;color:#666;cursor:pointer;line-height:1}.close-button:hover{color:#333}h2{margin-top:0;margin-bottom:20px;color:var(--primary, #4a6ee0);text-align:center}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:700;color:#333}input,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}textarea{min-height:80px;resize:vertical}.form-actions{display:flex;justify-content:space-between;margin-top:30px}.cancel-button,.submit-button{padding:10px 20px;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s}.cancel-button{background-color:#f1f1f1;color:#333;border:1px solid #ddd}.cancel-button:hover{background-color:#e5e5e5}.submit-button{background-color:var(--primary, #4a6ee0);color:#fff;border:none}.submit-button:hover{background-color:var(--primary-dark, #3a5ec0)}.submit-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#d32f2f;background-color:#ffebee;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center}.success-message{color:#388e3c;background-color:#e8f5e9;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center}.selection-panel{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:25px;max-width:900px;margin:0 auto;animation:fadeIn .3s ease}.selection-panel h2{color:var(--primary);margin-bottom:20px;text-align:center;font-size:1.8rem}.selection-panel h3{color:var(--gray-800);margin-bottom:15px;font-size:1.3rem;border-bottom:1px solid var(--gray-200);padding-bottom:8px}.selection-section{margin-bottom:25px}.personality-selection{display:grid;grid-template-columns:1fr 1fr;gap:20px}.personality-column{display:flex;flex-direction:column}.personality-select,.scenario-select{padding:12px 15px;border:2px solid var(--gray-300);border-radius:var(--border-radius);font-family:var(--font-family);font-size:1rem;margin-bottom:15px;background-color:#fff;cursor:pointer;transition:var(--transition)}.personality-select:focus,.scenario-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee33}.personality-preview,.scenario-preview{background-color:var(--gray-100);padding:15px;border-radius:var(--border-radius);margin-bottom:15px}.p1-preview{border-left:4px solid var(--p1-color)}.p2-preview{border-left:4px solid var(--p2-color)}.personality-preview h4,.scenario-preview h4{margin-bottom:10px;color:var(--gray-800)}.scenario-description{margin-bottom:10px}.scenario-difficulty{font-size:.9rem;color:var(--gray-700)}.difficulty-easy{color:#4caf50;font-weight:700}.difficulty-medium{color:#ff9800;font-weight:700}.difficulty-hard{color:#f44336;font-weight:700}.selection-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.action-buttons-container{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.quiz-open-button,.create-personality-button{background-color:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:700;cursor:pointer;transition:background-color .2s}.quiz-open-button:hover,.create-personality-button:hover{background-color:var(--primary-dark)}.create-personality-button{background-color:var(--success, #4caf50)}.create-personality-button:hover{background-color:var(--success-dark, #388e3c)}.personality-preview.suggested{border:2px solid var(--success);box-shadow:0 0 8px #28a7454d}.suggested-badge{display:inline-block;margin-left:8px;background-color:var(--success);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:var(--border-radius-sm);font-weight:700;vertical-align:middle}.cancel-button{padding:12px 20px;background-color:var(--gray-200);color:var(--gray-800);border:none;border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:var(--transition)}.start-button{padding:12px 20px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:var(--transition)}.start-button:hover:not(:disabled){background-color:var(--primary-dark)}.start-button:disabled{background-color:var(--gray-400);cursor:not-allowed}.loading{text-align:center;padding:30px;color:var(--gray-600)}@media (max-width: 768px){.personality-selection{grid-template-columns:1fr}}.therapist-panel{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;margin-top:20px}.therapist-panel h3{color:var(--gray-800);margin-bottom:15px;font-size:1.2rem;border-bottom:1px solid var(--gray-200);padding-bottom:8px}.preset-interventions{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:15px}.preset-button{padding:10px;background-color:var(--success);color:#fff;border:none;border-radius:var(--border-radius);font-size:.9rem;cursor:pointer;transition:var(--transition);text-align:center}.preset-button:hover:not(:disabled){background-color:#3ab7db}.preset-button:disabled{background-color:var(--gray-400);cursor:not-allowed}.custom-intervention-form{display:flex;gap:10px}.custom-input{flex-grow:1;padding:10px 15px;border:2px solid var(--gray-300);border-radius:var(--border-radius);font-family:var(--font-family);font-size:1rem;transition:var(--transition)}.custom-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee33}.custom-input:disabled{background-color:var(--gray-200);cursor:not-allowed}.send-button{padding:10px 15px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:var(--transition);white-space:nowrap}.error-message{padding:10px;background-color:#ffebee;color:var(--danger);border-left:4px solid var(--danger);border-radius:var(--border-radius);margin-bottom:15px;font-size:.9rem}@media (max-width: 768px){.preset-interventions{grid-template-columns:1fr 1fr}.custom-intervention-form{flex-direction:column}}.emotional-state-container{margin-top:10px;padding:12px;background-color:var(--gray-50);border-radius:var(--border-radius);border:1px solid var(--gray-200)}.emotional-state-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.emotional-state-title{font-size:1rem;color:var(--gray-700);margin:0}.emotional-state-toggle{background:none;border:none;color:var(--primary);font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.emotional-state-toggle:hover{background-color:var(--gray-100);text-decoration:underline}.emotional-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.emotional-chip{display:flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.85rem;cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001a}.emotional-chip:hover{transform:translateY(-2px);box-shadow:0 3px 6px #00000026}.emotional-chip-icon{margin-right:5px;font-size:.9rem}.emotional-chip-label{margin-right:5px;font-weight:500}.emotional-chip-value{font-weight:700;font-size:.8rem}.emotion-high-positive{background-color:#c8e6c9;color:#2e7d32;border:1px solid #a5d6a7}.emotion-medium-positive{background-color:#dcedc8;color:#558b2f;border:1px solid #c5e1a5}.emotion-low-positive{background-color:#f1f8e9;color:#33691e;border:1px solid #dcedc8}.emotion-high-negative{background-color:#ffcdd2;color:#c62828;border:1px solid #ef9a9a}.emotion-medium-negative{background-color:#ffebee;color:#b71c1c;border:1px solid #ffcdd2}.emotion-low-negative{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.emotional-chip-tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background-color:var(--gray-800);color:#fff;padding:6px 10px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:10;box-shadow:0 2px 5px #0003;animation:fadeIn .2s ease}.emotional-chip-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--gray-800)}.emotional-analysis-section{margin-top:15px;padding-top:15px;border-top:1px solid var(--gray-200);display:block}.new-content-indicator{position:absolute;top:-8px;right:0;font-size:.75rem;padding:3px 8px;border-radius:12px;display:flex;align-items:center;gap:5px;animation:fadeInDown .5s ease;box-shadow:0 2px 4px #0003;z-index:5}.analysis-indicator{background-color:var(--primary);color:#fff;right:0}.suggestion-indicator{background-color:var(--success);color:#fff;right:0}.indicator-icon{font-size:.9rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pulse-dot{width:8px;height:8px;background-color:#fff;border-radius:50%;display:inline-block;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.7}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.emotional-explanation,.emotional-recommendation{margin-bottom:15px;padding:10px;background-color:#fff;border-radius:6px;border:1px solid var(--gray-200);display:block;transition:background-color .5s ease;position:relative}.highlight-new-content{animation:highlightBackground 2s ease}@keyframes highlightBackground{0%{background-color:#4285f41a}50%{background-color:#4285f433}to{background-color:#fff}}.emotional-recommendation{background-color:#e3f2fd;border:1px solid #90caf9}.emotional-explanation h4,.emotional-recommendation h4{font-size:.9rem;margin-top:0;margin-bottom:8px;color:var(--gray-700);font-weight:700;display:block}.recommendation-for-label{display:flex;align-items:center;gap:5px;color:#0d47a1;font-weight:700}.exchange-icon{color:#1976d2;animation:rotateIcon 2s infinite;font-size:.9rem}@keyframes rotateIcon{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.emotional-explanation p,.emotional-recommendation p{margin:0;font-size:.85rem;line-height:1.4;color:var(--gray-800);display:block}.placeholder-text{color:var(--gray-500);font-style:italic;font-size:.85rem;line-height:1.4;padding:8px 10px;background-color:var(--gray-100);border-radius:4px;border-left:3px solid var(--gray-300);margin:0;display:block}.emotional-details{margin-top:15px;padding-top:15px;border-top:1px solid var(--gray-200);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.emotional-summary{background-color:#fff;border-radius:var(--border-radius);padding:12px;border:1px solid var(--gray-200)}.emotional-summary h4{margin-bottom:10px;color:var(--gray-700);font-size:.9rem;border-bottom:1px solid var(--gray-200);padding-bottom:5px}.emotional-change{display:flex;align-items:center;margin-bottom:5px;font-size:.85rem}.emotional-change-icon{margin-right:5px}.emotional-change-positive{color:var(--success)}.emotional-change-negative{color:var(--danger)}.emotional-change-neutral{color:var(--gray-600)}.emotional-state-loading{padding:15px;text-align:center;color:var(--gray-600);font-style:italic}@keyframes highlight{0%{background-color:#ff03}to{background-color:transparent}}@media (max-width: 768px){.emotional-chips{justify-content:center}}.message-feedback-container{margin-top:10px;margin-bottom:15px;border-radius:var(--border-radius);overflow:hidden;transition:all .3s ease;max-height:500px;opacity:1}.feedback-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.check-message-button{padding:8px 15px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:var(--transition)}.check-message-button:hover:not(:disabled){background-color:var(--primary-dark)}.check-message-button:disabled{background-color:var(--gray-400);cursor:not-allowed}.auto-feedback-toggle{display:flex;align-items:center;cursor:pointer;font-size:.85rem;color:var(--gray-600)}.auto-feedback-toggle input{margin-right:5px}.toggle-label{-webkit-user-select:none;user-select:none}.reset-feedback-button{margin-top:15px;padding:6px 12px;background-color:var(--gray-200);color:var(--gray-700);border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.9rem;cursor:pointer;transition:var(--transition)}.reset-feedback-button:hover{background-color:var(--gray-300)}.message-feedback-loading{padding:10px 15px;background-color:var(--gray-100);color:var(--gray-600);font-style:italic;border-radius:var(--border-radius);text-align:center;animation:pulse 1.5s infinite;display:flex;align-items:center;justify-content:center;gap:10px}.loading-spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.message-feedback-error{padding:10px 15px;background-color:#ffebee;color:var(--danger);border-left:4px solid var(--danger);border-radius:var(--border-radius)}.message-feedback-content{border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 4px #0000001a;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-positive{border:1px solid #c8e6c9}.feedback-neutral{border:1px solid #e0e0e0}.feedback-negative{border:1px solid #ffcdd2}.message-feedback-header{padding:10px 15px;display:flex;align-items:center;font-weight:700}.feedback-positive .message-feedback-header{background-color:#c8e6c9;color:#2e7d32}.feedback-neutral .message-feedback-header{background-color:#e0e0e0;color:#424242}.feedback-negative .message-feedback-header{background-color:#ffcdd2;color:#c62828}.message-feedback-icon{margin-right:8px;font-size:1.1rem}.message-feedback-body{padding:15px;background-color:#fff}.feedback-positive .message-feedback-body{background-color:#f1f8e9}.feedback-neutral .message-feedback-body{background-color:#f5f5f5}.feedback-negative .message-feedback-body{background-color:#ffebee}.feedback-unified-section{background-color:#fff;border-radius:var(--border-radius);padding:15px;margin-bottom:15px;border:1px solid var(--gray-200);font-family:var(--font-family)}.message-feedback-analysis,.message-feedback-suggestions,.message-feedback-impact{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--gray-200)}.message-feedback-impact{margin-bottom:0;padding-bottom:0;border-bottom:none}.message-feedback-analysis h4,.message-feedback-suggestions h4,.message-feedback-impact h4,.personality-tips h4{font-size:.95rem;margin-bottom:8px;color:var(--gray-700);font-weight:700}.message-feedback-analysis p{margin:0 0 5px;line-height:1.5;font-size:.9rem;color:var(--gray-800)}.message-feedback-suggestions ul{margin:0;padding-left:20px}.message-feedback-suggestions li{margin-bottom:8px;font-size:.9rem;color:var(--gray-800)}.message-feedback-impact p{font-size:.9rem;color:var(--gray-800);margin:0;line-height:1.5}.placeholder-text{color:var(--gray-500);font-style:italic;font-size:.85rem;line-height:1.4;padding:8px 10px;background-color:var(--gray-100);border-radius:4px;border-left:3px solid var(--gray-300)}.message-preview{background-color:#ffffffb3;border-radius:6px;padding:10px;margin-bottom:15px;border:1px solid var(--gray-300)}.message-preview-header{font-size:.85rem;color:var(--gray-600);margin-bottom:5px;font-weight:700}.message-preview-content{line-height:1.5;font-family:var(--font-family);font-size:.9rem}.highlight-positive{background-color:#4caf5033;border-bottom:2px solid #4caf50;padding:0 2px;border-radius:2px}.highlight-negative{background-color:#f4433633;border-bottom:2px solid #f44336;padding:0 2px;border-radius:2px}.personality-tips{margin-top:15px;background-color:#ffffffb3;border-radius:6px;padding:12px;border:1px solid var(--gray-300)}.personality-tips-preview{margin-top:10px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tips-columns{display:flex;gap:15px}.tips-column{flex:1}.tips-column h5{font-size:.9rem;margin-bottom:5px;font-weight:700}.tips-list{margin:0;padding-left:20px}.tips-list li{margin-bottom:5px;font-size:.9rem}.dos-list li{color:#2e7d32}.donts-list li{color:#c62828}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 768px){.tips-columns{flex-direction:column;gap:10px}.message-feedback-container{max-height:600px}.feedback-controls{flex-direction:column;align-items:flex-start}.check-message-button{width:100%}}.profile-header{display:flex;align-items:center;padding:15px;border-bottom:1px solid var(--gray-200);margin-bottom:15px;background-color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0;transition:all .3s ease}.profile-header.active{background-color:var(--gray-100);box-shadow:inset 0 0 5px #0000001a}.profile-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;box-shadow:0 2px 5px #0003;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-initials{font-size:1.5rem;font-weight:700}.profile-name{flex:1}.profile-name h2{margin:0;font-size:1.2rem;line-height:1.2;color:var(--gray-800)}.active-indicator{font-size:.8rem;color:var(--success);font-weight:700;margin-top:5px;animation:pulse 2s infinite}@media (max-width: 768px){.profile-avatar{width:50px;height:50px}.profile-name h2{font-size:1rem}}.response-panel{padding:15px;background-color:#fff;border-radius:var(--border-radius);border:1px solid var(--gray-200);transition:all .3s ease;margin-top:auto;margin-bottom:15px;position:sticky;bottom:0;z-index:10;box-shadow:0 -4px 10px #0000001a;display:flex;flex-direction:column}.response-panel.active{border-color:var(--gray-400);box-shadow:0 2px 8px #0000001a}.response-guidance{margin-bottom:15px}.response-guidance h4{font-size:.9rem;color:var(--gray-700);margin-top:0;margin-bottom:8px}.response-guidance p{font-size:.85rem;color:var(--gray-800);background-color:var(--gray-100);padding:10px;border-radius:var(--border-radius);border-left:3px solid var(--gray-400)}.response-input-area{margin-bottom:15px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-preview{background-color:var(--gray-100);padding:15px;border-radius:var(--border-radius);margin-bottom:15px;border:1px solid var(--gray-300)}.ai-preview h4{font-size:.9rem;color:var(--gray-700);margin-top:0;margin-bottom:8px}.ai-preview p{font-size:.9rem;color:var(--gray-800);margin-bottom:15px;padding:10px;background-color:#fff;border-radius:var(--border-radius);border:1px solid var(--gray-200)}.manual-input{margin-bottom:15px}.message-textarea{width:100%;min-height:100px;padding:10px;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-family:var(--font-family);font-size:.9rem;resize:vertical;margin-bottom:10px}.message-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4361ee33}.message-textarea:disabled{background-color:var(--gray-100);cursor:not-allowed}.button-row{display:flex;gap:10px}.send-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-weight:700;font-size:.9rem;flex:1}.send-button:hover:not(:disabled){background-color:var(--primary-dark)}.send-button:disabled{background-color:var(--gray-400);cursor:not-allowed}.send-icon{font-size:.9rem}.cancel-button{padding:10px 15px;background-color:var(--gray-200);color:var(--gray-700);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-weight:700;font-size:.9rem}.cancel-button:hover{background-color:var(--gray-300)}.response-buttons{margin-top:auto;border-top:1px solid var(--gray-200);padding-top:15px}.interaction-buttons-container{display:flex;flex-direction:column;gap:10px}.interaction-buttons{display:flex;gap:10px}.ai-response-button,.human-response-button,.take-control-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-weight:700;font-size:.9rem;border:none}.ai-response-button{background-color:var(--primary-light);color:#fff}.ai-response-button:hover:not(:disabled){background-color:var(--primary)}.human-response-button{background-color:var(--gray-200);color:var(--gray-800)}.human-response-button:hover:not(:disabled){background-color:var(--gray-300)}.take-control-button{background-color:var(--primary);color:#fff;animation:pulse 2s infinite}.take-control-button:hover{background-color:var(--primary-dark);animation:none}.ai-response-button.disabled,.human-response-button.disabled{opacity:.6;cursor:not-allowed}.button-icon{font-size:1rem}.turn-status{text-align:center;padding:10px;background-color:var(--gray-100);border-radius:var(--border-radius);color:var(--gray-600);font-size:.85rem;font-style:italic;animation:pulse 2s infinite}.inactive-message{text-align:center;padding:15px;background-color:var(--gray-100);border-radius:var(--border-radius);color:var(--gray-600);font-size:.85rem;font-style:italic}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@media (max-width: 768px){.interaction-buttons{flex-direction:column}}