@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:#f7f7fb;color:#17172a;min-height:100vh}
header{background:linear-gradient(135deg,#151527 0%,#2d1b69 55%,#151527 100%);padding:1.35rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
h1{font-size:24px;font-weight:800;letter-spacing:-.04em;color:#fff}#status{font-size:12px;color:rgba(255,255,255,.45);margin-top:5px}
button{font-family:inherit}.refresh{border:0;border-radius:999px;padding:10px 18px;background:linear-gradient(135deg,#7c3aed,#ec4899,#f97316);color:#fff;font-weight:800;font-size:12px;cursor:pointer}
.wrap{max-width:1280px;margin:0 auto;padding:1rem 2rem 2rem}
.controls{background:#fff;border:1.5px solid #ececf8;border-radius:18px;padding:1rem;margin-bottom:1rem;box-shadow:0 3px 20px rgba(26,26,46,.03)}
.label{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#aaaabe;margin:0 0 8px 2px;display:block}
.row{display:flex;gap:7px;flex-wrap:wrap}.row+.label{margin-top:13px}
.btn,.srcbtn,.subbtn{border:1.5px solid #e3e3f2;background:#fff;color:#66667f;border-radius:999px;cursor:pointer;font-weight:800;transition:.15s}
.btn{padding:8px 13px;font-size:12px}.srcbtn{padding:7px 11px;font-size:11px}.subbtn{padding:6px 10px;font-size:11px;border-width:1px;background:#fbfbff}
.btn:hover,.srcbtn:hover,.subbtn:hover{border-color:#c7b9f4;color:#6d28d9}
.btn.active,.srcbtn.active{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff}
.subbtn.active{background:#f2edff;border-color:#d8ccff;color:#5b21b6}
#feed{display:grid;gap:11px}
.card{background:#fff;border:1.5px solid #ececf8;border-radius:17px;padding:1.08rem 1.2rem;transition:.15s}
.card:hover{border-color:#c7b9f4;box-shadow:0 4px 24px rgba(124,58,237,.08)}.card.weak{opacity:.72;border-style:dashed}
.top{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.pill{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:900;white-space:nowrap}
.voice{background:#fdf2ff;color:#9d174d}.agent{background:#f0edff;color:#6d28d9}.governance{background:#fff0f0;color:#be123c}
.visibility{background:#fefce8;color:#854d0e}.automation{background:#fff7ed;color:#c2410c}.cx{background:#eff6ff;color:#1d4ed8}
.convdesign{background:#fdf4ff;color:#7e22ce}.weakpill{background:#f5f5f5;color:#999}
.source{margin-left:auto;color:#aaaabe;font-size:11px;white-space:nowrap}
.title{font-size:14px;font-weight:720;line-height:1.55;margin-bottom:10px}.title a{color:#17172a;text-decoration:none}.title a:hover{color:#6d28d9}
.grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:10px}
.block{border-left:2px solid #eee7ff;padding-left:10px;min-width:0}
.block-title{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b09bdd;display:block;margin-bottom:5px}
.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{border-radius:999px;background:#f6f3ff;color:#5b21b6;padding:3px 8px;font-size:11px;font-weight:750}
.small{font-size:12px;line-height:1.5;color:#68687f}
.q{list-style:none;display:grid;gap:4px}.q li{font-size:12px;line-height:1.48;color:#4f238f}.q li::before{content:'→ ';font-weight:900;color:#ec4899}
.bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.open{font-size:12px;font-weight:800;color:#6d28d9;text-decoration:none}.open:hover{text-decoration:underline}
.copy,.analyze{border:0;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-size:12px;font-weight:800;padding:6px 14px;cursor:pointer}
.analyze{background:#17172a}
.analysis{margin-top:12px;background:#fbfbff;border:1px solid #ececf8;border-radius:14px;padding:12px;display:none}
.analysis.show{display:block}.analysis h3{font-size:12px;color:#17172a;margin-bottom:6px}
.analysis p,.analysis li{font-size:12px;line-height:1.55;color:#55556f}.analysis ul{padding-left:18px;margin:5px 0}
textarea{width:100%;min-height:140px;border:1px solid #e3e3f2;border-radius:12px;padding:10px;font-family:inherit;font-size:12px;color:#17172a;background:#fff;margin-top:8px}
.loading,.empty{padding:4rem 1rem;text-align:center;color:#b8b8cc;font-size:13px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ec4899);margin:0 3px;animation:blink 1.2s infinite}
.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@media(max-width:900px){.grid{grid-template-columns:1fr}.source{margin-left:0;width:100%}}
@media(max-width:640px){header,.wrap{padding-left:1rem;padding-right:1rem}}