*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0d14;--surface: #13151f;--surface-2: #1c1f2e;--surface-3: #242840;--border: #2a2e45;--border-light: #343855;--text: #e4e6f0;--text-muted: #7c82a0;--text-subtle: #545876;--accent: #4f74ff;--accent-hover: #6b8bff;--accent-dim: rgba(79,116,255,.12);--green: #22c55e;--green-dim: rgba(34,197,94,.1);--red: #ef4444;--c-search: #3b82f6;--c-fetch: #06b6d4;--c-email: #10b981;--c-analyse: #a855f7;--font: "Inter", system-ui, -apple-system, sans-serif;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px}[data-theme=light]{--bg: #f0f3fb;--surface: #ffffff;--surface-2: #f4f6fd;--surface-3: #eaedfa;--border: #dce0f0;--border-light: #c8ceea;--text: #0f1225;--text-muted: #5a6280;--text-subtle: #9299b8;--accent: #4263eb;--accent-hover: #2f4fd6;--accent-dim: rgba(66,99,235,.09);--green: #16a34a;--green-dim: rgba(22,163,74,.1);--red: #dc2626;--c-search: #2563eb;--c-fetch: #0284c7;--c-email: #059669;--c-analyse: #9333ea}[data-theme=light] .tint-amber .tool-icon{background:#2563eb17}[data-theme=light] .tint-blue .tool-icon{background:#0284c717}[data-theme=light] .tint-green .tool-icon{background:#05966917}[data-theme=light] .tint-purple .tool-icon{background:#9333ea17}[data-theme=light] .panel-input{background:#fff;border-right-color:var(--border)}[data-theme=light] .panel-output{background:#f0f3fb}[data-theme=light] .tool-card,[data-theme=light] .email-client{background:#fff}[data-theme=light] .email-header{background:var(--surface-2)}[data-theme=light] .brief-card{background:#fff}[data-theme=light] .brief-card-pain{background:#9333ea0a;border-color:#9333ea2e}[data-theme=light] .spinner{border-color:#0000001f;border-top-color:currentColor}[data-theme=light] .btn-primary{background:var(--accent)}[data-theme=light] .btn-secondary{background:var(--surface-2)}[data-theme=light] input,[data-theme=light] select{background:var(--surface-2);color:var(--text)}[data-theme=light] input:focus,[data-theme=light] select:focus{background:#fff}html,body,#root{height:100%;width:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6}.outreach-agent{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media(max-width:860px){.outreach-agent{grid-template-columns:1fr;min-height:unset}}.panel{padding:40px 44px;display:flex;flex-direction:column}.panel-input{background:var(--surface);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto}.panel-output{background:var(--bg);min-height:100vh;overflow-y:auto;padding-top:48px}@media(max-width:860px){.panel-input{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.panel-output{min-height:unset}.panel{padding:28px 24px}}.panel-header{margin-bottom:32px}.header-title{display:flex;align-items:center;gap:10px;margin-bottom:6px}h1{font-size:22px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55e73}60%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.tagline{color:var(--text-muted);font-size:13px;line-height:1.55;max-width:320px}.section-divider{border:none;border-top:1px solid var(--border);margin:28px 0}.input-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.optional{font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;color:var(--text-subtle)}input,select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font);padding:11px 14px;transition:border-color .15s,background .15s;width:100%;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}input:focus,select:focus{outline:none;border-color:var(--accent);background:var(--surface-3)}input::placeholder{color:var(--text-subtle)}input:disabled,select:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);padding:13px 20px;transition:background .15s,transform .1s;width:100%;margin-top:6px;letter-spacing:.01em}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){transform:scale(.99)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-running{display:flex;align-items:center;justify-content:center;gap:9px}.btn-secondary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:13px;font-family:var(--font);padding:8px 16px;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;font-family:var(--font);padding:8px 0;transition:color .15s}.btn-ghost:hover{color:var(--text)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.18);border-top-color:currentColor;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{display:flex;align-items:center;justify-content:space-between;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius);color:#fca5a5;font-size:13px;gap:12px;margin-top:16px;padding:12px 16px}.output-section-label{font-size:11px;font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.activity-feed{margin-bottom:32px}.activity-feed.collapsed{margin-bottom:20px}.activity-feed-inner{display:flex;flex-direction:column;gap:8px}.tool-card{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);padding:13px 16px;gap:12px;animation:slideUp .18s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tint-amber{border-left-color:var(--c-search)}.tint-blue{border-left-color:var(--c-fetch)}.tint-green{border-left-color:var(--c-email)}.tint-purple{border-left-color:var(--c-analyse)}.tint-amber .tool-icon{color:var(--c-search);background:#3b82f61f}.tint-blue .tool-icon{color:var(--c-fetch);background:#06b6d41f}.tint-green .tool-icon{color:var(--c-email);background:#10b9811f}.tint-purple .tool-icon{color:var(--c-analyse);background:#a855f71f}.tint-amber .check{color:var(--c-search)}.tint-blue .check{color:var(--c-fetch)}.tint-green .check{color:var(--c-email)}.tint-purple .check{color:var(--c-analyse)}.tool-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0;overflow:hidden}.tool-icon{font-size:14px;flex-shrink:0;line-height:1;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.tool-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;overflow:hidden}.tool-label{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.tool-detail{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.tool-card-right{flex-shrink:0;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.check{color:var(--green)}.email-output{display:flex;flex-direction:column;gap:16px}.email-client{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.email-header{border-bottom:1px solid var(--border);padding:18px 24px;display:flex;flex-direction:column;gap:10px;background:var(--surface-2)}.email-field{display:flex;align-items:baseline;gap:12px}.email-field-label{color:var(--text-subtle);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;width:56px;flex-shrink:0}.email-subject{font-size:15px;font-weight:600;color:var(--text)}.email-to{font-size:13px;color:var(--text-muted)}.email-body{font-size:14px;line-height:1.8;padding:24px;white-space:pre-wrap;color:var(--text)}.email-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.email-metadata{display:flex;gap:0;font-size:12px;color:var(--text-subtle);flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px}.email-metadata span{padding-right:16px}.email-metadata span+span{padding-left:16px;border-left:1px solid var(--border)}.research-finding{background:var(--accent-dim);border:1px solid rgba(79,116,255,.2);border-radius:var(--radius);font-size:13px;color:var(--text-muted);padding:12px 16px;line-height:1.6}.research-label{font-weight:600;color:var(--text);margin-right:6px}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:280px;color:var(--text-muted);text-align:center}.placeholder-icon{font-size:40px;opacity:.25}.placeholder p{font-size:14px;color:var(--text-subtle);max-width:240px;line-height:1.5}.starting{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:13px;padding:24px 0}.research-brief{margin-bottom:8px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brief-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:8px}.brief-card-pain{background:#a855f70f;border-color:#a855f733}.brief-card-header{display:flex;align-items:center;gap:7px}.brief-icon{font-size:13px;line-height:1}.brief-card-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.brief-card-body{font-size:13px;line-height:1.55;color:var(--text)}.brief-card-evidence{color:var(--text-muted);font-style:italic}.brief-tone-badge{display:inline-block;background:var(--accent-dim);border:1px solid rgba(79,116,255,.25);border-radius:4px;color:var(--accent-hover);font-size:11px;font-weight:600;padding:2px 8px;letter-spacing:.04em}.brief-tone-desc{font-size:12px;color:var(--text-muted)}.theme-toggle{position:fixed;top:18px;right:20px;z-index:100;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 12px 6px 8px;cursor:pointer;font-family:var(--font);font-size:13px;color:var(--text-muted);transition:border-color .15s,background .15s,color .15s;box-shadow:0 2px 8px #0000002e}.theme-toggle:hover{border-color:var(--accent);color:var(--text)}.theme-toggle-track{position:relative;width:32px;height:18px;background:var(--surface-3);border-radius:999px;border:1px solid var(--border);flex-shrink:0;transition:background .2s}[data-theme=light] .theme-toggle-track{background:var(--accent);border-color:var(--accent)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--text-muted);border-radius:50%;transition:transform .2s,background .2s}[data-theme=light] .theme-toggle-thumb{transform:translate(14px);background:#fff}.theme-toggle-icon{font-size:14px;line-height:1}.sentinel-badge{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;padding-top:32px;font-size:12px;color:var(--text-subtle);letter-spacing:.01em;-webkit-user-select:none;user-select:none}.sentinel-badge strong{color:var(--text-muted);font-weight:600;letter-spacing:.02em}.sentinel-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.7;flex-shrink:0}.sentinel-tm{font-size:9px;vertical-align:super;color:var(--text-subtle);line-height:1}