.af-thread,.af-thread-log{display:flex;flex-direction:column;min-width:0}.af-thread-log{gap:var(--af-space-2);padding-block:var(--af-space-3)}.af-thread-end{height:1px;scroll-margin-bottom:calc(var(--af-bottom-nav-h, 0px) + 96px)}.af-bubble{align-self:flex-start;display:grid;gap:var(--af-space-1);max-width:min(88%,34rem);padding:var(--af-space-2) var(--af-space-3);border:1px solid var(--af-border-soft);border-radius:var(--af-radius-md) var(--af-radius-md) var(--af-radius-md) var(--af-radius-xs);background:var(--af-surface-muted);overflow-wrap:anywhere}.af-bubble-mine{align-self:flex-end;border-radius:var(--af-radius-md) var(--af-radius-md) var(--af-radius-xs) var(--af-radius-md);background:var(--af-info-bg);border-color:color-mix(in srgb,var(--af-info) 22%,var(--af-surface))}.af-bubble.is-failed{border-color:var(--af-danger);background:var(--af-danger-bg)}.af-bubble>p{margin:0;white-space:pre-wrap}.af-bubble-author{font-size:var(--af-text-caption);color:var(--af-accent-strong)}.af-bubble-meta{justify-self:end;color:var(--af-muted);font-size:var(--af-text-xs)}.af-bubble-retry{display:flex;flex-wrap:wrap;align-items:center;gap:var(--af-space-2);font-size:var(--af-text-caption);color:var(--af-danger)}.af-bubble-retry button{min-height:var(--af-tap);padding-inline:var(--af-space-2);font-weight:var(--af-weight-strong);color:var(--af-primary);text-decoration:underline}.af-bubble-photos{display:flex;flex-wrap:wrap;gap:var(--af-space-2)}.af-bubble-photo{display:block;width:96px;aspect-ratio:1;overflow:hidden;border-radius:var(--af-radius-sm);background:var(--af-border-soft)}.af-bubble-photo img{width:100%;height:100%;object-fit:cover;display:block}.af-bubble-photo.is-pending{display:grid;place-items:center;font-size:var(--af-text-xs);color:var(--af-muted)}.af-thread-event{align-self:center;margin:var(--af-space-1) 0;padding:var(--af-space-1) var(--af-space-3);border-radius:var(--af-radius-full);background:var(--af-surface-muted);color:var(--af-muted);font-size:var(--af-text-caption);text-align:center}.af-thread-card{align-self:stretch;display:grid;gap:var(--af-space-1);padding:var(--af-space-3);border:1px solid var(--af-border);border-radius:var(--af-radius-md);background:var(--af-surface)}.af-thread-card>p{margin:0}.af-thread-pinned{position:sticky;top:var(--af-topbar-h,60px);z-index:4;display:flex;align-items:center;gap:var(--af-space-3);padding:var(--af-space-2) var(--af-space-3);border:1px solid var(--af-border);border-radius:var(--af-radius-md);background:var(--af-surface)}.af-thread-footer{position:sticky;z-index:5;bottom:var(--af-bottom-nav-h,0);padding:var(--af-space-2) 0 var(--af-space-3);background:var(--af-bg-app)}.af-thread-footer:before{content:"";position:absolute;inset:calc(-1 * var(--af-space-4)) 0 100%;background:linear-gradient(to top,var(--af-bg-app),transparent);pointer-events:none}.af-thread-fresh{position:absolute;right:0;bottom:calc(100% + var(--af-space-2));display:inline-flex;align-items:center;gap:var(--af-space-1);min-height:var(--af-tap);padding:0 var(--af-space-4);border-radius:var(--af-radius-full);background:var(--af-primary);color:var(--af-surface);font-weight:var(--af-weight-strong);box-shadow:var(--af-shadow-md)}.af-thread-composer{display:flex;align-items:flex-end;gap:var(--af-space-2)}.af-thread-field{flex:1 1 auto;min-width:0}.af-thread-field textarea{display:block;width:100%;min-height:var(--af-tap);max-height:132px;padding:calc((var(--af-tap) - 1.5em) / 2) var(--af-space-3);border:1px solid var(--af-border);border-radius:var(--af-radius-md);background:var(--af-surface);font:inherit;line-height:1.5;resize:none}.af-bubble-retry button:focus-visible,.af-thread-field textarea:focus-visible,.af-thread-fresh:focus-visible,.af-thread-icon:focus-visible{outline:3px solid var(--af-focus);outline-offset:2px}.af-thread-icon{flex:none;display:grid;place-items:center;width:var(--af-tap);height:var(--af-tap);border-radius:var(--af-radius-full);color:var(--af-primary)}.af-thread-icon:hover:not(:disabled){background:var(--af-surface-muted)}.af-thread-icon:disabled,.af-thread-icon[aria-disabled=true]{opacity:.45;cursor:not-allowed}.af-thread-send{background:var(--af-primary);color:var(--af-surface)}.af-thread-send:hover:not(:disabled){background:var(--af-primary);filter:brightness(1.1)}.af-thread-closed{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--af-space-3);padding:var(--af-space-2) 0}.af-thread-closed>span{font-weight:var(--af-weight-strong)}.af-thread-header{display:flex;align-items:center;gap:var(--af-space-2);min-width:0;padding-bottom:var(--af-space-2);border-bottom:1px solid var(--af-border-soft)}.af-thread-back{flex:none;display:grid;place-items:center;width:var(--af-tap);height:var(--af-tap);margin-left:calc(-1 * var(--af-space-2));border-radius:var(--af-radius-full);color:var(--af-ink)}.af-thread-back:focus-visible{outline:3px solid var(--af-focus)}.af-thread-title{min-width:0;flex:1 1 auto}.af-thread-title h1{margin:0;font-size:var(--af-text-lg);line-height:1.25;overflow-wrap:anywhere}.af-thread-title small{display:block;color:var(--af-muted)}@media (prefers-reduced-motion:no-preference){.af-thread-fresh{animation:af-thread-in .16s ease-out}}@keyframes af-thread-in{0%{opacity:0;transform:translateY(4px)}}@media (min-width:801px){.af-thread{max-width:760px}}.af-convo-list{list-style:none;margin:0;padding:0}.af-convo-list>li+li{border-top:1px solid var(--af-border-soft)}.af-convo-row{display:grid;gap:2px;min-height:var(--af-tap);padding:var(--af-space-3) var(--af-space-1);color:var(--af-ink);text-decoration:none}.af-convo-row:hover{background:var(--af-surface-muted)}.af-convo-row:focus-visible{outline:3px solid var(--af-focus);outline-offset:-3px;border-radius:var(--af-radius-xs)}.af-convo-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--af-space-3);min-width:0}.af-convo-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--af-weight-strong)}.af-convo-top time{flex:none;color:var(--af-muted);font-size:var(--af-text-xs)}.has-unread .af-convo-top time{color:var(--af-accent-strong);font-weight:var(--af-weight-strong)}.af-convo-subtitle{color:var(--af-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.af-convo-bottom{display:flex;align-items:center;gap:var(--af-space-2);min-width:0}.af-convo-preview{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--af-muted);font-size:var(--af-text-sm)}.has-unread .af-convo-preview{color:var(--af-ink);font-weight:var(--af-weight-strong)}.af-convo-bottom>.af-badge{flex:none}.af-convo-unread{flex:none;min-width:22px;height:22px;padding:0 6px;display:inline-grid;place-items:center;border-radius:var(--af-radius-full);background:var(--af-accent-strong);color:var(--af-surface);font-size:var(--af-text-xs);font-weight:var(--af-weight-strong)}