.demo-backdrop.svelte-sysk1w{position:fixed;inset:0;background:var(--uix-backdrop-bg, rgba(0, 0, 0, .7));backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.demo-panel.svelte-sysk1w{background:var(--uix-panel-bg, linear-gradient(180deg, #1a1a24 0%, #14141c 100%));border:1px solid var(--uix-border-color, #2a2a38);border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px var(--uix-shadow-dark, rgba(0, 0, 0, .5))}@media(prefers-color-scheme:light){.demo-panel.svelte-sysk1w{background:var(--uix-panel-bg-light, linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%));border-color:var(--uix-border-color-light, #e5e7eb);box-shadow:0 20px 60px var(--uix-shadow-light, rgba(0, 0, 0, .1))}}.panel-header.svelte-sysk1w{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--uix-border-color, #2a2a38);background:var(--oasi-color-primary-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.header-left.svelte-sysk1w{display:flex;align-items:center;gap:12px}.back-btn.svelte-sysk1w{width:32px;height:32px;border-radius:8px;border:none;background:#fff3;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-btn.svelte-sysk1w:hover:not(:disabled){background:#ffffff4d}.header-title.svelte-sysk1w{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:16px}.header-icon.svelte-sysk1w{font-size:20px}.close-btn.svelte-sysk1w{width:32px;height:32px;border-radius:8px;border:none;background:#fff3;color:#fff;font-size:16px;cursor:pointer;transition:background .2s}.close-btn.svelte-sysk1w:hover{background:#ffffff4d}.error-banner.svelte-sysk1w{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--oasi-color-error-bg, rgba(220, 38, 38, .15));color:var(--oasi-color-error-text, #fca5a5);font-size:14px}.error-banner.svelte-sysk1w button:where(.svelte-sysk1w){margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;opacity:.7}.panel-content.svelte-sysk1w{flex:1;overflow-y:auto;padding:24px}.loading-state.svelte-sysk1w{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:16px}.spinner.svelte-sysk1w{width:40px;height:40px;border:3px solid var(--oasi-color-primary-alpha-20, rgba(102, 126, 234, .2));border-top-color:var(--oasi-color-primary, #667eea);border-radius:50%;animation:svelte-sysk1w-spin .8s linear infinite}@keyframes svelte-sysk1w-spin{to{transform:rotate(360deg)}}.loading-state.svelte-sysk1w p:where(.svelte-sysk1w){color:var(--uix-text-muted, #94a3b8);font-size:14px;margin:0}.scenarios-list.svelte-sysk1w .list-header:where(.svelte-sysk1w){margin-bottom:24px;text-align:center}.scenarios-list.svelte-sysk1w h2:where(.svelte-sysk1w){color:var(--uix-text-primary, #f8fafc);font-size:20px;font-weight:600;margin:0 0 8px}.scenarios-list.svelte-sysk1w .list-header:where(.svelte-sysk1w) p:where(.svelte-sysk1w){color:var(--uix-text-muted, #94a3b8);font-size:14px;margin:0}.empty-state.svelte-sysk1w{display:flex;flex-direction:column;align-items:center;padding:40px;color:var(--uix-text-secondary, #64748b)}.empty-icon.svelte-sysk1w{font-size:48px;opacity:.4;margin-bottom:12px}.scenarios-grid.svelte-sysk1w{display:flex;flex-direction:column;gap:12px}.scenario-card.svelte-sysk1w{text-align:left;padding:20px;background:var(--uix-card-bg, rgba(255, 255, 255, .03));border:1px solid var(--uix-border-color, #2a2a38);border-radius:12px;cursor:pointer;transition:all .2s}.scenario-card.svelte-sysk1w:hover{background:var(--uix-card-bg-hover, rgba(255, 255, 255, .06));border-color:var(--oasi-color-primary, #667eea)}.card-header.svelte-sysk1w{display:flex;justify-content:space-between;margin-bottom:12px}.card-category.svelte-sysk1w{font-size:12px;font-weight:500;color:var(--oasi-color-accent, #a78bfa);text-transform:uppercase}.card-duration.svelte-sysk1w{font-size:12px;color:var(--uix-text-secondary, #64748b)}.card-title.svelte-sysk1w{color:var(--uix-text-primary, #f8fafc);font-size:18px;font-weight:600;margin:0 0 8px}.card-description.svelte-sysk1w{color:var(--uix-text-muted, #94a3b8);font-size:14px;line-height:1.5;margin:0 0 16px}.card-footer.svelte-sysk1w{display:flex;gap:16px}.card-stat.svelte-sysk1w{font-size:12px;color:var(--uix-text-secondary, #64748b)}.scenario-details.svelte-sysk1w .scenario-header:where(.svelte-sysk1w){display:flex;align-items:center;gap:12px;margin-bottom:16px}.scenario-details.svelte-sysk1w h2:where(.svelte-sysk1w){color:var(--uix-text-primary, #f8fafc);font-size:24px;font-weight:600;margin:0}.scenario-category.svelte-sysk1w{font-size:12px;font-weight:500;color:var(--oasi-color-accent, #a78bfa);background:var(--oasi-color-accent-bg, rgba(124, 58, 237, .15));padding:4px 10px;border-radius:12px}.scenario-description.svelte-sysk1w{color:var(--uix-text-muted, #94a3b8);font-size:15px;line-height:1.6;margin:0 0 20px}.scenario-meta.svelte-sysk1w{display:flex;gap:20px;padding:16px;background:#ffffff08;border-radius:10px;margin-bottom:24px}.meta-item.svelte-sysk1w{display:flex;align-items:center;gap:8px;color:var(--uix-text-muted, #94a3b8);font-size:14px}.meta-icon.svelte-sysk1w{font-size:16px}.objectives-section.svelte-sysk1w{margin-bottom:24px}.objectives-section.svelte-sysk1w h3:where(.svelte-sysk1w){color:var(--uix-text-primary, #f8fafc);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.objectives-list.svelte-sysk1w{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.objectives-list.svelte-sysk1w li:where(.svelte-sysk1w){display:flex;gap:12px;color:var(--uix-text-muted, #94a3b8);font-size:14px}.objective-bullet.svelte-sysk1w{color:var(--oasi-color-primary, #667eea)}.objectives-list.svelte-sysk1w strong:where(.svelte-sysk1w){display:block;color:var(--uix-text-primary, #f8fafc);margin-bottom:4px}.objectives-list.svelte-sysk1w p:where(.svelte-sysk1w){margin:0;font-size:13px}.steps-preview.svelte-sysk1w h3:where(.svelte-sysk1w){color:var(--uix-text-primary, #f8fafc);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.steps-timeline.svelte-sysk1w{display:flex;flex-direction:column;gap:8px}.step-preview.svelte-sysk1w{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--uix-card-bg, rgba(255, 255, 255, .03));border-radius:8px;color:var(--uix-text-muted, #94a3b8);font-size:14px}.step-number.svelte-sysk1w{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--oasi-color-primary-alpha-20, rgba(102, 126, 234, .2));color:var(--oasi-color-primary, #667eea);border-radius:50%;font-size:12px;font-weight:600}.step-icon.svelte-sysk1w{font-size:16px}.step-title.svelte-sysk1w{flex:1}.session-view.svelte-sysk1w{display:flex;flex-direction:column;gap:24px}.session-progress.svelte-sysk1w{text-align:center}.progress-bar.svelte-sysk1w{height:8px;background:var(--uix-progress-bg, rgba(255, 255, 255, .1));border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill.svelte-sysk1w{height:100%;background:var(--oasi-color-primary-gradient, linear-gradient(90deg, #667eea 0%, #764ba2 100%));border-radius:4px;transition:width .3s ease}.progress-text.svelte-sysk1w{font-size:14px;color:var(--uix-text-muted, #94a3b8)}.progress-percent.svelte-sysk1w{color:var(--oasi-color-primary, #667eea)}.current-step.svelte-sysk1w{padding:24px;background:var(--uix-card-bg, rgba(255, 255, 255, .03));border:1px solid var(--uix-border-color, #2a2a38);border-radius:12px}.step-header.svelte-sysk1w{display:flex;align-items:center;gap:8px;margin-bottom:16px}.step-type-icon.svelte-sysk1w{font-size:24px}.step-type.svelte-sysk1w{font-size:12px;font-weight:500;color:var(--oasi-color-accent, #a78bfa);text-transform:uppercase}.current-step.svelte-sysk1w .step-title:where(.svelte-sysk1w){color:var(--uix-text-primary, #f8fafc);font-size:22px;font-weight:600;margin:0 0 12px}.current-step.svelte-sysk1w .step-description:where(.svelte-sysk1w){color:var(--uix-text-muted, #94a3b8);font-size:15px;line-height:1.6;margin:0}.step-content.svelte-sysk1w{margin-top:20px}.decision-info.svelte-sysk1w,.action-info.svelte-sysk1w{display:flex;gap:12px;padding:16px;background:var(--oasi-color-primary-alpha-10, rgba(102, 126, 234, .1));border:1px solid var(--oasi-color-primary-alpha-20, rgba(102, 126, 234, .2));border-radius:10px}.info-icon.svelte-sysk1w{font-size:20px}.decision-info.svelte-sysk1w p:where(.svelte-sysk1w),.action-info.svelte-sysk1w p:where(.svelte-sysk1w){color:var(--uix-text-muted, #94a3b8);font-size:14px;margin:0;line-height:1.5}.objectives-progress.svelte-sysk1w{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--uix-card-bg, rgba(255, 255, 255, .03));border-radius:8px}.objectives-progress.svelte-sysk1w h4:where(.svelte-sysk1w){color:var(--uix-text-muted, #94a3b8);font-size:12px;font-weight:500;margin:0;white-space:nowrap}.objectives-bar.svelte-sysk1w{flex:1;height:6px;background:var(--uix-progress-bg, rgba(255, 255, 255, .1));border-radius:3px;overflow:hidden}.objectives-fill.svelte-sysk1w{height:100%;background:var(--oasi-color-success, #22c55e);border-radius:3px;transition:width .3s ease}.objectives-count.svelte-sysk1w{color:var(--oasi-color-success, #22c55e);font-size:13px;font-weight:600}.completed-view.svelte-sysk1w{text-align:center;padding:40px 0}.completion-icon.svelte-sysk1w{font-size:64px;margin-bottom:20px}.completed-view.svelte-sysk1w h2:where(.svelte-sysk1w){color:var(--uix-text-primary, #f8fafc);font-size:28px;font-weight:600;margin:0 0 12px}.completed-view.svelte-sysk1w>p:where(.svelte-sysk1w){color:var(--uix-text-muted, #94a3b8);font-size:16px;margin:0 0 32px}.completion-stats.svelte-sysk1w{display:flex;justify-content:center;gap:40px;margin-bottom:32px}.stat-item.svelte-sysk1w{display:flex;flex-direction:column;gap:4px}.stat-value.svelte-sysk1w{font-size:36px;font-weight:600;color:var(--oasi-color-primary, #667eea)}.stat-label.svelte-sysk1w{font-size:13px;color:var(--uix-text-secondary, #64748b)}.completion-message.svelte-sysk1w{color:var(--oasi-color-success, #22c55e);font-size:15px;font-weight:500}.panel-footer.svelte-sysk1w{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--uix-border-color, #2a2a38)}.btn-primary.svelte-sysk1w,.btn-secondary.svelte-sysk1w{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary.svelte-sysk1w{background:var(--oasi-color-primary-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff}.btn-primary.svelte-sysk1w:hover:not(:disabled){filter:brightness(1.1)}.btn-primary.svelte-sysk1w:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-sysk1w{background:var(--uix-btn-secondary-bg, rgba(255, 255, 255, .05));color:var(--uix-text-muted, #94a3b8);border:1px solid var(--uix-border-color, #2a2a38)}.btn-secondary.svelte-sysk1w:hover:not(:disabled){background:var(--uix-btn-secondary-bg-hover, rgba(255, 255, 255, .1));color:var(--uix-text-primary, #f8fafc)}.panel-content.svelte-sysk1w::-webkit-scrollbar{width:8px}.panel-content.svelte-sysk1w::-webkit-scrollbar-track{background:#ffffff08}.panel-content.svelte-sysk1w::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.panel-content.svelte-sysk1w::-webkit-scrollbar-thumb:hover{background:#ffffff26}