#shree-ai{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
#shree-ai[data-theme="dark"]{--bg:#0c0f14;--card:#151a22;--text:#e9eef6;--muted:#8ea0b4;--primary:var(--s-primary, #0b5fff);background:var(--bg);color:var(--text)}
#shree-ai{--bg:#ffffff;--card:#f8fafc;--text:#0f172a;--muted:#475569;--primary:var(--s-primary, #0b5fff)}
#shree-ai .shree-visual{position:relative;background:var(--card);border-radius:16px;overflow:hidden}
#shree-ai .shree-avatar{width:100%;height:auto;display:block;object-fit:cover}
#shree-ai .shree-gesture{width:100%;height:auto;display:block;object-fit:cover}
#shree-ai .shree-badge{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.6);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px}
#shree-ai .shree-mouth{position:absolute;bottom:18%;left:50%;transform:translateX(-50%);width:48px;height:6px;background:#d33;border-radius:0 0 24px 24px;opacity:.0;transition:.12s ease}
#shree-ai .shree-mouth.talk{opacity:.85;height:18px;animation:talk 0.15s infinite alternate}
@keyframes talk{from{height:8px}to{height:20px}}
#shree-ai .shree-content{background:var(--card);border-radius:16px;padding:16px}
#shree-ai .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#shree-ai .shree-greeting{font-weight:700;margin-bottom:8px}
#shree-ai .shree-intent{margin:8px 0}
#shree-ai .shree-cats{margin:8px 0}
#shree-ai select{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}
#shree-ai .controls{display:flex;gap:8px;margin-top:6px}
#shree-ai .shree-read, #shree-ai .shree-stop{background:var(--primary);color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer}
#shree-ai .shree-stop{background:#ef4444}
#shree-ai .shree-results{margin-top:12px}
#shree-ai .item{padding:10px;border-bottom:1px dashed #d1d5db}
#shree-ai .item .meta{font-size:12px;color:var(--muted)}
#shree-ai .subhead{font-weight:600;margin:6px 0}
#shree-ai .divider{border-top:2px solid #e2e8f0;margin:8px 0}
#shree-ai a{color:var(--primary);text-decoration:none}
@media(max-width:900px){#shree-ai{grid-template-columns:1fr} .row{grid-template-columns:1fr}}