:root{--fy-bg:#0b1220;--fy-surface:#0f172a;--fy-card:#111827;--fy-text:#e5e7eb;--fy-muted:#94a3b8;--fy-accent:#ff7a18;--fy-border:rgba(148,163,184,0.2)}
html,body{height:100%}
body{margin:0;background:linear-gradient(180deg, #0b1220 0%, #0a0f1c 70%);color:var(--fy-text);font-family:Inter,system-ui,Segoe UI,sans-serif}
.bn-fy{min-height:100vh;display:flex;flex-direction:column}
.bn-fy__header{position:sticky;top:0;padding:12px env(safe-area-inset-right,16px) 12px env(safe-area-inset-left,16px);background:rgba(17,24,39,.7);backdrop-filter:blur(10px);border-bottom:1px solid var(--fy-border);z-index:10}
.bn-fy__title{font-weight:800;letter-spacing:.2px}
.bn-fy__tabs{display:flex;gap:8px;margin-top:6px}
.bn-fy__tab{appearance:none;background:transparent;color:var(--fy-muted);border:1px solid var(--fy-border);padding:8px 12px;border-radius:9999px;font-weight:600}
.bn-fy__tab--active{color:#fff;background:var(--fy-accent);border-color:var(--fy-accent)}
.bn-fy__feed{padding:12px 12px 80px 12px;max-width:780px;width:100%;margin:0 auto}

/* Timeline item */
.bn-fy-item{margin:12px 0}
.bn-fy-item__meta{display:flex;align-items:center;gap:10px;color:var(--fy-muted);font-size:.9rem;margin:6px 6px 10px 6px}
.bn-fy-item__source{display:flex;align-items:center;gap:8px}
.bn-fy-item__source img{width:28px;height:28px;border-radius:6px;object-fit:cover;border:1px solid var(--fy-border)}
.bn-fy-item__badge{padding:2px 8px;border:1px solid var(--fy-border);border-radius:9999px;font-size:.75rem;color:#cbd5e1}
.bn-fy-item__link{color:#fff;text-decoration:none}
.bn-fy-item__link:hover{text-decoration:underline}

/* Card wrapper from engine inside */
.bn-fy-card{background:rgba(255,255,255,0.02);border:1px solid var(--fy-border);border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.25);overflow:hidden}
.bn-fy-card .bn-ce-card{margin:0}
.bn-fy-item__replies{margin-top:4px;padding-left:8px;border-left:2px dashed var(--fy-border)}

/* Empty state */
.bn-fy-empty{margin:40px auto;max-width:640px;text-align:center;color:var(--fy-muted)}
.bn-fy-empty strong{color:#fff}
