.public-social-shell {
	--social-bg:#09090b;
	--social-bg-raised:#111118;
	--social-card:#15151d;
	--social-card-alt:#1b1b24;
	--social-border:rgba(255,255,255,.08);
	--social-border-strong:rgba(255,255,255,.14);
	--social-fg:#f2ede5;
	--social-muted:#9b98a3;
	--social-dim:#6d6a74;
	--social-gold:#d4a843;
	--social-green:#3ecf8e;
	--social-blue:#5ba8f5;
	--social-purple:#a78bfa;
	--social-teal:#2dd4bf;
	--social-pink:#f472b6;
	--social-orange:#f97316;
	--social-red:#ef5a5a;
	--social-radius:18px;
	max-width:1100px;
	margin:0 auto;
	padding:0 24px 44px;
	font-family:'DM Sans', sans-serif;
}
.public-social-shell h2,
.public-social-shell h3,
.public-social-shell h4,
.public-social-shell .social-panel-title,
.public-social-shell .social-stat-value,
.public-social-shell .social-score-ring-value,
.public-social-shell .social-growth-value,
.public-social-shell .social-section-title,
.public-social-shell .social-preview-overlay h3 {
	font-family:'Space Grotesk', sans-serif;
}
.public-social-shell .is-hidden { display:none !important; }
.public-social-shell .social-analytics-shell {
	background:linear-gradient(135deg, rgba(212,168,67,.08), rgba(62,207,142,.05) 45%, rgba(91,168,245,.05));
	border:1px solid var(--social-border);
	border-radius:28px;
	padding:28px;
	overflow:hidden;
	position:relative;
	box-shadow:0 28px 60px rgba(0,0,0,.24);
}
.public-social-shell .social-analytics-shell::before {
	content:'';
	position:absolute;
	inset:0;
	background:radial-gradient(circle at top right, rgba(212,168,67,.16), transparent 35%), radial-gradient(circle at left center, rgba(91,168,245,.12), transparent 30%);
	pointer-events:none;
}
.public-social-shell .social-analytics-shell > * {
	position:relative;
	z-index:1;
}
.public-social-shell .social-section-head {
	display:flex;
	justify-content:space-between;
	gap:18px;
	align-items:flex-start;
	margin-bottom:24px;
}
.public-social-shell .social-section-kicker {
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:8px 12px;
	border-radius:999px;
	background:rgba(255,255,255,.05);
	border:1px solid rgba(255,255,255,.08);
	font-size:11px;
	letter-spacing:.12em;
	text-transform:uppercase;
	font-weight:700;
	color:var(--social-gold);
	margin:0 0 14px;
}
.public-social-shell .social-section-title {
	font-size:32px;
	line-height:1.1;
	margin:0 0 10px;
	color:var(--social-fg);
	font-weight:700;
}
.public-social-shell .social-section-copy {
	margin:0;
	max-width:720px;
	font-size:15px;
	line-height:1.7;
	color:var(--social-muted);
}
.public-social-shell .social-plan-pill {
	padding:10px 14px;
	border-radius:999px;
	border:1px solid rgba(255,255,255,.08);
	background:rgba(255,255,255,.05);
	font-size:12px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	white-space:nowrap;
	color:#fde68a;
}
.public-social-shell .social-plan-pill.unlocked {
	color:var(--social-green);
	background:rgba(62,207,142,.12);
	border-color:rgba(62,207,142,.2);
}
.public-social-shell .social-platform-tabs {
	display:flex;
	gap:6px;
	flex-wrap:wrap;
	background:rgba(255,255,255,.04);
	border:1px solid var(--social-border);
	border-radius:999px;
	padding:6px;
	margin-bottom:24px;
	width:fit-content;
}
.public-social-shell .social-platform-tab {
	border:none;
	background:transparent;
	color:var(--social-muted);
	font-size:13px;
	font-weight:600;
	padding:10px 18px;
	border-radius:999px;
	display:inline-flex;
	align-items:center;
	gap:8px;
	cursor:pointer;
	transition:.25s ease;
	font-family:inherit;
}
.public-social-shell .social-platform-tab.active {
	color:var(--social-fg);
	background:rgba(255,255,255,.08);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), 0 8px 20px rgba(0,0,0,.22);
}
.public-social-shell .social-panel-head {
	display:flex;
	justify-content:space-between;
	gap:18px;
	align-items:flex-start;
	margin-bottom:22px;
}
.public-social-shell .social-panel-title-row {
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:6px;
}
.public-social-shell .social-panel-title {
	font-size:24px;
	font-weight:700;
	color:var(--social-fg);
	display:inline-flex;
	gap:10px;
	align-items:center;
	margin:0;
}
.public-social-shell .social-panel-handle {
	color:var(--social-muted);
	font-size:14px;
	margin:0 0 10px;
}
.public-social-shell .social-panel-meta {
	display:flex;
	gap:18px;
	flex-wrap:wrap;
	font-size:12px;
	color:var(--social-dim);
}
.public-social-shell .social-panel-meta span {
	display:inline-flex;
	align-items:center;
	gap:6px;
}
.public-social-shell .social-panel-summary {
	min-width:160px;
	background:rgba(255,255,255,.04);
	border:1px solid var(--social-border);
	border-radius:18px;
	padding:18px;
	text-align:right;
}
.public-social-shell .social-panel-summary-value {
	font-size:30px;
	font-weight:700;
	color:var(--social-fg);
	line-height:1;
}
.public-social-shell .social-panel-summary-label,
.public-social-shell .social-panel-summary-subtitle {
	font-size:12px;
	color:var(--social-muted);
	margin-top:6px;
}
.public-social-shell .social-accent-gold { background:linear-gradient(135deg, rgba(212,168,67,.18), rgba(212,168,67,.05)); }
.public-social-shell .social-accent-rose { background:linear-gradient(135deg, rgba(244,114,182,.18), rgba(244,114,182,.05)); }
.public-social-shell .social-accent-teal { background:linear-gradient(135deg, rgba(45,212,191,.18), rgba(45,212,191,.05)); }
.public-social-shell .social-accent-red { background:linear-gradient(135deg, rgba(239,90,90,.18), rgba(239,90,90,.05)); }
.public-social-shell .social-accent-sky { background:linear-gradient(135deg, rgba(91,168,245,.18), rgba(91,168,245,.05)); }
.public-social-shell .social-chip {
	font-size:11px;
	font-weight:700;
	padding:5px 11px;
	border-radius:999px;
	border:1px solid rgba(255,255,255,.08);
}
.public-social-shell .social-chip-gold { background:rgba(212,168,67,.12); color:var(--social-gold); }
.public-social-shell .social-chip-green { background:rgba(62,207,142,.12); color:var(--social-green); }
.public-social-shell .social-chip-blue { background:rgba(91,168,245,.12); color:var(--social-blue); }
.public-social-shell .social-chip-muted { background:rgba(255,255,255,.06); color:#d1d5db; }
.public-social-shell .social-stats-strip {
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	gap:1px;
	background:rgba(255,255,255,.05);
	border:1px solid var(--social-border);
	border-radius:var(--social-radius);
	overflow:hidden;
	margin-bottom:24px;
}
.public-social-shell .social-stat-cell {
	background:var(--social-card);
	padding:20px 16px;
	text-align:center;
}
.public-social-shell .social-stat-value { font-size:24px; font-weight:700; color:var(--social-fg); }
.public-social-shell .social-stat-score { color:var(--social-green); }
.public-social-shell .social-stat-label {
	margin-top:4px;
	font-size:11px;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--social-dim);
}
.public-social-shell .social-stat-change { margin-top:6px; font-size:11px; font-weight:600; }
.public-social-shell .social-stat-change.up { color:var(--social-green); }
.public-social-shell .social-stat-change.down { color:#fca5a5; }
.public-social-shell .social-main-grid {
	display:grid;
	grid-template-columns:minmax(0, 1.35fr) minmax(320px, .9fr);
	gap:22px;
}
.public-social-shell .social-column-stack {
	display:flex;
	flex-direction:column;
	gap:22px;
}
.public-social-shell .social-card-shell {
	background:var(--social-card);
	border:1px solid var(--social-border);
	border-radius:var(--social-radius);
	overflow:hidden;
}
.public-social-shell .social-card-head {
	padding:20px 22px 0;
	display:flex;
	justify-content:space-between;
	gap:12px;
	align-items:center;
}
.public-social-shell .social-card-title {
	display:inline-flex;
	align-items:center;
	gap:10px;
	color:var(--social-fg);
	font-size:16px;
	font-weight:600;
}
.public-social-shell .social-card-note { color:var(--social-dim); font-size:12px; }
.public-social-shell .social-card-body { padding:20px 22px 22px; }
.public-social-shell .social-chart-wrap { position:relative; height:240px; }
.public-social-shell .social-chart-legend {
	display:flex;
	gap:20px;
	flex-wrap:wrap;
	margin-top:14px;
	color:var(--social-muted);
	font-size:12px;
}
.public-social-shell .social-chart-legend span { display:inline-flex; align-items:center; gap:7px; }
.public-social-shell .social-legend-swatch { width:14px; height:3px; border-radius:999px; display:inline-block; }
.public-social-shell .social-legend-gold { background:var(--social-gold); }
.public-social-shell .social-legend-green { background:var(--social-green); }
.public-social-shell .social-legend-blue { background:var(--social-blue); }
.public-social-shell .social-demo-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.public-social-shell .social-section-mini-title {
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:.08em;
	font-weight:700;
	color:var(--social-dim);
	margin-bottom:14px;
}
.public-social-shell .social-section-mini-spaced { margin-top:18px; }
.public-social-shell .social-demo-bar { margin-bottom:11px; }
.public-social-shell .social-demo-bar-header { display:flex; justify-content:space-between; gap:12px; margin-bottom:5px; }
.public-social-shell .social-demo-bar-label { color:var(--social-muted); font-size:12px; }
.public-social-shell .social-demo-bar-pct { color:var(--social-fg); font-size:12px; font-weight:700; }
.public-social-shell .social-demo-bar-track { height:7px; border-radius:999px; background:rgba(255,255,255,.05); overflow:hidden; }
.public-social-shell .social-demo-bar-fill { height:100%; border-radius:999px; }
.public-social-shell .social-demo-bar-fill.gold { background:linear-gradient(90deg, #b88925, var(--social-gold)); }
.public-social-shell .social-demo-bar-fill.blue { background:linear-gradient(90deg, #3a7fd5, var(--social-blue)); }
.public-social-shell .social-demo-bar-fill.purple { background:linear-gradient(90deg, #7c3aed, var(--social-purple)); }
.public-social-shell .social-donut-wrap { display:flex; align-items:center; gap:18px; }
.public-social-shell .social-donut { position:relative; width:120px; height:120px; flex-shrink:0; }
.public-social-shell .social-donut-center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.public-social-shell .social-donut-center-value { color:var(--social-fg); font-size:18px; font-weight:700; }
.public-social-shell .social-donut-center-label { color:var(--social-dim); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.public-social-shell .social-donut-legend { display:flex; flex-direction:column; gap:8px; color:var(--social-muted); font-size:12px; }
.public-social-shell .social-legend-item { display:flex; align-items:center; gap:8px; }
.public-social-shell .social-legend-dot { width:10px; height:10px; border-radius:4px; display:inline-block; }
.public-social-shell .social-legend-dot-sky { background:#5ba8f5; }
.public-social-shell .social-legend-dot-pink { background:#f472b6; }
.public-social-shell .social-legend-dot-gold { background:#d4a843; }
.public-social-shell .social-legend-dot-teal { background:#2dd4bf; }
.public-social-shell .social-tag-row { display:flex; flex-wrap:wrap; gap:8px; }
.public-social-shell .social-tag {
	display:inline-flex;
	align-items:center;
	border-radius:999px;
	padding:5px 10px;
	font-size:11px;
	font-weight:700;
	border:1px solid rgba(255,255,255,.06);
}
.public-social-shell .social-tag-green { background:rgba(62,207,142,.12); color:var(--social-green); }
.public-social-shell .social-tag-blue { background:rgba(91,168,245,.12); color:var(--social-blue); }
.public-social-shell .social-content-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
.public-social-shell .social-content-card {
	border-radius:14px;
	overflow:hidden;
	border:1px solid var(--social-border);
	background:var(--social-card-alt);
	transition:.25s ease;
	text-decoration:none;
}
.public-social-shell .social-content-card:hover { transform:translateY(-2px); border-color:var(--social-border-strong); }
.public-social-shell .social-content-thumb {
	aspect-ratio:1 / 1;
	padding:14px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.public-social-shell .social-content-type {
	align-self:flex-start;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.08em;
	padding:5px 8px;
	border-radius:999px;
	background:rgba(0,0,0,.35);
	color:white;
}
.public-social-shell .social-content-thumb-title { color:var(--social-fg); font-size:14px; font-weight:700; line-height:1.3; }
.public-social-shell .social-content-stats {
	padding:11px 12px;
	display:flex;
	justify-content:space-between;
	gap:8px;
	color:var(--social-muted);
	font-size:11px;
}
.public-social-shell .social-content-stats span { display:inline-flex; align-items:center; gap:5px; }
.public-social-shell .social-content-er { color:var(--social-green); font-weight:700; }
.public-social-shell .social-quality-hero { display:flex; align-items:center; gap:18px; margin-bottom:18px; }
.public-social-shell .social-score-ring { position:relative; width:64px; height:64px; flex-shrink:0; }
.public-social-shell .social-score-ring-value {
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--social-green);
	font-size:17px;
	font-weight:700;
}
.public-social-shell .social-quality-label { color:var(--social-green); font-size:22px; font-weight:700; }
.public-social-shell .social-quality-subtitle { color:var(--social-muted); font-size:12px; }
.public-social-shell .social-quality-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.public-social-shell .social-quality-item {
	background:rgba(255,255,255,.03);
	border:1px solid rgba(255,255,255,.05);
	border-radius:14px;
	padding:16px;
	text-align:center;
}
.public-social-shell .social-quality-item-value { color:var(--social-fg); font-size:24px; font-weight:700; }
.public-social-shell .social-quality-item-label { color:var(--social-muted); font-size:11px; margin-top:3px; }
.public-social-shell .social-quality-item-track { height:4px; background:rgba(255,255,255,.05); border-radius:999px; overflow:hidden; margin-top:10px; }
.public-social-shell .social-quality-item-fill { height:100%; border-radius:999px; }
.public-social-shell .social-quality-item-fill.green { background:linear-gradient(90deg, #16a34a, var(--social-green)); }
.public-social-shell .social-quality-item-fill.gold { background:linear-gradient(90deg, #b88925, var(--social-gold)); }
.public-social-shell .social-growth-summary { display:flex; justify-content:space-between; gap:12px; align-items:baseline; }
.public-social-shell .social-growth-value { color:var(--social-fg); font-size:28px; font-weight:700; }
.public-social-shell .social-growth-rate { font-size:12px; font-weight:700; }
.public-social-shell .social-growth-rate.up { color:var(--social-green); }
.public-social-shell .social-growth-rate.down { color:#fca5a5; }
.public-social-shell .social-growth-caption { color:var(--social-dim); font-size:11px; margin-bottom:12px; }
.public-social-shell .social-growth-wrap { position:relative; height:110px; }
.public-social-shell .social-content-note { color:var(--social-muted); font-size:12px; margin-top:12px; }
.public-social-shell .social-signal-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.public-social-shell .social-signal-label { color:var(--social-dim); font-size:11px; text-transform:uppercase; letter-spacing:.08em; margin:0 0 4px; }
.public-social-shell .social-signal-value { color:var(--social-fg); font-size:13px; word-break:break-word; margin:0; }
.public-social-shell .social-signal-value a { color:var(--social-blue); text-decoration:none; }
.public-social-shell .social-signal-value a:hover { color:#93c5fd; }
.public-social-shell .social-good-box,
.public-social-shell .social-empty-state,
.public-social-shell .social-empty-copy {
	color:var(--social-muted);
	font-size:13px;
	padding:18px;
	border-radius:14px;
	border:1px dashed rgba(255,255,255,.08);
	background:rgba(255,255,255,.02);
}
.public-social-shell .social-good-box {
	border-style:solid;
	background:rgba(62,207,142,.08);
	border-color:rgba(62,207,142,.18);
	color:#d1fae5;
}
.public-social-shell .social-empty-state-tight { padding:12px 14px; }
.public-social-shell .social-preview-frame {
	position:relative;
	border-radius:24px;
	border:1px solid var(--social-border);
	overflow:hidden;
	background:rgba(9,9,11,.72);
}
.public-social-shell .social-preview-blur {
	padding:24px;
	filter:blur(2.4px);
	opacity:.65;
	user-select:none;
	pointer-events:none;
}
.public-social-shell .social-preview-overlay {
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:28px;
	text-align:center;
	background:linear-gradient(180deg, rgba(9,9,11,.16), rgba(9,9,11,.88) 55%, rgba(9,9,11,.94));
}
.public-social-shell .social-preview-lock {
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:8px 12px;
	border-radius:999px;
	background:rgba(212,168,67,.14);
	border:1px solid rgba(212,168,67,.24);
	color:#fde68a;
	font-size:11px;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
	margin-bottom:14px;
}
.public-social-shell .social-preview-overlay h3 {
	margin:0 0 12px;
	font-size:30px;
	line-height:1.1;
	color:var(--social-fg);
}
.public-social-shell .social-preview-overlay p {
	max-width:620px;
	margin:0 0 20px;
	color:var(--social-muted);
	font-size:15px;
	line-height:1.7;
}
.public-social-shell .social-preview-actions {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:12px;
}
.public-social-shell .social-preview-btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:12px 18px;
	border-radius:999px;
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	border:1px solid rgba(255,255,255,.08);
	transition:.25s ease;
}
.public-social-shell .social-preview-btn.primary {
	background:linear-gradient(135deg, #d4a843, #facc15);
	color:#111827;
}
.public-social-shell .social-preview-btn.secondary {
	background:rgba(255,255,255,.05);
	color:var(--social-fg);
}
.public-social-shell .social-preview-btn:hover { transform:translateY(-1px); }
.public-social-shell .social-preview-note {
	margin-top:16px;
	font-size:12px;
	color:var(--social-dim);
}
@media (max-width: 1280px) {
	.public-social-shell .social-main-grid { grid-template-columns:1fr; }
	.public-social-shell .social-stats-strip { grid-template-columns:repeat(3, 1fr); }
}
@media (max-width: 900px) {
	.public-social-shell .social-section-head,
	.public-social-shell .social-panel-head { flex-direction:column; }
	.public-social-shell .social-panel-summary { width:100%; text-align:left; }
	.public-social-shell .social-demo-grid,
	.public-social-shell .social-signal-grid,
	.public-social-shell .social-quality-grid { grid-template-columns:1fr; }
	.public-social-shell .social-content-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.public-social-shell { padding:0 16px 36px; }
	.public-social-shell .social-analytics-shell { padding:18px; }
	.public-social-shell .social-section-title { font-size:26px; }
	.public-social-shell .social-platform-tabs { width:100%; }
	.public-social-shell .social-platform-tab { flex:1 1 auto; justify-content:center; }
	.public-social-shell .social-stats-strip { grid-template-columns:repeat(2, 1fr); }
	.public-social-shell .social-content-grid { grid-template-columns:1fr; }
	.public-social-shell .social-preview-overlay h3 { font-size:24px; }
	.public-social-shell .social-donut-wrap { flex-direction:column; align-items:flex-start; }
}