:root{--palette-lime: #C5D885;--palette-navy: #32476B;--palette-paper: #F4F5F0;--palette-celadon: #D8E0D8;--palette-sage: var(--palette-lime);--palette-moss: var(--palette-navy);--palette-taupe: var(--palette-celadon);--palette-cream: var(--palette-paper);--palette-slate: var(--palette-navy);--palette-sand: var(--palette-celadon);--palette-jade: var(--palette-lime);--palette-lilac: var(--palette-navy);--palette-blue-sky: var(--palette-lime);--palette-blue-ice: var(--palette-paper);--palette-blue-deep: var(--palette-navy);--palette-orange-apricot: var(--palette-celadon);--palette-peach-cream: var(--palette-paper);--bg-primary: #F4F5F0;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-elevated: #eaf0ea;--bg-glass: rgba(244, 245, 240, .95);--color-paper: #F4F5F0;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-subtle: #eaf0ea;--color-rule: #D8E0D8;--color-rule-focus: var(--palette-navy);--color-rule-subtle: #e3eae3;--color-rule-dark: #b8c4b8;--color-accent: var(--palette-navy);--accent-cyan: var(--palette-navy);--accent-sky: var(--palette-lime);--accent-ice: var(--palette-paper);--accent-mint: var(--palette-lime);--accent-purple: var(--palette-navy);--accent-amber: var(--palette-lime);--accent-peach: var(--palette-paper);--accent-rose: #cf5c5c;--accent-green: var(--palette-lime);--accent-pink: var(--palette-lime);--text-main: #1e2c42;--text-muted: #3e506d;--text-faint: #6c7c96;--text-bright: #0f1826;--badge-mydata-bg: #eef4e8;--badge-mydata-border: #c0d4b0;--badge-mydata-text: #2c4220;--badge-imported-bg: #e8ecf4;--badge-imported-border: #b8c4d8;--badge-imported-text: #1e2c42;--font-family: "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--font-heading: "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", sans-serif;--font-display: "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", sans-serif;--font-wordmark: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--shadow-xs: 0 1px 2px rgba(12, 26, 41, .03);--shadow-sm: 0 1px 3px rgba(12, 26, 41, .05), 0 1px 2px rgba(12, 26, 41, .03);--shadow-md: 0 4px 14px -2px rgba(12, 26, 41, .06), 0 2px 6px -1px rgba(12, 26, 41, .03);--shadow-lg: 0 12px 28px -4px rgba(12, 26, 41, .08), 0 4px 10px -2px rgba(12, 26, 41, .03)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-family);overflow:hidden;height:100vh;width:100vw;-webkit-font-smoothing:antialiased}#root{height:100vh;width:100vw;display:flex;flex-direction:column}.app-layout{display:flex;width:100vw;height:100vh;overflow:hidden;background:var(--bg-primary)}.sidebar{width:270px;min-width:270px;background:#fff;border-right:1px solid var(--color-rule);display:flex;flex-direction:column;padding:20px 16px;gap:18px;height:100vh;box-sizing:border-box;flex-shrink:0;z-index:10}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--color-rule)}.brand-badge-group{display:flex;flex-direction:column}.logo-badge{font-family:var(--font-heading);font-weight:800;color:var(--palette-blue-deep);font-size:1.15rem;letter-spacing:-.02em;line-height:1.1}.brand-subtitle{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono);font-weight:500;letter-spacing:.03em;margin-top:2px}.btn-new-chat{display:inline-flex;align-items:center;gap:5px;background:var(--palette-blue-deep);color:#fff;border:none;padding:6px 11px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s var(--ease-out);white-space:nowrap}.btn-new-chat:hover{background:#545c4e;transform:translateY(-1px);box-shadow:0 2px 8px #6a736240}.btn-new-chat:active{transform:translateY(1px)}.sidebar-nav-section{display:flex;flex-direction:column;gap:6px}.section-label{font-size:.7rem;font-weight:700;color:var(--text-faint);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding-left:6px;margin-bottom:2px}.sidebar-nav-list{display:flex;flex-direction:column;gap:3px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s var(--ease-out);width:100%;text-align:left}.sidebar-nav-item:hover{background:var(--color-surface-subtle);color:var(--text-bright)}.sidebar-nav-item.active{background:var(--palette-blue-ice);color:var(--palette-blue-deep);border-color:var(--palette-blue-sky);font-weight:700}.sidebar-divider{height:1px;background:var(--color-rule);margin:2px 0}.sidebar-sessions-section{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.sidebar-sessions-list{display:flex;flex-direction:column;gap:5px;overflow-y:auto;flex:1;padding-right:2px}.session-item{padding:9px 12px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--color-rule);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .15s var(--ease-out)}.session-item:hover{border-color:var(--palette-blue-sky);background:#f8fafc}.session-item.active{background:var(--palette-blue-ice);border-color:var(--palette-blue-sky)}.session-info{min-width:0;flex:1}.session-title{font-size:.82rem;font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item.active .session-title{color:var(--palette-blue-deep);font-weight:700}.session-meta{font-size:.71rem;color:var(--text-muted);margin-top:2px;font-family:var(--font-mono)}.btn-delete-session{background:transparent;border:none;color:var(--text-faint);cursor:pointer;padding:4px;border-radius:4px;transition:color .15s ease;display:flex;align-items:center}.btn-delete-session:hover{color:var(--accent-rose)}.empty-sessions{font-size:.78rem;color:var(--text-muted);text-align:center;padding:16px 0;font-family:var(--font-mono)}.main-content{flex:1;display:flex;flex-direction:column;position:relative;background:var(--bg-primary);padding:20px;height:100vh;box-sizing:border-box;overflow:hidden;min-width:0}.chat-workbench{display:flex;flex-direction:column;flex:1;height:100%;gap:12px;min-height:0}.chat-telemetry-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#fff;border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.telemetry-status{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.telemetry-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-mint)}.telemetry-dot.pulsing{animation:pulse 1.5s infinite ease-in-out}.telemetry-tag{color:var(--accent-cyan);font-weight:600}.chat-reset-btn{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid var(--color-rule);color:var(--text-muted);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .18s var(--ease-out)}.chat-reset-btn:hover:not(:disabled){color:var(--accent-rose);border-color:#fecdd3;background:#fff1f2}.chat-reset-btn:active:not(:disabled){transform:translateY(1px)}.chat-reset-btn:disabled{opacity:.5;cursor:not-allowed}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 24px;margin:auto 0;border:1px dashed var(--color-rule);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-xs)}.empty-state-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-pill);color:var(--accent-cyan);font-family:var(--font-mono);font-size:.75rem;font-weight:600;margin-bottom:16px}.empty-state-title{font-family:var(--font-heading);font-size:1.45rem;font-weight:700;color:var(--text-bright);margin-bottom:8px}.empty-state-desc{font-size:.92rem;color:var(--text-muted);max-width:520px;line-height:1.6;margin-bottom:24px}.prompt-suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;width:100%;max-width:680px}.prompt-suggestion-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;background:#f8fafc;border:1px solid var(--color-rule);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .2s var(--ease-out)}.prompt-suggestion-card:hover{background:#fff;border-color:#38bdf8;transform:translateY(-2px);box-shadow:var(--shadow-md)}.prompt-suggestion-card:active{transform:translateY(0)}.prompt-suggestion-header{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--accent-cyan)}.prompt-suggestion-text{font-size:.85rem;color:var(--text-main);line-height:1.4}.messages-list{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;padding-right:8px;min-height:0}.message-row{display:flex;flex-direction:column;gap:6px;animation:fadeIn .25s var(--ease-out)}.message-row.user{align-items:flex-end}.message-row.child-ai{align-items:flex-start}.message-meta{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint);padding:0 4px}.message-bubble{max-width:82%;padding:14px 18px;border-radius:var(--radius-md);line-height:1.65;font-size:.93rem;position:relative;word-break:break-word}.message-bubble.user{background:var(--palette-blue-ice);border:1px solid var(--palette-blue-sky);color:var(--text-bright);border-top-right-radius:var(--radius-xs);box-shadow:var(--shadow-xs)}.message-bubble.child-ai{background:#fff;border:1px solid var(--color-rule);color:var(--text-main);border-top-left-radius:var(--radius-xs);box-shadow:var(--shadow-xs)}.flow-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-xs);margin-bottom:8px;letter-spacing:.03em}.flow-badge.opinion{background:#ffedd5;color:#c2410c;border:1px solid #f97316}.flow-badge.knowledge{background:var(--palette-peach-cream);color:#7c2d12;border:1px solid var(--palette-orange-apricot)}.flow-badge.question{background:var(--palette-blue-ice);color:#0c4a6e;border:1px solid var(--palette-blue-sky)}.flow-badge.normal{background:#f1f5f9;color:var(--palette-blue-deep);border:1px solid var(--color-rule)}.knowledge-extracted-box{margin-top:12px;background:#f8fafc;border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:10px 14px}.knowledge-extracted-header{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--palette-blue-deep);margin-bottom:8px;text-transform:uppercase}.graph-edge-pill{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 10px;background:#fff;border:1px solid var(--color-rule);border-radius:var(--radius-xs);margin-top:4px;font-family:var(--font-mono);font-size:.8rem;box-shadow:var(--shadow-xs)}.entity-node{background:var(--palette-blue-ice);color:var(--palette-blue-deep);padding:2px 8px;border-radius:4px;border:1px solid var(--palette-blue-sky);font-weight:600}.edge-relation{color:#7c2d12;font-size:.75rem;padding:1px 6px;background:var(--palette-peach-cream);border-radius:3px;font-weight:600}.edge-arrow{color:var(--text-faint)}.question-callout-box{margin-top:10px;background:var(--palette-peach-cream);border-radius:0 var(--radius-xs) var(--radius-xs) 0;padding:10px 14px;font-size:.88rem;color:#7c2d12}.loading-indicator-row{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:1px solid var(--color-rule);border-radius:var(--radius-md);align-self:flex-start;font-family:var(--font-mono);font-size:.82rem;color:var(--accent-cyan);box-shadow:var(--shadow-xs)}.pulse-dots{display:flex;gap:4px}.pulse-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-cyan);animation:dotPulse 1.2s infinite ease-in-out}.pulse-dot:nth-child(2){animation-delay:.2s}.pulse-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-input-container{display:flex;flex-direction:column;background:#fff;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid var(--color-rule);box-shadow:var(--shadow-md);transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.chat-input-container:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #0284c726,var(--shadow-md)}.chat-input-main-row{display:flex;align-items:flex-end;gap:10px}.chat-input-field{flex:1;background:transparent;border:none;color:var(--text-main);font-size:.95rem;line-height:1.5;outline:none;font-family:var(--font-family);resize:none;max-height:140px;min-height:24px}.chat-input-field::placeholder{color:var(--text-faint)}.send-btn{background:var(--accent-cyan);border:none;color:#fff;font-weight:600;font-family:var(--font-heading);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.88rem;transition:all .18s var(--ease-out);white-space:nowrap}.send-btn:hover:not(:disabled){background:#545c4e;transform:translateY(-1px);box-shadow:0 2px 8px #6a73624d}.send-btn:active:not(:disabled){transform:translateY(1px)}.send-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.chat-input-hints{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:0 4px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint)}.graph-container{width:100%;height:450px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-rule);box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}