:root{--bg: #0a0f0d;--bg-raise: #0e1512;--panel: #101915;--panel-2: #14201b;--border: #1e2d26;--border-strong: #2a3d34;--ink: #e7efe9;--ink-2: #9fb4a8;--muted: #66796f;--good: #3fd68f;--good-dim: rgba(63, 214, 143, .14);--warn: #e8b647;--warn-dim: rgba(232, 182, 71, .14);--bad: #f2695c;--bad-dim: rgba(242, 105, 92, .14);--mono: "IBM Plex Mono", "Cascadia Code", "JetBrains Mono", ui-monospace, Consolas, monospace;--sans: "Avenir Next", "Segoe UI Variable Text", "Segoe UI", Seravek, Calibri, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{background:radial-gradient(1200px 500px at 70% -10%,rgba(63,214,143,.05),transparent 60%),var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.45;min-height:100vh}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.shell{max-width:1280px;margin:0 auto;padding:20px 24px 48px;display:flex;flex-direction:column;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:10px}.brand{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.wordmark{font-family:var(--mono);font-size:20px;font-weight:700;letter-spacing:.14em;color:var(--ink)}.wordmark-accent{color:var(--good)}.tagline{color:var(--ink-2);font-size:13px}.topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.health-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-raise);color:var(--ink-2);font-size:12.5px;white-space:nowrap}.health-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 6px #3fd68fcc;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.health-sep{width:1px;height:12px;background:var(--border-strong)}.btn{font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;border-radius:7px;border:1px solid transparent;cursor:pointer;transition:background .13s ease,border-color .13s ease,color .13s ease}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--good);color:#062015;border-color:var(--good)}.btn-primary:hover:not(:disabled){background:#58e0a1}.btn-stop{background:var(--bad-dim);color:var(--bad);border-color:var(--bad)}.btn-stop:hover:not(:disabled){background:#f2695c3d}.btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){color:var(--ink);border-color:var(--muted)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-tile{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px 12px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.stat-tile:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--border-strong)}.stat-calm:before{background:var(--good)}.stat-elevated:before{background:var(--warn)}.stat-urgent:before{background:var(--bad)}.stat-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stat-value{font-size:30px;font-weight:600;line-height:1.1;color:var(--ink)}.stat-elevated .stat-value{color:var(--warn)}.stat-urgent .stat-value{color:var(--bad)}.stat-detail{font-size:12px;color:var(--ink-2)}.shimmer{position:relative;overflow:hidden;background:var(--panel-2);border-radius:6px}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(231,239,233,.07),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.shimmer-stat{display:block;height:33px;width:72px}.shimmer-row{height:68px;border-radius:8px}.feed-shimmer{display:flex;flex-direction:column;gap:10px}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px 10px;min-width:0}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.chart-head h3{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--ink)}.chart-sub{font-size:11.5px;color:var(--muted)}.chart-card svg{display:block;width:100%;height:auto}.chart-wrap{position:relative}.chart-empty{color:var(--muted);font-size:13px;padding:42px 12px;text-align:center}.grid-line{stroke:var(--border);stroke-width:1}.grid-zero{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:4 4}.axis-label{fill:var(--muted);font-family:var(--mono);font-size:10.5px}.tl-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.tl-line-pos{stroke:var(--good)}.tl-line-neg{stroke:var(--bad)}.crosshair{stroke:var(--ink-2);stroke-width:1;stroke-dasharray:3 3;opacity:.7}.chart-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 12px));background:var(--bg-raise);border:1px solid var(--border-strong);border-radius:7px;padding:7px 10px;display:flex;flex-direction:column;gap:2px;pointer-events:none;white-space:nowrap;box-shadow:0 6px 20px #00000080;z-index:5}.tt-time{font-family:var(--mono);font-size:11px;color:var(--muted)}.tt-row{font-size:12px;color:var(--ink-2)}.tt-row b{font-family:var(--mono);font-weight:600;color:var(--ink)}.tt-row b.pos{color:var(--good)}.tt-row b.neg{color:var(--bad)}.bar-label{fill:var(--ink-2);font-family:var(--sans);font-size:12px}.bar-track{fill:var(--panel-2)}.bar-fill{fill:var(--good)}.bar-value{fill:var(--ink);font-family:var(--mono);font-size:12px;font-weight:600}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;align-items:start}.main-col{display:flex;flex-direction:column;gap:12px;min-width:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-head h2{font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}.panel-sub{font-size:11.5px;color:var(--muted)}.feed-list{display:flex;flex-direction:column;gap:8px;max-height:620px;overflow-y:auto;padding-right:4px}.msg-row{background:var(--bg-raise);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.msg-escalated{border-color:#f2695c73;background:linear-gradient(90deg,rgba(242,105,92,.06),var(--bg-raise) 40%)}.msg-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.msg-sender{font-size:12.5px;color:var(--ink);font-weight:600}.msg-time{font-size:11px;color:var(--muted)}.urgency{margin-left:auto;display:inline-flex;align-items:center;gap:7px}.urgency-num{font-size:13px;font-weight:700}.urgency-calm .urgency-num{color:var(--good)}.urgency-elevated .urgency-num{color:var(--warn)}.urgency-urgent .urgency-num{color:var(--bad)}.urgency-meter{width:54px;height:5px;border-radius:3px;background:var(--panel-2);overflow:hidden}.urgency-meter-fill{display:block;height:100%;border-radius:3px;transition:width .3s ease}.urgency-calm .urgency-meter-fill{background:var(--good)}.urgency-elevated .urgency-meter-fill{background:var(--warn)}.urgency-urgent .urgency-meter-fill{background:var(--bad)}.msg-summary{text-align:left;background:none;border:none;color:var(--ink);font-family:var(--sans);font-size:13.5px;cursor:pointer;padding:0;display:flex;gap:7px;align-items:baseline;line-height:1.4}.msg-summary:hover{color:#fff}.disclosure{color:var(--muted);font-size:11px;transition:transform .14s ease;flex-shrink:0}.disclosure.open{transform:rotate(90deg)}.msg-full{font-size:13px;color:var(--ink-2);background:var(--panel-2);border-left:2px solid var(--border-strong);border-radius:0 6px 6px 0;padding:8px 10px;margin-left:18px;white-space:pre-wrap;word-break:break-word}.msg-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.05em;padding:2.5px 8px;border-radius:5px;border:1px solid var(--border-strong);color:var(--ink-2);background:var(--panel-2);white-space:nowrap}.chip-channel{text-transform:uppercase;font-size:9.5px;letter-spacing:.1em}.chip-whatsapp{color:var(--good);border-color:#3fd68f59}.chip-webchat{color:#7db8d8;border-color:#7db8d859}.chip-email{color:#c4a9e0;border-color:#c4a9e059}.chip-intent{color:var(--ink)}.chip-positive{color:var(--good);background:var(--good-dim);border-color:#3fd68f59}.chip-neutral{color:var(--ink-2)}.chip-negative{color:var(--bad);background:var(--bad-dim);border-color:#f2695c66}.chip-alert{color:#fff;background:var(--bad);border-color:var(--bad);letter-spacing:.1em}.chip-flag{color:var(--bad);background:var(--bad-dim);border-color:var(--bad);letter-spacing:.1em}.chip-neutral-flag{color:var(--warn);background:var(--warn-dim);border-color:#e8b64766}.empty-state{text-align:center;padding:42px 20px;border:1px dashed var(--border-strong);border-radius:8px}.empty-title{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.empty-sub{font-size:12.5px;color:var(--muted);max-width:340px;margin:0 auto}.esc-panel{position:sticky;top:16px}.esc-list{display:flex;flex-direction:column;gap:8px;max-height:640px;overflow-y:auto;padding-right:4px}.esc-row{background:var(--bg-raise);border:1px solid rgba(242,105,92,.35);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.esc-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.esc-sender{font-size:12px;font-weight:600;color:var(--ink)}.esc-time{font-size:11px;color:var(--muted)}.esc-text{font-size:12.5px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.esc-reason{font-family:var(--mono);font-size:11px;color:var(--bad)}.esc-slack{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.esc-dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.esc-slack-sent{color:var(--good)}.esc-slack-sent .esc-dot{background:var(--good)}.compose{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.compose-head{display:flex;flex-direction:column;gap:3px}.compose-head h3{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.compose-sub{font-size:12px;color:var(--muted)}.compose-row{display:flex;gap:10px}.compose-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.compose-channel{flex:0 0 140px}.compose-field>span{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.compose-field select,.compose-field input,.compose-field textarea{background:var(--bg-raise);border:1px solid var(--border-strong);border-radius:7px;color:var(--ink);font-family:var(--sans);font-size:13px;padding:8px 10px;outline:none;transition:border-color .13s ease;resize:vertical}.compose-field select{font-family:var(--mono)}.compose-field select:focus,.compose-field input:focus,.compose-field textarea:focus{border-color:var(--good)}.compose-field input::placeholder,.compose-field textarea::placeholder{color:var(--muted)}.compose-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.compose-count{font-size:11.5px;color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--bg-raise);border:1px solid var(--bad);color:var(--ink);font-size:13px;padding:10px 18px;border-radius:8px;box-shadow:0 8px 30px #0000008c;z-index:50;animation:toast-in .18s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.feed-list::-webkit-scrollbar,.esc-list::-webkit-scrollbar{width:8px}.feed-list::-webkit-scrollbar-thumb,.esc-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.brand-link{background:none;border:none;padding:0;cursor:pointer;display:inline-flex}.brand-link:hover .wordmark-accent{color:#58e0a1}.landing{max-width:1080px;margin:0 auto;padding:22px 24px 56px;display:flex;flex-direction:column;gap:8px}.landing-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0 8px}.btn-lg{font-size:13.5px;padding:12px 24px}.hero{padding:72px 0 64px;display:flex;flex-direction:column;align-items:flex-start;gap:22px;border-bottom:1px solid var(--border)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.16em;color:var(--good);padding:6px 12px;border:1px solid var(--border-strong);border-radius:999px;background:var(--good-dim)}.hero-title{font-size:clamp(34px,5.6vw,60px);font-weight:700;line-height:1.05;letter-spacing:-.01em;color:var(--ink)}.hero-dim{color:var(--muted)}.hero-sub{font-size:clamp(15px,1.7vw,18px);line-height:1.55;color:var(--ink-2);max-width:640px}.hero-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}.hero-note{font-size:12px;color:var(--muted)}.how{padding:56px 0 8px;display:flex;flex-direction:column;gap:28px}.how-head{display:flex;flex-direction:column;gap:8px}.how-kicker{font-size:11.5px;letter-spacing:.16em;color:var(--good)}.how-title{font-size:clamp(22px,3vw,30px);font-weight:600;color:var(--ink)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px 20px;display:flex;flex-direction:column;gap:10px}.how-num{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--good)}.how-card-title{font-size:16px;font-weight:600;color:var(--ink)}.how-card-body{font-size:13.5px;line-height:1.55;color:var(--ink-2)}.landing-foot{margin-top:44px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);text-align:center}@media (max-width: 1000px){.charts-row,.main-grid{grid-template-columns:1fr}.esc-panel{position:static}.stat-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.how-grid{grid-template-columns:1fr}.hero{padding:48px 0 44px}}@media (max-width: 560px){.stat-row{grid-template-columns:1fr}.compose-row{flex-direction:column}.compose-channel{flex:1}.shell{padding:12px 12px 40px}}