.db{margin:0;padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);font-size:.82rem}.db :where(p){margin:0}.db ul{list-style:none;margin:0;padding:0}.db-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.db-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;flex:none;background:var(--accent);color:var(--on-accent);font-weight:800}.db-who{flex:1 1;min-width:0}.db-email{color:var(--ink);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-since{color:var(--muted);font-size:.74rem}.db-plan{padding:3px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-weight:750;font-size:.76rem}.db-example{padding:2px 9px;border-radius:999px;border:1px solid var(--line-strong);font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.db-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.db-tiles>li{padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.db[data-seen] .db-tiles>li{animation:db-rise .5s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms)}@keyframes db-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.db-tiles .demo-label{margin-bottom:4px;font-size:.58rem}.db-wide{grid-column:1/-1}.db-big{color:var(--ink);font-size:1.4rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}.db-muted{color:var(--muted);font-size:1rem;line-height:1.6}.db-note{margin-top:2px!important;color:var(--muted);font-size:.72rem;line-height:1.35}.db-soon .db-note{color:var(--accent-text);font-weight:600}.db-status{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}.db-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 20%,transparent)}.db-invite{color:var(--text);line-height:1.45}.db-link{display:block;margin-top:6px;padding:6px 10px;border-radius:10px;background:var(--surface-2);border:1px dashed var(--line-strong);font-family:var(--mono);font-size:.7rem;color:var(--ink);overflow-wrap:anywhere}@media (max-width:400px){.db-tiles{grid-template-columns:1fr 1fr}.db-soon{grid-column:1/-1}}