.bgb-reactions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:12px}.bgb-reactions button{border:1px solid var(--bgb-line);background:var(--bgb-card);color:var(--bgb-text);border-radius:999px;padding:6px 10px;cursor:pointer}.bgb-reactions button.active{background:color-mix(in srgb,var(--bgb-brand) 16%,var(--bgb-card));border-color:var(--bgb-brand)}
.bgb-card time{color:var(--bgb-muted);font-size:12px;margin-inline-start:auto}.bgb-card dl{display:grid;grid-template-columns:minmax(100px,180px) 1fr;gap:8px 16px}.bgb-card dt{color:var(--bgb-muted)}.bgb-card dd{margin:0}.bgb-form label{display:grid;gap:5px}.bgb-form details{border:1px dashed var(--bgb-line);border-radius:12px;padding:10px}.bgb-form summary{cursor:pointer;font-weight:700}.bgb-toast.error{background:var(--bgb-danger);color:#fff}.bgb-stories{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto;gap:14px;scroll-snap-type:x mandatory}.bgb-stories .bgb-card{scroll-snap-align:start}.bgb-comment .bgb-reactions{border-top:1px solid var(--bgb-line);padding-top:8px}.bgb-card pre{overflow:auto;background:var(--bgb-bg);padding:12px;border-radius:10px;direction:ltr;text-align:left}.bgb-card code{direction:ltr}.bgb-card table{width:100%;border-collapse:collapse}.bgb-card td,.bgb-card th{padding:8px;border-bottom:1px solid var(--bgb-line)}
@media(max-width:720px){.bgb-card dl{grid-template-columns:1fr}.bgb-stories{grid-auto-columns:85%}.bgb-reactions button{padding:6px 8px}.bgb-sidebar{overflow-x:auto;justify-content:flex-start}.bgb-sidebar a{white-space:nowrap}}
.bgb-chip{display:inline-block;padding:5px 10px;margin:3px;border:1px solid var(--bgb-line);border-radius:999px;background:var(--bgb-card);font-size:13px}
.bgb-media{display:block;max-width:100%;height:auto;max-height:620px;margin:12px auto;border-radius:12px;object-fit:contain}.bgb-card audio{width:100%;margin-block:10px}