.audience-meter{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:18px auto 8px;padding:10px 16px;border:1px solid #8c734a;border-radius:9px;background:linear-gradient(110deg,#302c20,#191d18);box-shadow:inset 0 0 0 3px #b2945220,0 3px 9px #0003;color:#ebd8b1;font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.6}
.audience-lamp{width:7px;height:7px;border-radius:50%;background:#776f58;flex:none}
.audience-meter[data-state=ready] .audience-lamp{background:#e9bd74;box-shadow:0 0 9px #edbe7266}
.audience-caption{display:flex;flex-direction:column;font-size:12px;white-space:nowrap}.audience-caption small{font-size:9px;color:#b6ac94}
.audience-digits{min-width:58px;padding:0 9px;margin-inline-start:8px;border:1px solid #8b7147;border-radius:4px;background:linear-gradient(#e9d097,#c7a66b);box-shadow:inset 0 2px 6px #4a321a40;color:#49391e;text-align:center;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.45;direction:ltr}
.audience-unit{font-size:10px;color:#c7b99c}.audience-meter[data-state=unavailable] .audience-digits{background:#39382c;color:#bdb298}
@media(max-width:400px){.audience-meter{gap:8px;padding:9px 10px}.audience-caption{font-size:11px}.audience-digits{font-size:24px;min-width:44px;margin-inline-start:0}.audience-unit{font-size:9px}}