#shree-ai-basic,#shree-ai-advanced{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;margin:16px 0}
.shree-container[data-theme="dark"]{--bg:#0c0f14;--card:#151a22;--text:#e9eef6;--muted:#8ea0b4;--primary:var(--s-primary, #0b5fff);background:var(--bg);color:var(--text)}
.shree-container{--bg:#ffffff;--card:#f8fafc;--text:#0f172a;--muted:#475569;--primary:var(--s-primary, #0b5fff)}
.shree-visual{position:relative;background:var(--card);border-radius:16px;overflow:hidden}
.shree-avatar{width:100%;height:auto;display:block;object-fit:cover}
.shree-gesture{width:100%;height:auto;display:block;object-fit:cover}
.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-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-mouth.talk{opacity:.85;height:18px;animation:talk 0.15s infinite alternate}
@keyframes talk{from{height:8px}to{height:20px}}
.shree-content{background:var(--card);border-radius:16px;padding:16px}
.shree-greeting{font-weight:700;margin-bottom:8px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.shree-intent,.shree-cats{margin:8px 0}
.shree-cats .hint{font-size:12px;color:var(--muted);margin-top:4px}
.shree-container select{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}
.controls{display:flex;gap:8px;margin-top:6px}
.shree-read,.shree-stop{background:var(--primary);color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer}
.shree-stop{background:#ef4444}
.shree-results{margin-top:12px;max-height:260px;overflow:auto}
.item{padding:10px;border-bottom:1px dashed #d1d5db}
.item .meta{font-size:12px;color:var(--muted)}
.subhead{font-weight:600;margin:6px 0}
.divider{border-top:2px solid #e2e8f0;margin:8px 0}
a{color:var(--primary);text-decoration:none}
/* Analysis & updates */
.shree-analysis{margin-top:10px;padding-top:6px;border-top:1px solid #e2e8f0}
.analysis-point{padding:6px 0;border-bottom:1px dashed #e5e7eb;font-size:14px}
.analysis-point .tone,.analysis-point .audience{display:inline-block;margin-left:6px;font-size:11px;text-transform:uppercase;background:#e0f2fe;padding:2px 6px;border-radius:999px}
.analysis-point .impact{margin-top:4px;font-size:13px;color:#0f172a}
.analysis-point .why{margin-top:2px;font-size:13px;color:#334155}
.shree-updates{margin:8px 0;padding:8px;background:rgba(148,163,184,0.1);border-radius:10px}
/* Chat */
.shree-chat{margin-top:16px;border-top:1px solid #e2e8f0;padding-top:8px}
.chat-header{font-weight:600;margin-bottom:6px}
.chat-window{max-height:220px;overflow:auto;border-radius:10px;border:1px solid #cbd5e1;padding:8px;background:#fff}
.bubble{padding:6px 10px;border-radius:12px;margin-bottom:6px;max-width:85%;font-size:14px;line-height:1.4}
.bubble.user{margin-left:auto;background:#dbeafe}
.bubble.shree{margin-right:auto;background:#e5e7eb}
.chat-input-row{display:flex;gap:6px;margin-top:6px}
.chat-input-row .chat-input{flex:1;border-radius:999px;border:1px solid #cbd5e1;padding:6px 10px}
.chat-input-row .chat-send,.chat-input-row .chat-mic{border-radius:999px;border:none;background:var(--primary);color:#fff;padding:6px 10px;cursor:pointer;font-size:14px}
.chat-input-row .chat-mic.listening{opacity:0.7;box-shadow:0 0 0 2px rgba(59,130,246,0.4)}
/* Floating widget */
.shree-floating-launcher{position:fixed;right:20px;bottom:20px;z-index:99998;cursor:pointer}
.shree-floating-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 8px 20px rgba(15,23,42,0.35);border:3px solid #0b5fff;background:#0b5fff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.shree-floating-panel{position:fixed;right:20px;bottom:100px;max-width:420px;width:95%;max-height:80vh;z-index:99999;display:none}
.shree-floating-panel.open{display:block}
.shree-floating-header{background:#0f172a;color:#fff;padding:8px 10px;border-radius:14px 14px 0 0;display:flex;justify-content:space-between;align-items:center;font-size:13px}
.shree-floating-header .shree-floating-close{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}
.shree-floating-body{background:#0b1120;padding:0;border-radius:0 0 14px 14px}
.shree-floating-body .shree-container{margin:0;border-radius:0;background:transparent}
@media(max-width:900px){#shree-ai-basic,#shree-ai-advanced{grid-template-columns:1fr}.row{grid-template-columns:1fr}.shree-floating-panel{right:8px;left:8px}}