:root {
    --gbr-accent: #e53935;
    --gbr-star: #f5a623;
    --gbr-border: #e8e8e8;
}
.gbr-wrapper { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

/* Stats bar */
.gbr-stats { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; padding:32px 0 40px; background:#fff; }
.gbr-stat-block { display:flex; flex-direction:column; align-items:center; padding:0 48px; gap:4px; }
.gbr-stat-top { display:flex; align-items:center; gap:4px; }
.gbr-g { font-size:36px; font-weight:800; color:#4285F4; line-height:1; }
.gbr-big-num { font-size:40px; font-weight:800; color:#1a1a1a; line-height:1; }
.gbr-accent-num { font-size:52px; font-weight:900; color:var(--gbr-accent); line-height:1; }
.gbr-stat-label { font-size:14px; color:#888; margin:4px 0 0; text-align:center; }
.gbr-stat-divider { width:1px; height:80px; background:var(--gbr-border); flex-shrink:0; }

/* Stars */
.gbr-stars { display:flex; gap:2px; }
.gbr-star { width:20px; height:20px; fill:#ddd; }
.gbr-star--filled { fill:var(--gbr-star); }
.gbr-stars--lg .gbr-star { width:28px; height:28px; }

/* Grid */
.gbr-grid { display:grid; gap:20px; padding:8px 0 32px; }
.gbr-grid--cols-3 { grid-template-columns:repeat(3,1fr); }
.gbr-grid--cols-2 { grid-template-columns:repeat(2,1fr); }

/* Card */
.gbr-card { background:#fff; border:1px solid var(--gbr-border); border-radius:12px; padding:24px; display:flex; flex-direction:column; gap:12px; transition:box-shadow .2s,transform .2s; }
.gbr-card:hover { box-shadow:0 6px 24px rgba(0,0,0,.12); transform:translateY(-2px); }
.gbr-card__header { display:flex; align-items:center; gap:14px; }
.gbr-card__avatar { width:52px; height:52px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.gbr-card__avatar--placeholder { display:flex; align-items:center; justify-content:center; background:#e0e0e0; color:#555; font-size:22px; font-weight:700; }
.gbr-card__name { font-weight:700; font-size:16px; margin:0 0 4px; }
.gbr-card__text { font-size:14px; line-height:1.6; color:#333; margin:0; flex:1; }
.gbr-card__source { display:flex; align-items:center; gap:6px; font-size:13px; color:#888; margin:0; }
.gbr-g-icon { width:16px; height:16px; flex-shrink:0; }
.gbr-card__time { color:#aaa; }
.gbr-error { color:#c62828; background:#ffebee; border:1px solid #ef9a9a; border-radius:4px; padding:12px 16px; }

@media (max-width:900px) { .gbr-grid--cols-3 { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px) {
    .gbr-grid--cols-3, .gbr-grid--cols-2 { grid-template-columns:1fr; }
    .gbr-stat-block { padding:12px 24px; }
    .gbr-stat-divider { width:80px; height:1px; }
    .gbr-stats { flex-direction:column; }
}