/* The Feed (2026-10-28): posts in cards, newest first; his composer on top; "Send a link" for signed-in people. */
#feed [hidden]{display:none !important}
#feed{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}
.fd-compose,.fd-send,.fd-queue,.fd-post{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.85rem}
.fd-compose textarea,.fd-compose input,.fd-send input,.fd-queue textarea{width:100%;box-sizing:border-box;font:inherit;font-size:var(--text-input);color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .7rem}
.fd-compose textarea{resize:vertical;min-height:4.5rem;border:0;padding:.2rem 0}
.fd-compose textarea:focus,.fd-compose input:focus,.fd-send input:focus{outline:2px solid var(--primary);outline-offset:-1px}
.fd-send{display:flex;flex-direction:column;gap:.5rem}
.fd-row{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}
.fd-send .fd-row{margin-top:0}
.fd-end{justify-content:flex-end}
.fd-go{flex:none;width:2.6rem;height:2.6rem;border-radius:var(--radius-pill);border:0;background:var(--primary);color:var(--primary-foreground);display:grid;place-items:center;cursor:pointer}
.fd-go:hover{background:var(--primary-hover)}
.fd-go:disabled{opacity:.5}
.fd-go svg{width:1.2rem;height:1.2rem}
.fd-ghost{flex:none;width:2.6rem;height:2.6rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);font-size:1.4rem;line-height:1;cursor:pointer}
.fd-send-btn{align-self:flex-start;display:inline-flex;gap:.45rem;align-items:center;font:inherit;font-weight:500;color:var(--primary);background:var(--primary-tint);border:0;border-radius:var(--radius-pill);padding:.5rem .9rem;cursor:pointer}
.fd-send-btn svg{width:1.1rem;height:1.1rem}
.fd-msg{margin:0;color:var(--muted-foreground);font-size:var(--text-ui)}
.fd-msg.err{color:var(--danger)}
.fd-waiting{align-self:flex-start;font-size:var(--text-ui);font-weight:500;color:var(--primary);text-decoration:none;background:var(--primary-tint);border-radius:var(--radius-pill);padding:.35rem .8rem}
.fd-queue{display:flex;flex-direction:column;gap:.75rem}
.fd-q{display:flex;flex-direction:column;gap:.4rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}
.fd-q:last-child{border-bottom:0;padding-bottom:0}
.fd-q .fd-row{margin-top:0;justify-content:flex-end}
.fd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.fd-head{display:flex;align-items:center;gap:.55rem}
.fd-head img{width:2rem;height:2rem;border-radius:var(--radius-round)}
.fd-who{font-weight:600}
.fd-when{color:var(--muted-foreground);font-size:var(--text-ui)}
.fd-del{margin-left:auto;border:0;background:none;color:var(--muted-foreground);font-size:var(--text-title);cursor:pointer;padding:.2rem .4rem}
.fd-text{margin:.5rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.fd-text a{color:var(--primary)}
.fd-card{display:flex;gap:.6rem;align-items:center;margin-top:.6rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);text-decoration:none;background:var(--muted)}
.fd-card:hover{border-color:var(--primary)}
.fd-card svg{width:1.1rem;height:1.1rem;flex:none;color:var(--primary)}
.fd-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-ui)}
.fd-card b{font-weight:600}
.fd-via{color:var(--muted-foreground);font-size:var(--text-ui)}
.fd-foot{display:flex;align-items:center;gap:.6rem;margin-top:.55rem}
.fd-up{display:inline-flex;align-items:center;gap:.3rem;font:inherit;font-size:var(--text-ui);font-weight:500;color:var(--muted-foreground);background:var(--muted);border:1px solid transparent;border-radius:var(--radius-pill);padding:.25rem .6rem .25rem .45rem}
.fd-up svg{width:1rem;height:1rem}
button.fd-up{cursor:pointer}
button.fd-up:hover{border-color:var(--primary);color:var(--primary)}
.fd-up.on{color:var(--primary);background:var(--primary-tint)}
.fd-up:disabled{opacity:.6}
.fd-karma{margin:0;color:var(--muted-foreground);font-size:var(--text-ui)}
.fd-empty{color:var(--muted-foreground);text-align:center}