:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--bg-card: #16161f;--bg-hover: #1f1f2c;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-glow: rgba(99, 102, 241, .3);--field-health: #22c55e;--field-money: #eab308;--field-family: #ec4899;--field-partner: #ef4444;--field-friendships: #3b82f6;--field-career: #8b5cf6;--impact-positive: #22c55e;--impact-negative: #ef4444;--impact-neutral: #6b7280;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(99, 102, 241, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow);--font-display: "Space Grotesk", "SF Pro Display", system-ui, sans-serif;--font-body: "Inter", "SF Pro Text", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow:hidden}#root{width:100vw;height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.app-container{display:flex;flex-direction:column;height:100vh;background:radial-gradient(ellipse at top left,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(139,92,246,.1) 0%,transparent 50%),var(--bg-primary)}.app-header{padding:var(--space-md) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.app-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{font-size:.875rem;color:var(--text-muted);margin-left:var(--space-md)}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:380px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.sidebar-section{padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.sidebar-section-title{font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-md)}.prompt-container{padding:var(--space-lg)}.prompt-textarea{width:100%;min-height:120px;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.9375rem;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.prompt-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.prompt-textarea::placeholder{color:var(--text-muted)}.generate-btn{width:100%;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn.loading{position:relative;color:transparent}.generate-btn.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.view-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:4px;gap:4px}.view-toggle-btn{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.view-toggle-btn.active{background:var(--accent-primary);color:#fff}.timeline-container{flex:1;overflow:auto;position:relative;background:var(--bg-primary)}.timeline-svg{min-width:100%;min-height:100%;cursor:grab}.timeline-svg:active{cursor:grabbing}.field-legend{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-md)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem}.legend-color{width:12px;height:12px;border-radius:50%}.zoom-controls{position:absolute;bottom:var(--space-md);right:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.zoom-btn{width:36px;height:36px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.zoom-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.scenario-node{cursor:pointer;transition:all var(--transition-fast)}.scenario-node:hover .node-bg{filter:brightness(1.1)}.node-bg{fill:var(--bg-card);stroke:var(--border-subtle);stroke-width:1;rx:8;transition:all var(--transition-fast)}.node-bg.selected{stroke:var(--accent-primary);stroke-width:2;filter:drop-shadow(0 0 10px var(--accent-glow))}.node-bg.positive{stroke:var(--impact-positive)}.node-bg.negative{stroke:var(--impact-negative)}.node-title{font-family:var(--font-display);font-size:12px;font-weight:600;fill:var(--text-primary)}.node-description{font-size:10px;fill:var(--text-secondary)}.node-probability{font-family:var(--font-mono);font-size:10px;fill:var(--text-muted)}.node-expand-btn{cursor:pointer;fill:var(--bg-tertiary);stroke:var(--text-muted)}.node-expand-btn:hover{fill:var(--accent-primary)}.connection-line{fill:none;stroke:var(--border-subtle);stroke-width:2;stroke-linecap:round}.connection-line.positive{stroke:var(--impact-positive);opacity:.6}.connection-line.negative{stroke:var(--impact-negative);opacity:.6}.cross-effect-line{fill:none;stroke-width:1.5;stroke-dasharray:5,5;opacity:.4}.node-details{padding:var(--space-lg);overflow-y:auto;flex:1}.detail-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.detail-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.detail-value{font-size:1rem;color:var(--text-primary)}.impact-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-xs)}.impact-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.impact-fill.positive{background:linear-gradient(90deg,var(--impact-positive),#4ade80)}.impact-fill.negative{background:linear-gradient(90deg,#f87171,var(--impact-negative))}.cross-effects-list{display:flex;flex-direction:column;gap:var(--space-sm)}.cross-effect-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.8125rem}.cross-effect-icon{font-size:1rem}.cross-effect-field{font-weight:500;color:var(--text-primary)}.cross-effect-impact{margin-left:auto;font-family:var(--font-mono);font-size:.75rem}.cross-effect-impact.positive{color:var(--impact-positive)}.cross-effect-impact.negative{color:var(--impact-negative)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--space-2xl)}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.empty-state-description{color:var(--text-secondary);max-width:400px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes nodeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.node-enter{animation:nodeAppear .3s ease forwards}.timeline-header{position:sticky;left:0;background:var(--bg-secondary);padding:var(--space-md);border-bottom:2px solid;z-index:10}.timeline-header.health{border-color:var(--field-health)}.timeline-header.money{border-color:var(--field-money)}.timeline-header.family{border-color:var(--field-family)}.timeline-header.partner{border-color:var(--field-partner)}.timeline-header.friendships{border-color:var(--field-friendships)}.timeline-header.career{border-color:var(--field-career)}@media (max-width: 1200px){.sidebar{width:320px}}@media (max-width: 900px){.main-content{flex-direction:column}.sidebar{width:100%;height:auto;max-height:300px;border-right:none;border-bottom:1px solid var(--border-subtle)}}