.bmc-social-media{--htg-surface:var(--surface,#fff);--htg-muted:var(--surface-muted,#f8fafc);--htg-border:var(--border,#e2e8f0);--htg-text:var(--text-main,#0f172a);--htg-muted:var(--text-muted,#64748b);--htg-primary:var(--primary,#6366f1);--htg-primary-dark:var(--primary-dark,#4f46e5);--htg-chip-bg:var(--htg-primary);--htg-chip-text:#fff;}
.htg-section{margin-bottom:2rem;background:var(--htg-surface);border:1px solid var(--htg-border);border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,0.04);overflow:hidden;}
.htg-platform{display:flex;flex-wrap:nowrap;gap:0.5rem;padding:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--htg-border);scrollbar-width:none;}
.htg-platform::-webkit-scrollbar{display:none;}
.htg-platform-btn{scroll-snap-align:start;flex:0 0 auto;min-width:5rem;padding:0.625rem 1rem;font-size:0.875rem;font-weight:600;border-radius:12px;border:2px solid var(--htg-border);background:var(--htg-surface);color:var(--htg-muted);cursor:pointer;transition:border-color 0.2s,background 0.2s,color 0.2s;}
.htg-platform-btn:hover{border-color:var(--htg-primary);color:var(--htg-text);}
.htg-platform-btn.htg-active{border-color:var(--htg-primary);background:var(--htg-primary);color:#fff;}
.htg-topic-wrap{padding:1rem 1rem 0;}
.htg-label{display:block;font-size:0.8125rem;font-weight:600;color:var(--htg-muted);margin-bottom:0.35rem;}
.htg-input{width:100%;padding:0.875rem 1rem;font-size:1rem;border:2px solid var(--htg-border);border-radius:12px;background:var(--htg-surface);color:var(--htg-text);box-sizing:border-box;font-family:inherit;}
.htg-input:focus{outline:none;border-color:var(--htg-primary);box-shadow:0 0 0 3px rgba(99,102,241,0.12);}
.htg-input::placeholder{color:var(--htg-muted);opacity:0.8;}
.htg-details{margin:1rem 1rem 0;border:1px solid var(--htg-border);border-radius:12px;overflow:hidden;}
.htg-summary{padding:0.75rem 1rem;font-size:0.875rem;font-weight:600;color:var(--htg-text);cursor:pointer;list-style:none;user-select:none;}
.htg-summary::-webkit-details-marker{display:none;}
.htg-summary::after{content:'';display:inline-block;width:0.5rem;height:0.5rem;margin-left:0.5rem;border-right:2px solid var(--htg-muted);border-bottom:2px solid var(--htg-muted);transform:rotate(45deg);vertical-align:0.2rem;transition:transform 0.2s;}
.htg-details[open] .htg-summary::after{transform:rotate(-135deg);}
.htg-opts{padding:0 1rem 1rem;display:grid;gap:1rem;border-top:1px solid var(--htg-border);}
.htg-opt{display:flex;flex-direction:column;gap:0.35rem;}
.htg-select{width:100%;padding:0.625rem 0.875rem;font-size:0.9375rem;border:2px solid var(--htg-border);border-radius:10px;background:var(--htg-surface);color:var(--htg-text);cursor:pointer;font-family:inherit;}
.htg-select:focus{outline:none;border-color:var(--htg-primary);}
.htg-actions{padding:1.25rem 1rem;}
.htg-btn{display:inline-block;padding:0.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:background 0.2s,transform 0.1s;width:100%;text-align:center;font-family:inherit;}
.htg-btn-primary{background:var(--htg-primary);color:#fff;}
.htg-btn-primary:hover{background:var(--htg-primary-dark);}
.htg-btn-primary:active{transform:scale(0.99);}
.htg-btn-secondary{background:var(--htg-muted);color:var(--htg-text);border:2px solid var(--htg-border);}
.htg-btn-secondary:hover{background:var(--htg-border);}
.htg-result{padding:1rem;background:var(--htg-muted);border-top:1px solid var(--htg-border);}
.htg-empty{color:var(--htg-muted);font-size:0.9375rem;text-align:center;padding:2rem 1rem;margin:0;}
.htg-chips{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;min-height:2rem;}
.htg-chip{display:inline-block;padding:0.4rem 0.85rem;font-size:0.8125rem;font-weight:500;border-radius:999px;background:var(--htg-chip-bg);color:var(--htg-chip-text);cursor:pointer;transition:transform 0.15s,background 0.2s,border-color 0.2s;border:2px solid transparent;}
.htg-chip:hover{transform:scale(1.05);background:var(--htg-primary-dark);}
.htg-chip:active{transform:scale(0.98);}
.htg-result-actions{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem;}
.htg-result-actions .htg-btn{width:auto;min-width:7rem;}
.htg-prose{margin-bottom:2rem;}
.htg-prose-heading{font-size:1.125rem;font-weight:600;color:var(--htg-text);margin:0 0 0.5rem;}
.htg-prose p{font-size:1rem;color:var(--htg-muted);line-height:1.6;margin:0 0 0.75rem;}
.htg-prose p:last-child{margin-bottom:0;}
.htg-prose a{color:var(--htg-primary);}
@media (min-width:768px){.htg-platform{flex-wrap:wrap;overflow:visible;justify-content:flex-start;}.htg-platform-btn{min-width:auto;}.htg-opts{grid-template-columns:repeat(3,1fr);}.htg-btn{width:auto;min-width:12rem;}.htg-result-actions .htg-btn{min-width:8rem;}}