.xb{--xb-face:36px;--xb-gap:12px;display:flex;flex-direction:column;padding:16px 16px 4px;border-radius:16px;background:var(--c-raised);box-shadow:inset 0 0 0 .5px var(--c-divider)}.xb-post{position:relative;display:grid;grid-template-columns:var(--xb-face) minmax(0,1fr);gap:var(--xb-gap);padding-bottom:14px}.xb-post:not(:last-child):before{content:"";position:absolute;top:calc(var(--xb-face) + 4px);bottom:2px;left:calc(var(--xb-face) / 2 - 1px);width:2px;border-radius:2px;background:var(--c-divider)}.xb-face{position:relative;display:block;width:var(--xb-face);height:var(--xb-face);overflow:hidden;border-radius:9999px;background:var(--c-badge);box-shadow:inset 0 0 0 1px rgb(255 255 255/.06)}.xb-face[data-square=true]{border-radius:10px}.xb-face img{width:100%;height:100%;object-fit:cover}.xb-post__body{display:flex;flex-direction:column;gap:4px;min-width:0}.xb-post__head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:20px}.xb-post__who{flex:1 1 auto;display:flex;align-items:baseline;gap:5px;min-width:0;overflow:hidden;white-space:nowrap;font-size:14px;line-height:20px}.xb-post__name{flex-shrink:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--c-text)}.xb-post__handle,.xb-post__meta{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;color:var(--c-secondary)}.xb-post__meta,.xb-post__x{flex-shrink:0}.xb-post__x{display:inline-flex;color:var(--c-secondary);transition:color var(--duration-quick) var(--ease-smooth-out)}.xb-post__x:hover{color:var(--c-text)}.xb-post__replying{font-size:13px;line-height:18px;color:var(--c-secondary)}.xb-post__text{margin:0;font-size:15px;line-height:21px;color:var(--c-text);white-space:pre-wrap;overflow-wrap:anywhere}.xb-tok{font-weight:600}.xb-post__img{display:block;width:100%;margin-top:8px;aspect-ratio:3/2;object-fit:cover;border-radius:14px;background:var(--c-well);box-shadow:inset 0 0 0 1px var(--c-divider)}.xb-post__ticker{flex-shrink:0;height:18px;padding:0 7px;border-radius:9999px;background:var(--c-ink-08);font-size:10px;line-height:18px;font-weight:600;letter-spacing:.01em;color:var(--c-text)}.xb-post__first{font-size:16px;line-height:23px;text-wrap:pretty}.xbc{display:grid;gap:14px;padding:14px 16px 16px;border-radius:16px;background:var(--c-side)}.xbc__intro{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.xbc__title{margin:0;font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.005em;color:var(--c-text)}.xbc__sub{margin:0;max-width:44ch;font-size:13px;line-height:19px;color:var(--c-secondary);text-wrap:pretty}.xbc__links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;line-height:18px}.xbc__links a{display:inline-flex;align-items:center;gap:4px;color:var(--c-text);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--c-ink-30);text-underline-offset:3px;transition:text-decoration-color var(--duration-quick) var(--ease-smooth-out)}.xbc__links a:hover{text-decoration-color:var(--c-text)}.xb.xb--chapter{--xb-face:32px;--xb-gap:10px;padding:14px 14px 2px}.xb--chapter .xb-post__text{font-size:14px;line-height:20px}.xb--chapter .xb-post__first{font-size:15px;line-height:22px}.xb--chapter .xb-post__img{max-height:240px;aspect-ratio:auto;object-fit:cover}@container chat (min-width: 760px){.xbc{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:start;gap:24px;padding:18px 20px 20px}.xbc__intro{position:sticky;top:72px;padding-top:10px}}.thread-born{width:100%;max-width:560px;margin:4px 0 16px}.thread-born .xb.xb--compact{--xb-face:30px;--xb-gap:10px;padding:12px 12px 0}.thread-born .xb--compact .xb-post__text{font-size:14px;line-height:20px}@media (max-width:480px){.xb-post--bot .xb-post__handle{display:none}}