@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&family=Source+Sans+3:wght@400;500;600&display=swap";:root{--navy: #1B2B4B;--navy-light: #243a61;--silver: #8B9BB4;--silver-light:#C5CFD9;--silver-pale: #EEF1F5;--white: #FFFFFF;--warm-white: #F8F9FB;--text-primary: #1B2B4B;--text-secondary: #4A5568;--text-muted: #718096;--border: #D1D9E0;--success: #2D7D46;--warning: #B45309;--danger: #C53030;--font-display: "Lora", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif;--text-xs: 14px;--text-sm: 16px;--text-base: 18px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 28px;--text-3xl: 34px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-base);-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--warm-white);color:var(--text-primary);line-height:1.6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--navy);color:var(--white);padding:16px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #1b2b4b33;position:sticky;top:0;z-index:100}.header-logo{width:40px;height:40px;flex-shrink:0}.header-brand{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--white);letter-spacing:.02em}.header-tagline{font-size:var(--text-xs);color:var(--silver-light);margin-left:auto}.main{flex:1;max-width:760px;width:100%;margin:0 auto;padding:32px 20px}.selector-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--navy);margin-bottom:8px;text-align:center}.selector-subtitle{font-size:var(--text-base);color:var(--text-secondary);text-align:center;margin-bottom:32px;line-height:1.5}.scenario-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.scenario-card{background:var(--white);border:2px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;cursor:pointer;transition:all .18s ease;display:flex;align-items:center;gap:18px;text-align:left;width:100%}.scenario-card:hover{border-color:var(--navy);box-shadow:0 4px 16px #1b2b4b1f;transform:translateY(-1px)}.scenario-card:active{transform:translateY(0)}.scenario-icon{font-size:36px;flex-shrink:0;width:48px;text-align:center}.scenario-text{flex:1}.scenario-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--navy);margin-bottom:4px}.scenario-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.scenario-arrow{font-size:var(--text-xl);color:var(--silver);flex-shrink:0}.scenario-card-group{display:flex;flex-direction:column;gap:0}.scenario-card--expanded{border-color:var(--navy);border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:var(--silver-pale)}.scenario-subgroup{border:2px solid var(--navy);border-top:none;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);padding:10px 10px 6px;background:var(--warm-white);display:flex;flex-direction:column;gap:8px}.scenario-card--sub{margin-left:16px;width:calc(100% - 16px);background:var(--white)}.scenario-subgroup-collapse{align-self:flex-end;background:none;border:none;font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;padding:4px 8px;transition:color .15s}.scenario-subgroup-collapse:hover{color:var(--navy)}.variant-screen-header{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.variant-back-btn{align-self:flex-start;background:none;border:none;font-size:var(--text-sm);color:var(--navy);cursor:pointer;padding:4px 0;font-family:var(--font-body);font-weight:600;opacity:.7;transition:opacity .15s}.variant-back-btn:hover{opacity:1}.variant-screen-category{display:flex;align-items:center;gap:10px}.variant-screen-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--navy)}.variant-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.surprise-btn{width:100%;padding:16px 24px;background:var(--navy);color:var(--white);border:none;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .18s;display:flex;align-items:center;justify-content:center;gap:10px}.surprise-btn:hover{background:var(--navy-light)}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 80px)}.chat-scenario-header{background:var(--white);border:2px solid var(--border);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.chat-scenario-icon{font-size:28px}.chat-scenario-info{flex:1}.chat-scenario-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--navy)}.chat-scenario-subtitle{font-size:var(--text-xs);color:var(--text-muted)}.chat-back-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.chat-back-btn:hover{border-color:var(--navy);color:var(--navy)}.messages-area{flex:1;overflow-y:auto;padding:4px 0 16px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;align-items:flex-start}.message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.message.assistant .message-avatar{background:var(--navy)}.message.user .message-avatar{background:var(--silver-pale)}.message-bubble{max-width:78%;padding:14px 18px;border-radius:var(--radius-md);font-size:var(--text-base);line-height:1.65}.message.assistant .message-bubble{background:var(--white);border:1px solid var(--border);color:var(--text-primary);border-top-left-radius:4px}.message.user .message-bubble{background:var(--navy);color:var(--white);border-top-right-radius:4px}.pause-card{background:#fff8e6;border:2px solid #F6D860;border-radius:var(--radius-lg);padding:20px;margin:24px 0;width:100%;box-shadow:0 4px 16px #1b2b4b1f}.pause-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pause-card-icon{font-size:22px;line-height:1}.pause-card-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--navy);letter-spacing:.06em}.pause-card-body{font-size:var(--text-base);color:var(--text-primary);line-height:1.65}.message.debrief .message-bubble{background:#eef6f0;border:2px solid #6DBF82;color:var(--text-primary)}.typing-indicator{display:flex;gap:6px;align-items:center;padding:14px 18px}.typing-dot{width:8px;height:8px;background:var(--silver);border-radius:50%;animation:typingBounce 1.2s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}.quick-replies-container{margin-bottom:10px}.quick-replies-row{display:flex;flex-wrap:wrap;gap:8px}.quick-reply-chip{background:var(--silver-pale);border:1px solid var(--border);color:var(--text-secondary);border-radius:20px;padding:8px 16px;font-family:var(--font-body);font-size:14px;cursor:pointer;transition:border-color .15s ease,color .15s ease;white-space:nowrap}.quick-reply-chip:hover{border-color:#1b2b4b;color:#1b2b4b}.instruction-text{font-size:12px;color:var(--text-muted);text-align:center;margin-bottom:10px;font-weight:400}.recovery-card{margin:6px 0 10px 48px;padding:14px 16px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md)}.recovery-card-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.recovery-card-actions{display:flex;flex-direction:column;gap:8px}.recovery-continue-btn{padding:10px 16px;background:var(--navy);color:var(--white);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:opacity .15s}.recovery-continue-btn:hover{opacity:.88}.recovery-end-btn{padding:10px 16px;background:none;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.recovery-end-btn:hover{border-color:var(--navy);color:var(--navy)}.departure-card{background:#e8f5e9;border:2px solid #4CAF50;border-radius:var(--radius-lg);padding:20px 24px;margin:12px 0}.departure-card-body{display:flex;flex-direction:column;gap:8px}.departure-card-line{font-size:var(--text-base);color:var(--navy);line-height:1.6}.nudge-banner{background:#fff8e6;border:1px solid #F6D860;border-radius:var(--radius-md);padding:12px 16px;margin-bottom:12px;font-size:var(--text-sm);color:var(--navy);line-height:1.5}.input-area{padding:16px 0 0;border-top:1px solid var(--border)}.input-row{display:flex;gap:10px;align-items:flex-end}.input-field{flex:1;padding:14px 18px;border:2px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--white);resize:none;min-height:52px;max-height:140px;outline:none;transition:border-color .15s;line-height:1.5}.input-field:focus{border-color:var(--navy)}.input-field::placeholder{color:var(--text-muted)}.send-btn{width:52px;height:52px;background:var(--navy);color:var(--white);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--navy-light)}.send-btn:disabled{opacity:.45;cursor:not-allowed}.input-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:8px;text-align:center}.intro-card{background:var(--navy);color:var(--white);border-radius:var(--radius-xl);padding:32px 28px;margin-bottom:28px;text-align:center}.intro-shield{font-size:52px;margin-bottom:12px}.intro-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin-bottom:10px}.intro-text{font-size:var(--text-base);color:var(--silver-light);line-height:1.65}.completion-card{background:var(--white);border:2px solid var(--success);border-radius:var(--radius-xl);padding:36px 28px;text-align:center;margin:20px 0}.completion-icon{font-size:52px;margin-bottom:16px}.completion-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--success);margin-bottom:10px}.completion-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.65;margin-bottom:24px}.restart-btn{background:var(--navy);color:var(--white);border:none;border-radius:var(--radius-md);padding:16px 32px;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .15s}.restart-btn:hover{background:var(--navy-light)}.error-banner{background:#fff0f0;border:1px solid #FCA5A5;border-radius:var(--radius-md);padding:12px 16px;font-size:var(--text-sm);color:var(--danger);margin-bottom:12px;text-align:center}.briefing-container{display:flex;flex-direction:column;gap:0}.briefing-back-btn{align-self:flex-start;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all .15s;margin-bottom:20px}.briefing-back-btn:hover{border-color:var(--navy);color:var(--navy)}.briefing-scenario-identity{background:var(--white);border:2px solid var(--border);border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:center;gap:14px;margin-bottom:24px}.briefing-scenario-icon{font-size:32px;flex-shrink:0}.briefing-scenario-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--navy);margin-bottom:2px}.briefing-scenario-subtitle{font-size:var(--text-xs);color:var(--text-muted)}.briefing-logo-row{display:flex;justify-content:center;margin-bottom:12px}.briefing-heading{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--navy);margin-bottom:20px}.briefing-sections{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.briefing-section{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px}.briefing-section-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--navy);margin-bottom:6px}.briefing-section-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}.briefing-special-note{background:#fff8e6;border:2px solid #F6D860;border-radius:var(--radius-md);padding:16px 20px}.briefing-special-note-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.65}.briefing-start-btn{width:100%;padding:18px 24px;background:#4caf50;color:var(--white);border:none;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .18s}.briefing-start-btn:hover{background:#43a047}.stop-card{background:#fff8e6;border:2px solid #F6D860;border-radius:var(--radius-xl);padding:36px 28px;text-align:center;margin:20px 0}.stop-icon{font-size:52px;margin-bottom:16px}.stop-scenario{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--navy);margin-bottom:8px}.stop-message{font-size:var(--text-base);color:var(--text-secondary);line-height:1.65;margin-bottom:28px}.stop-actions{display:flex;flex-direction:column;gap:12px}.stop-debrief-btn{width:100%;padding:16px 24px;background:var(--navy);color:var(--white);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .18s}.stop-debrief-btn:hover{background:var(--navy-light)}.stop-back-btn{width:100%;padding:14px 24px;background:transparent;color:var(--text-secondary);border:2px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all .18s}.stop-back-btn:hover{border-color:var(--navy);color:var(--navy)}.consent-overlay{min-height:100vh;background:var(--warm-white);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px}.consent-card{background:var(--white);border:2px solid var(--border);border-radius:var(--radius-xl);max-width:680px;width:100%;padding:40px 40px 36px;box-shadow:0 4px 24px #1b2b4b1a}.consent-header{text-align:center;margin-bottom:32px}.consent-shield{width:56px;height:56px;margin-bottom:16px}.consent-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--navy);margin-bottom:8px}.consent-subtitle{font-size:var(--text-base);color:var(--text-secondary)}.consent-sections{display:flex;flex-direction:column;gap:20px;margin-bottom:28px;border-top:1px solid var(--border);padding-top:24px}.consent-section-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--navy);margin-bottom:4px}.consent-section-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}.consent-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin-bottom:24px;padding:16px 18px;background:var(--silver-pale);border-radius:var(--radius-md);border:2px solid transparent;transition:border-color .15s}.consent-checkbox-label:has(.consent-checkbox:checked){border-color:var(--navy)}.consent-checkbox{width:22px;height:22px;flex-shrink:0;margin-top:2px;accent-color:var(--navy);cursor:pointer}.consent-checkbox-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6}.consent-btn{width:100%;padding:16px 24px;background:#4caf50;color:var(--white);border:none;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .18s}.consent-btn:hover:not(:disabled){background:#43a047}.consent-btn:disabled{background:var(--silver-light);color:var(--white);cursor:not-allowed}@media (max-width: 600px){.consent-card{padding:28px 20px 24px}.consent-title{font-size:var(--text-xl)}}.messages-area::-webkit-scrollbar{width:4px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:var(--silver-light);border-radius:2px}@media (max-width: 600px){.main{padding:16px 14px}.header-tagline{display:none}.message-bubble{max-width:88%;font-size:var(--text-sm)}.selector-title{font-size:var(--text-xl)}.scenario-card{padding:16px 18px}}.done-btn-row{display:flex;justify-content:center;margin-bottom:12px}.done-btn{background:transparent;color:var(--success);border:2px solid var(--success);border-radius:var(--radius-md);padding:12px 20px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .18s;width:100%}.done-btn:hover{background:var(--success);color:var(--white)}.debrief-card{background:var(--white);border:2px solid var(--success);border-radius:var(--radius-xl);padding:28px 24px 24px;margin:20px 0}.debrief-card-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #D1FAE5}.debrief-card-icon{font-size:24px}.debrief-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--success)}.debrief-card-body{display:flex;flex-direction:column;gap:2px;margin-bottom:28px}.debrief-red-flag{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;line-height:1.6;margin-top:10px;padding:10px 14px;background:#fff5f5;border-left:3px solid #F87171;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.debrief-section-header{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--navy);letter-spacing:.04em;margin-top:20px;margin-bottom:4px}.debrief-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.debrief-spacer{height:8px}.debrief-actions{display:flex;flex-direction:column;gap:10px;border-top:1px solid #D1FAE5;padding-top:20px}.debrief-action-btn{width:100%;padding:15px 24px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .18s}.debrief-action-btn.primary{background:var(--navy);color:var(--white);border:none}.debrief-action-btn.primary:hover{background:var(--navy-light)}.debrief-action-btn.secondary{background:transparent;color:var(--text-secondary);border:2px solid var(--border)}.debrief-action-btn.secondary:hover{border-color:var(--navy);color:var(--navy)}.stop-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--navy);margin-bottom:8px}.stop-back-btn.primary{background:var(--navy);color:var(--white);border-color:var(--navy);padding:16px 24px;font-size:var(--text-base);font-weight:600}.stop-back-btn.primary:hover{background:var(--navy-light);border-color:var(--navy-light);color:var(--white)}.branching-instruction-text{font-size:12px;color:var(--text-muted);text-align:center;margin-bottom:10px;font-weight:400}.branching-buttons-container{display:flex;flex-direction:column;gap:8px;max-width:480px;margin:0 auto 12px;width:100%}.branching-button{display:flex;align-items:center;justify-content:space-between;background:var(--white);border:1.5px solid var(--navy);border-radius:12px;padding:14px 16px;font-family:var(--font-body);font-size:15px;color:var(--navy);text-align:left;cursor:pointer;transition:background .15s ease;width:100%}.branching-button:hover{background:var(--silver-pale)}.branching-button-label{flex:1;line-height:1.4}.branching-button-arrow{color:var(--navy);font-size:16px;flex-shrink:0;margin-left:12px}