body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh}header{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px;text-align:center}header h1{color:#333}.error{align-items:center;border-radius:4px;justify-content:space-between}.error button{background:none;border:none;color:#c33;cursor:pointer;font-size:18px}.chat{display:flex;flex:1 1;flex-direction:column}.message small{font-size:.8em}.controls{display:flex;gap:10px;margin-bottom:10px}.controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;font-size:16px;padding:12px 20px}.controls button:hover:not(:disabled){background:#f5f5f5}.controls button:disabled{cursor:not-allowed;opacity:.5}.status{color:#666;font-size:14px;min-height:20px;text-align:center}@media (max-width:600px){.app{padding:10px}.controls{flex-direction:column}.message .content{max-width:90%}}.scenarios-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1rem}.scenarios-header{margin-bottom:3rem;text-align:center}.scenarios-header h1{color:#333;font-size:2.5rem;font-weight:300;margin:0}.scenarios-content{margin:0 auto;max-width:100%}.scenarios-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;margin:0 auto;max-width:calc(660px + 4rem)}.scenario-card{cursor:pointer;max-width:220px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:100%}.scenario-card:hover{transform:translateY(-5px)}.scenario-image{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000001a;display:flex;height:180px;justify-content:center;margin:0 auto 1rem;overflow:hidden;transition:box-shadow .2s ease;width:180px}.scenario-card:hover .scenario-image{box-shadow:0 8px 25px #00000026}.scenario-image img{height:100%;object-fit:cover;width:100%}.scenario-placeholder{align-items:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:15px;color:#999;display:flex;font-size:.9rem;height:calc(100% - 2rem);justify-content:center;padding:1rem;text-align:center;width:calc(100% - 2rem)}.scenario-title{color:#333;font-size:1.2rem;font-weight:400;margin:0}@media (max-width:768px){.scenarios-page{padding:1.5rem 1rem}.scenarios-header h1{font-size:2rem}.scenarios-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.scenario-image{height:150px;width:150px}.scenario-title{font-size:1.1rem}}@media (max-width:400px){.scenarios-grid{gap:2rem;grid-template-columns:1fr}.scenario-image{height:200px;width:200px}}.results-toggle-btn{align-items:center;background:#28a745;border:none;border-radius:50%;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:50px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s ease;width:50px;z-index:999}.results-toggle-btn:hover{background:#1e7e34;box-shadow:0 6px 16px #28a74566;transform:scale(1.1)}.results-toggle-btn:active{transform:scale(.95)}.active-session-container{align-items:center;display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:500px;padding:40px;text-align:center}.active-session-container p{color:#6c757d;font-size:1.2rem;margin:0}.session-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.continue-button,.new-session-button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:12px 24px;transition:all .3s ease}.continue-button{background:#87ceeb;color:#fff}.continue-button:hover{background:#6db8d8;transform:translateY(-2px)}.new-session-button{background:#f8f9fa;border:2px solid #dee2e6;color:#6c757d}.new-session-button:hover{background:#e9ecef;transform:translateY(-2px)}.TaskPage{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;justify-content:center;margin-bottom:30px;padding-bottom:20px;position:relative}.header h1{color:#495057;font-size:2.2rem;font-weight:600}.back-button{align-items:center;background:#fff;border:2px solid #87ceeb;border-radius:20px;box-shadow:0 2px 8px #87ceeb26;color:#87ceeb;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;left:0;padding:8px 16px;position:absolute;transition:all .3s ease}.back-button:hover{box-shadow:0 4px 12px #87ceeb40;transform:translateY(-2px)}.fixed-buttons-container{bottom:30px!important;gap:15px!important;position:fixed!important;right:30px!important;z-index:1000!important}.chat-toggle-btn,.fixed-buttons-container{align-items:center!important;display:flex!important}.chat-toggle-btn{background:#fff!important;border:2px solid #87ceeb!important;border-radius:25px!important;box-shadow:0 4px 15px #87ceeb33!important;color:#87ceeb!important;cursor:pointer!important;font-size:1.2rem!important;font-weight:600!important;justify-content:center!important;padding:12px 16px!important;transition:all .3s ease!important}.chat-toggle-btn:hover{box-shadow:0 6px 20px #87ceeb4d!important;transform:translateY(-2px)!important}.stop-conversation-button-fixed{align-items:center!important;background:#fff!important;border:2px solid #e74c3c!important;border-radius:25px!important;box-shadow:0 4px 15px #e74c3c33!important;color:#e74c3c!important;cursor:pointer!important;display:flex!important;font-size:1rem!important;font-weight:600!important;justify-content:center!important;padding:12px 16px!important;transition:all .3s ease!important;white-space:nowrap!important}.stop-conversation-button-fixed:hover{box-shadow:0 6px 20px #e74c3c4d!important;transform:translateY(-3px)!important}.error{background:#fee;border:1px solid #fcc;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#c33;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:15px}.retry-options{align-items:center;display:flex;gap:10px}.new-question-button,.retry-button{background:#87ceeb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.new-question-button:hover,.retry-button:hover{background:#6db8d8;transform:translateY(-1px)}.new-question-button{background:#5cb85c}.new-question-button:hover{background:#4cae4c}.success{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#155724;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.error button,.success button{align-self:flex-start;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;font-size:18px;padding:4px}.error button:hover{background:#cc33331a}.main-content{align-items:stretch;display:flex;gap:30px}.left-panel,.right-panel{display:flex;flex:1 1;flex-direction:column;min-height:400px}.right-panel{align-items:center;justify-content:space-between}.status-bar{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#6c757d;font-size:14px;font-weight:500;margin-top:20px;min-height:24px;padding:10px;text-align:center;width:100%}.status-bar:empty{display:none}@media (max-width:1024px){.main-content{gap:20px}.TaskPage{padding:15px}}@media (max-width:768px){.main-content{gap:20px;grid-template-columns:1fr}.header h1{font-size:1.8rem}.TaskPage{padding:10px}.header{margin-bottom:20px}}@media (max-width:480px){.error{font-size:14px;padding:12px}.header h1{font-size:1.5rem}.status-bar{font-size:13px;padding:8px}}.task-component{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;height:100%;min-height:500px;padding:20px}.task-component h2{border-bottom:2px solid #dee2e6;color:#495057;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.task-content{color:#6c757d}.task-content p{font-style:italic;margin-bottom:30px}.placeholder{display:flex;flex-direction:column;gap:12px}.placeholder-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e9ecef 25%,#f8f9fa 50%,#e9ecef 75%);background-size:200% 100%;border-radius:4px;height:16px}.placeholder-line.short{width:60%}.placeholder-line.medium{width:80%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.task-component{margin-bottom:20px;min-height:200px}}.audio-component{align-items:center;background:#0000;border:none;border-radius:8px;display:flex;flex:1 1;justify-content:center;margin-bottom:20px;padding:20px}.audio-controls{align-items:center;display:flex;gap:40px;justify-content:space-between}.audio-controls-new{align-items:center;display:flex;justify-content:center;min-height:200px}.microphone-section,.robot-section{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:15px}.microphone-btn{align-items:center;background:#fff;border:3px solid #007bff;border-radius:50%;cursor:pointer;display:flex;font-size:2rem;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:80px}.microphone-btn:hover:not(:disabled){background:#f8f9fa;transform:scale(1.05)}.microphone-btn:disabled{cursor:not-allowed;opacity:.5}.microphone-btn.listening{animation:pulse 1.5s infinite;background:#007bff;color:#fff}.pulse-ring{animation:pulse-ring 1.5s infinite;border:2px solid #007bff;border-radius:50%;bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px}.robot-icon{align-items:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:50%;display:flex;font-size:2.5rem;height:80px;justify-content:center;transition:all .3s ease;width:80px}.robot-icon.thinking{animation:bounce 2s infinite;background:#fff3cd;border-color:#ffeaa7}.robot-icon.speaking{animation:speak .5s infinite alternate;background:#d4edda;border-color:#28a745}.mic-status,.robot-status{color:#6c757d;font-size:.9rem;font-weight:500;text-align:center}@keyframes pulse{0%{box-shadow:0 0 0 0 #007bffb3}70%{box-shadow:0 0 0 10px #007bff00}to{box-shadow:0 0 0 0 #007bff00}}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes speak{0%{transform:scale(1)}to{transform:scale(1.1)}}.conversation-finished-section,.mic-turn-section,.robot-turn-section,.start-game-section{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative}.start-game-btn{align-items:center;animation:start-glow 2s infinite;background:#f0f8ff;border:3px solid #87ceeb;border-radius:50%;box-shadow:0 8px 20px #87ceeb4d;color:#87ceeb;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:120px;justify-content:center;position:relative;transition:all .3s ease;width:120px}.start-game-btn:hover:not(:disabled){background:#e6f3ff;box-shadow:0 12px 25px #87ceeb66;transform:scale(1.05)}.start-game-btn:disabled{cursor:not-allowed;opacity:.5}.robot-icon-large{align-items:center;background:#f8f9fa;border:3px solid #dee2e6;border-radius:50%;display:flex;font-size:4rem;height:120px;justify-content:center;transition:all .3s ease;width:120px}.robot-icon-large svg{color:#6c757d}.robot-icon-large.thinking svg{color:#ffc107}.robot-icon-large.speaking svg{color:#28a745}.robot-icon-large.thinking{animation:bounce-large 2s infinite;background:#fff3cd;border-color:#ffc107;box-shadow:0 8px 20px #ffc1074d}.robot-icon-large.speaking{animation:speak-large .5s infinite alternate;background:#d4edda;border-color:#28a745;box-shadow:0 8px 20px #28a7454d}.robot-status-large{color:#6c757d;font-size:1.2rem;font-weight:600;text-align:center}.microphone-btn-large{align-items:center;background:#fff;border:4px solid #007bff;border-radius:50%;box-shadow:0 8px 20px #007bff4d;cursor:pointer;display:flex;height:120px;justify-content:center;position:relative;transition:all .3s ease;width:120px}.microphone-btn-large:hover:not(:disabled){background:#f8f9fa;transform:scale(1.05)}.microphone-btn-large:disabled{cursor:not-allowed;opacity:.5}.microphone-btn-large.processing{animation:processing-glow 1.5s infinite;background:#e2e3e5;border-color:#6c757d}.microphone-btn-large.ready{animation:ready-glow 2s infinite;background:#fff3cd;border-color:#ffc107}.microphone-btn-large.listening{animation:pulse-large 1.5s infinite;background:#007bff;color:#fff}.mic-icon-large{align-items:center;display:flex;font-size:3rem;justify-content:center}.mic-icon-large svg{color:#007bff}.microphone-btn-large.ready .mic-icon-large svg{color:#ffc107}.microphone-btn-large.listening .mic-icon-large svg{color:#fff}.microphone-btn-large.processing .mic-icon-large svg{color:#6c757d}.pulse-ring-large{animation:pulse-ring-large 1.5s infinite;border:3px solid #007bff;border-radius:50%;bottom:-15px;left:-15px;position:absolute;right:-15px;top:-15px}.mic-status-large{color:#6c757d;font-size:1.2rem;font-weight:600;text-align:center}.finished-icon-large{align-items:center;background:#f8f9fa;border:3px solid #dee2e6;border-radius:50%;box-shadow:0 8px 20px #6c757d33;display:flex;font-size:3rem;height:120px;justify-content:center;transition:all .3s ease;width:120px}.finished-icon-large svg{color:#28a745}.finished-status-large{color:#6c757d;font-size:1.2rem;font-weight:600;text-align:center}.new-conversation-btn{background:#fff;border:2px solid #007bff;border-radius:25px;box-shadow:0 4px 15px #007bff33;color:#007bff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;position:relative;transition:all .3s ease}.new-conversation-btn:hover:not(:disabled){background:#007bff;box-shadow:0 6px 20px #007bff4d;color:#fff;transform:translateY(-2px)}.new-conversation-btn:disabled{cursor:not-allowed;opacity:.5}@keyframes bounce-large{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}@keyframes processing-glow{0%{box-shadow:0 8px 20px #6c757d4d}50%{box-shadow:0 8px 25px #6c757d80}to{box-shadow:0 8px 20px #6c757d4d}}@keyframes start-glow{0%{box-shadow:0 8px 20px #87ceeb4d}50%{box-shadow:0 8px 25px #87ceeb80}to{box-shadow:0 8px 20px #87ceeb4d}}@keyframes ready-glow{0%{box-shadow:0 8px 20px #ffc1074d}50%{box-shadow:0 8px 25px #ffc10780}to{box-shadow:0 8px 20px #ffc1074d}}@keyframes speak-large{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes pulse-large{0%{box-shadow:0 0 0 0 #007bffb3}70%{box-shadow:0 0 0 15px #007bff00}to{box-shadow:0 0 0 0 #007bff00}}@keyframes pulse-ring-large{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@media (max-width:768px){.audio-controls{flex-direction:column;gap:30px}.microphone-btn,.robot-icon{font-size:1.5rem;height:60px;width:60px}.robot-icon{font-size:2rem}.microphone-btn-large,.robot-icon-large,.start-game-btn{height:100px;width:100px}.mic-icon-large,.start-icon{font-size:2.5rem}.robot-icon-large{font-size:3rem}.mic-status-large,.robot-status-large,.start-text{font-size:1rem}}.error-popup{background:#fff;border:2px solid #e74c3c;border-radius:12px;bottom:120%;box-shadow:0 8px 24px #e74c3c33;max-width:400px;min-width:300px;padding:16px;z-index:1000}.error-popup,.error-popup:after{left:50%;position:absolute;transform:translateX(-50%)}.error-popup:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #e74c3c;content:"";height:0;top:100%;width:0}.error-message{color:#c0392b;font-size:14px;font-weight:500;margin-bottom:12px;text-align:center}.error-popup .retry-options{display:flex;gap:8px;justify-content:center}.error-popup .new-question-button,.error-popup .retry-button{background:#87ceeb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.error-popup .new-question-button:hover,.error-popup .retry-button:hover{background:#6db8d8;transform:translateY(-1px)}.error-popup .new-question-button{background:#a8a8a8}.error-popup .new-question-button:hover{background:#909090}.mic-with-replay-container{position:relative}.mic-with-replay-container,.replay-button{align-items:center;display:flex;justify-content:center}.replay-button{background:#fff;border:2px solid #6c757d;border-radius:50%;box-shadow:0 4px 12px #6c757d33;color:#6c757d;cursor:pointer;height:40px;position:absolute;right:-5px;top:-5px;transition:all .3s ease;width:40px;z-index:10}.replay-button:hover:not(:disabled){background:#6c757d;box-shadow:0 6px 16px #6c757d4d;color:#fff;transform:scale(1.1)}.replay-button:disabled{cursor:not-allowed;opacity:.3;transform:none}.replay-button:disabled:hover{background:#fff;box-shadow:0 4px 12px #6c757d33;color:#6c757d;transform:none}.chat-toggle-btn{align-items:center;background:#007bff;border:none;border-radius:50%;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:50px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:999}.chat-toggle-btn:hover{background:#0056b3;box-shadow:0 6px 16px #007bff66;transform:scale(1.1)}.chat-toggle-btn:active{transform:scale(.95)}.chat-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.chat-popup{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.chat-popup-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 20px}.chat-popup-header h3{color:#333;font-size:1.1rem;margin:0}.chat-popup-controls{display:flex;gap:8px}.clear-chat-btn,.close-chat-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:background-color .2s}.clear-chat-btn:hover{background:#fff3cd}.close-chat-btn:hover{background:#f8d7da}.chat-component{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.chat-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px 20px}.chat-header h3{color:#495057;font-size:1.1rem;margin:0}.chat-controls{display:flex;gap:10px}.clear-btn,.toggle-btn{background:none;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:1rem;padding:6px 10px;transition:all .2s ease}.clear-btn:hover,.toggle-btn:hover{background:#e9ecef}.chat-content{display:flex;flex-direction:column;max-height:500px;overflow:hidden}.messages{flex:1 1;max-height:350px;overflow-y:auto;padding:15px 20px}.chat-input-container{background:#f8f9fa;border-top:1px solid #e9ecef;padding:15px 20px}.chat-input-wrapper{align-items:flex-end;display:flex;gap:10px}.chat-input{border:1px solid #dee2e6;border-radius:8px;flex:1 1;font-family:inherit;font-size:.9rem;max-height:120px;min-height:40px;padding:10px 12px;resize:vertical;transition:border-color .2s}.chat-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.chat-input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.send-button{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:42px;justify-content:center;min-width:50px;padding:10px 15px;transition:all .2s ease}.send-button:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.message{margin-bottom:15px}.message.user{text-align:right}.message.assistant{text-align:left}.message .content{word-wrap:break-word;border-radius:8px;display:inline-block;max-width:70%;padding:10px 15px}.message.user .content{background:#007bff;color:#fff}.message.assistant .content{background:#f1f1f1;color:#333}.message small{display:block;font-size:.75rem;margin-top:5px;opacity:.7}.empty-state{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:#f1f1f1}.messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.chat-component{margin-top:10px}.message .content{max-width:85%;padding:8px 12px}.chat-header,.chat-input-container,.messages{padding:12px 15px}.chat-input{font-size:16px}.chat-popup{max-height:90vh;width:95%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;line-height:1.6}.results-page{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.results-header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.filter-container{align-items:center;display:flex;gap:10px}.filter-container label{color:#495057;font-size:14px;font-weight:500}.scenario-filter{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.scenario-filter:hover{border-color:#87ceeb}.scenario-filter:focus{border-color:#87ceeb;box-shadow:0 0 0 2px #87ceeb33;outline:none}h1{color:#495057;font-size:2.2rem;font-weight:600;margin:0}.results-page.error,.results-page.loading{font-size:18px;padding:50px;text-align:center}.results-page.error{color:#dc3545}.results-container{align-items:stretch;display:flex;gap:30px;height:calc(100vh - 140px)}.transcripts-list{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1 1;max-width:420px;min-width:320px;overflow-y:auto;padding:20px}.transcripts-list h2{border-bottom:1px solid #e9ecef;color:#495057;font-size:1.3rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.transcript-items{display:flex;flex-direction:column;gap:12px}.transcript-item{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:16px;transition:all .3s ease}.transcript-item:hover{background:#f8f9fa;border-color:#87ceeb;box-shadow:0 4px 12px #87ceeb26;transform:translateY(-2px)}.transcript-item.selected{background:#e7f3ff;border-color:#87ceeb;border-width:2px;box-shadow:0 4px 15px #87ceeb33}.transcript-header{color:#495057;font-size:15px;font-weight:600;margin-bottom:10px}.session-id{color:#6c757d;font-size:12px;font-weight:400;margin-top:4px}.transcript-meta{color:#6c757d;display:flex;flex-direction:column;font-size:13px;gap:3px}.transcript-content{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:2 1;overflow-y:auto;padding:25px}.transcript-content h2{border-bottom:1px solid #e9ecef;color:#495057;font-size:1.4rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.no-selection{color:#6c757d;font-size:16px;font-style:italic;padding:60px 20px;text-align:center}.session-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:25px;padding:18px}.session-info p{color:#495057;font-size:14px;margin:6px 0}.chat-conversation{display:flex;flex-direction:column;gap:16px;padding-right:8px}.chat-turn{border:2px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:16px;transition:all .2s ease}.chat-turn.user{background:#f0f9f0;border-color:#a8d5a8;margin-left:30px}.chat-turn.assistant{background:#fff5ee;border-color:#ffb366;margin-right:30px}.turn-header{align-items:center;color:#6c757d;display:flex;font-size:12px;font-weight:500;justify-content:space-between;margin-bottom:10px}.turn-role{background:#ffffffb3;border-radius:12px;color:#495057;font-size:13px;font-weight:700;padding:2px 8px}.turn-content{word-wrap:break-word;color:#495057;font-size:14px;line-height:1.6;white-space:pre-wrap}.turn-audio{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.turn-audio audio{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:35px;max-width:320px;outline:none;width:100%}.turn-audio audio::-webkit-media-controls-enclosure,.turn-audio audio::-webkit-media-controls-panel{background:#fff;border-radius:8px}.chat-conversation::-webkit-scrollbar,.transcript-content::-webkit-scrollbar,.transcripts-list::-webkit-scrollbar{width:8px}.chat-conversation::-webkit-scrollbar-track,.transcript-content::-webkit-scrollbar-track,.transcripts-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chat-conversation::-webkit-scrollbar-thumb,.transcript-content::-webkit-scrollbar-thumb,.transcripts-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.chat-conversation::-webkit-scrollbar-thumb:hover,.transcript-content::-webkit-scrollbar-thumb:hover,.transcripts-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1024px){.results-container{gap:20px}.results-page{padding:15px}.transcripts-list{max-width:350px;min-width:280px}}@media (max-width:768px){.results-container{flex-direction:column;gap:20px;height:auto}.results-header{gap:15px}.filter-container,.results-header{align-items:flex-start;flex-direction:column}.filter-container{gap:8px;width:100%}.scenario-filter{max-width:300px;width:100%}.transcripts-list{max-height:300px;max-width:none;min-width:auto}.transcript-content{min-height:400px}.chat-turn.user{margin-left:15px}.chat-turn.assistant{margin-right:15px}h1{font-size:1.8rem}.results-header{margin-bottom:20px}}@media (max-width:480px){.results-page{padding:10px}h1{font-size:1.5rem}.chat-turn{padding:12px}.chat-turn.user{margin-left:5px}.chat-turn.assistant{margin-right:5px}.session-info{padding:15px}}.error-details{background:#fcf8f8;border:1px solid #e74c3c;border-radius:4px;color:#c0392b;font-size:14px;margin-top:8px;padding:8px}.error-technical{color:#7f8c8d;font-style:italic;margin-top:4px}
/*# sourceMappingURL=main.b700a0c4.css.map*/