.home-container{margin:0 auto;max-width:1200px;padding:20px}.header{margin-bottom:30px;padding:30px;text-align:center}.study-title{font-size:32px;margin-bottom:12px}.study-subtitle{font-size:16px}.participant-info{background:#e8f5e8;border-left:4px solid #27ae60;border-radius:8px;font-weight:500;margin-bottom:30px;padding:12px 20px;text-align:center}.scenarios-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}.scenario-category{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px}.scenario-category h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.scenario-category>p{color:#7f8c8d;font-size:14px;margin-bottom:24px;text-align:center}.scenarios-list{display:flex;flex-direction:column;gap:20px}.scenario-card{background:#fafbfc;border:1px solid #ecf0f1;border-radius:8px;padding:20px;transition:all .3s ease}.scenario-card:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a;transform:translateY(-2px)}.scenario-card h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:12px}.scenario-card p{color:#5a6c7d;font-size:14px;line-height:1.6;margin-bottom:16px}.select-button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .3s;width:100%}.select-button:hover{background:#2980b9}.instructions{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px}.instructions h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:16px;text-align:center}.instructions ul{list-style:none;margin:0 auto;max-width:600px;padding:0}.instructions li{color:#5a6c7d;line-height:1.6;padding:8px 0 8px 30px;position:relative}.instructions li:before{color:#3498db;content:"•";font-size:18px;font-weight:700;left:0;position:absolute}@media (max-width:768px){.scenarios-grid{gap:30px;grid-template-columns:1fr}.header{padding:20px}.study-title{font-size:24px}.scenario-category{padding:20px}.scenario-category h2{font-size:20px}.instructions{padding:20px}}.prolific-entry-container{align-items:center;background:#f5f7fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.prolific-entry-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:600px;overflow:hidden;width:100%}.prolific-entry-card .header{background:#34495e;color:#fff;padding:30px;text-align:center}.prolific-entry-card .study-title{font-size:28px;font-weight:600;margin-bottom:8px}.prolific-entry-card .study-subtitle{font-size:16px;margin:0;opacity:.9}.entry-form{padding:40px 30px}.entry-form h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:16px;text-align:center}.instruction-text{color:#5a6c7d;font-size:16px;line-height:1.6;margin-bottom:30px;text-align:center}.input-group{margin-bottom:25px}.input-label{color:#2c3e50;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.id-input{border:2px solid #e0e6ed;border-radius:8px;font-family:Courier New,monospace;font-size:16px;letter-spacing:.5px;padding:12px 16px;transition:border-color .3s;width:100%}.id-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.id-input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.id-input:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.error-message{align-items:center;color:#e74c3c;display:flex;font-size:14px;gap:6px;margin-top:6px}.error-message:before{content:"⚠️";font-size:14px}.continue-button{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:30px;padding:14px 20px;transition:background-color .3s;width:100%}.continue-button:hover:not(:disabled){background:#219a52}.continue-button:disabled{background:#bdc3c7;cursor:not-allowed}.help-info{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:25px}.help-info h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:12px}.help-info ul{margin-bottom:20px;padding-left:20px}.help-info li{color:#5a6c7d;line-height:1.5;margin-bottom:6px}.privacy-note{background:#e8f5e8;border-left:4px solid #27ae60;border-radius:6px;color:#27ae60;font-size:14px;line-height:1.5;padding:15px}@media (max-width:768px){.prolific-entry-container{padding:10px}.prolific-entry-card .header{padding:20px}.prolific-entry-card .study-title{font-size:22px}.entry-form{padding:30px 20px}.entry-form h2{font-size:20px}.help-info{padding:20px}}.prolific-entry-card{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.start-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.start-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;height:100%;left:0;position:absolute;top:0;width:100%}.start-overlay-content{animation:overlaySlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:500px;padding:2rem;position:relative;text-align:center;width:90%}@keyframes overlaySlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.start-icon{font-size:3rem;margin-bottom:1rem}.start-overlay-content h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.start-overlay-content p{color:#5a6c7d;line-height:1.5;margin:0 0 1rem}.scenario-title{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;color:#2c3e50;font-weight:600;margin:1rem 0;padding:1rem}.start-instructions{color:#7f8c8d;font-size:.9rem;margin:1.5rem 0 2rem!important}.start-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:25px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.start-button:hover{background:linear-gradient(135deg,#2980b9,#1f5f99);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.start-button:active{box-shadow:0 3px 10px #3498db4d;transform:translateY(0)}@media (max-width:768px){.start-overlay-content{margin:1rem;padding:1.5rem}.start-icon{font-size:2.5rem}.start-overlay-content h2{font-size:1.3rem}}.chat-container{margin:0 auto;max-width:1200px;padding:20px}body.iframe-mode{overflow-x:hidden}body.iframe-mode,body.iframe-mode *{scroll-behavior:auto!important}body.iframe-mode .chat-container{margin:0;padding:10px}body.iframe-mode button:focus,body.iframe-mode input:focus,body.iframe-mode textarea:focus{outline:2px solid #007bff;outline-offset:-2px}.header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.study-title{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:8px}.study-subtitle{color:#7f8c8d;font-size:14px}.status-bar{align-items:center;background:#e8f5e8;border-left:4px solid #27ae60;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.participant-info{color:#27ae60;font-size:14px}.timer{color:#e74c3c;font-size:14px;font-weight:600}.timer.warning{animation:pulse 1s infinite;color:#c0392b}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.main-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;height:70vh}.scenario-panel{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;padding:20px}.scenario-header{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:10px}.scenario-content{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;flex:1 1;font-size:14px;line-height:1.6;margin-bottom:15px;padding:15px}.scenario-content p{margin-bottom:10px}.copy-button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s}.copy-button:hover{background:#2980b9}.copy-button:disabled{background:#bdc3c7;cursor:not-allowed}.chat-panel{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;overflow:hidden}.chat-header{background:#34495e;color:#fff;font-size:16px;font-weight:600;padding:15px 20px}.chat-messages{background:#fafbfc;flex:1 1;max-height:calc(70vh - 140px);overflow-y:auto;padding:20px}.message{align-items:flex-start;display:flex;gap:12px;margin-bottom:20px}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.message.ai .message-avatar{background:#9b59b6}.message.user .message-avatar{background:#2c3e50}.message-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-width:70%;padding:12px 16px}.message.user .message-content{background:#3498db;color:#fff}.message-time{color:#95a5a6;font-size:11px;margin-top:4px}.message.user .message-time{color:#fffc}.loading{align-items:center;color:#7f8c8d;display:flex;font-size:14px;gap:8px}.loading-dots{animation:loading 1.5s infinite;display:inline-block}@keyframes loading{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.chat-input{background:#ecf0f1;border-top:1px solid #bdc3c7;padding:15px 20px}.input-group{align-items:flex-end;display:flex;gap:10px}.input-field{border:2px solid #ddd;border-radius:25px;flex:1 1;font-family:inherit;font-size:14px;max-height:120px;min-height:44px;outline:none;padding:12px 16px;resize:none;transition:border-color .3s}.input-field:focus{border-color:#3498db}.input-field:disabled{background:#f0f0f0;cursor:not-allowed}.send-button{background:#27ae60;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px;transition:background .3s}.send-button:hover:not(:disabled){background:#219a52}.send-button:disabled{background:#bdc3c7;cursor:not-allowed}.controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-top:20px;padding:15px 20px}.interaction-counter{color:#7f8c8d;font-size:14px}.end-button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s}.end-button:hover{background:#c0392b}.warning-banner{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;margin-bottom:20px;padding:12px 20px}.session-status,.warning-banner{border-radius:8px;font-size:14px}.session-status{border:2px solid;margin-bottom:15px;padding:15px 20px;text-align:center}.session-status.timeout{background:#fef2f2;border-color:#fca5a5;color:#7f1d1d}.session-status.early{background:#fef3c7;border-color:#fcd34d;color:#78350f}.end-button:disabled{background:#bdc3c7;cursor:not-allowed}.safety-notice{border:1px solid #f5c6cb;font-size:13px;margin-bottom:20px;padding:12px 20px}.error,.safety-notice{background:#f8d7da;border-radius:8px;color:#721c24}.error{font-size:16px;padding:20px;text-align:center}@media (max-width:768px){.main-content{grid-template-columns:1fr;height:auto}.scenario-panel{order:1}.chat-panel{height:60vh;order:2}.chat-messages{max-height:calc(60vh - 140px)}.controls{flex-direction:column;gap:10px;text-align:center}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}.App,.status-page{background:#f5f7fa;min-height:100vh}.status-page{align-items:center;display:flex;justify-content:center;padding:20px}.status-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.status-container h1{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:16px}.status-container p{color:#5a6c7d;line-height:1.6;margin-bottom:12px}.status-container p:last-child{margin-bottom:0}
/*# sourceMappingURL=main.1e6f48bf.css.map*/