:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Noto Sans JP,sans-serif;--bg: #f5f6f8;--bg-panel: #ffffff;--bg-sunken: #eef0f3;--border: #dde1e6;--text: #14161a;--text-muted: #5b6270;--text-faint: #767c88;--accent: #2563eb;--accent-border: #bfd7fb;--accent-soft: rgba(37, 99, 235, .08);--danger: #dc2626;--danger-border: #f3c2c2;--danger-soft: rgba(220, 38, 38, .06);--neutral-soft: rgba(91, 98, 112, .1)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1115;--bg-panel: #171a20;--bg-sunken: #0f1115;--border: #2a2d34;--text: #f2f2f2;--text-muted: #9a9fa8;--text-faint: #7a7f89;--accent: #7cc4ff;--accent-border: #2a4a63;--accent-soft: rgba(124, 196, 255, .12);--danger: #f28b82;--danger-border: #5a2e2b;--danger-soft: rgba(242, 139, 130, .12);--neutral-soft: rgba(154, 159, 168, .15)}body{margin:0;background:var(--bg);color:var(--text)}.topbar{max-width:960px;margin:0 auto;padding:1rem 1.5rem 0;display:flex;justify-content:flex-end;gap:.5rem}.topbar__button,.topbar__select{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.35rem .6rem;font:inherit;cursor:pointer}.topbar__button:hover,.topbar__select:hover{border-color:var(--accent-border)}.dashboard{max-width:960px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.dashboard__header h1{margin:0;font-size:2rem}.dashboard__header p{color:var(--text-muted);margin-top:.25rem}.dashboard__error{color:var(--danger)}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem}.module-card{border:1px solid var(--border);border-radius:12px;padding:1.25rem;background:var(--bg-panel)}.module-card__stage{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid var(--accent-border);border-radius:999px;padding:.15rem .6rem;margin-bottom:.6rem}.module-card h3{margin:0 0 .5rem}.module-card__tagline{color:var(--text-muted);font-size:.9rem;margin:0 0 .5rem}.module-card__replaces{color:var(--text-faint);font-size:.8rem;margin:0}.module-card--linked{display:block;text-decoration:none;color:inherit;transition:border-color .15s}.module-card--linked:hover{border-color:var(--accent-border)}.module-card__cta{display:inline-block;margin-top:.75rem;font-size:.8rem;color:var(--accent)}.module-card__soon{display:inline-block;margin-top:.75rem;font-size:.8rem;color:var(--text-faint)}.back-link{color:var(--accent);text-decoration:none;font-size:.85rem}.back-link:hover{text-decoration:underline}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.panel{border:1px solid var(--border);border-radius:12px;padding:1.25rem;background:var(--bg-panel)}.panel--wide{grid-column:1 / -1}.panel h2{margin-top:0;font-size:1.1rem}.muted{color:var(--text-faint);font-size:.85rem}.stacked-form{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.stacked-form textarea,.stacked-form input,.stacked-form select{background:var(--bg-sunken);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem .7rem;font:inherit;resize:vertical}.stacked-form .row{display:flex;gap:.6rem}.stacked-form .row select{flex:0 0 auto}.stacked-form .row input{flex:1}.stacked-form button{align-self:flex-start;background:var(--accent-border);color:var(--text);border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font:inherit}.stacked-form button:hover{filter:brightness(.92)}:root[data-theme=dark] .stacked-form button:hover{filter:brightness(1.15)}.stacked-form button:disabled{opacity:.6;cursor:default}.knowledge-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:220px;overflow-y:auto}.knowledge-list li{background:var(--bg-sunken);border-radius:8px;padding:.5rem .7rem;font-size:.85rem}.outcome{border-radius:8px;padding:.6rem .8rem;font-size:.9rem}.outcome--replied{background:var(--accent-soft);border:1px solid var(--accent-border)}.outcome--escalated{background:var(--danger-soft);border:1px solid var(--danger-border)}.conversations-layout{display:grid;grid-template-columns:300px 1fr;gap:1rem}.conversation-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto}.conversation-list li{background:var(--bg-sunken);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;cursor:pointer}.conversation-list li.selected{border-color:var(--accent-border)}.conversation-list__meta{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.3rem}.conversation-list__preview{margin:.3rem 0 0;font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .5rem;border-radius:999px}.status-badge--open{background:var(--accent-soft);color:var(--accent)}.status-badge--escalated{background:var(--danger-soft);color:var(--danger)}.status-badge--resolved{background:var(--neutral-soft);color:var(--text-muted)}.thread{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto}.thread__message{border-radius:8px;padding:.5rem .7rem;max-width:80%}.thread__message p{margin:.2rem 0 0;font-size:.9rem}.thread__sender{font-size:.7rem;text-transform:uppercase;color:var(--text-faint)}.thread__message--customer{background:var(--bg-sunken);align-self:flex-start}.thread__message--ai{background:var(--accent-soft);align-self:flex-end}.thread__message--human{background:var(--neutral-soft);align-self:flex-end}@media(max-width:720px){.demo-grid,.conversations-layout{grid-template-columns:1fr}}