body{margin:0;font-family:system-ui;line-height:1}*,*:before,*:after{box-sizing:border-box}.timeline{margin:0 auto;max-width:500px;outline:1px solid #ddd;>*+*{border-top:1px solid #ddd}}.dopamine-button{display:block;width:500px;margin:12px auto;line-height:40px}.post{padding:12px;gap:12px 8px;display:grid;grid-template-columns:max-content 1fr;grid-template-areas:"avatar author"}.post__author-avatar{width:40px;height:40px;border-radius:4px;outline:1px solid #0002;outline-offset:-1px}.post__author{grid-area:author;display:grid;align-items:center}.post__author__display-name{font-weight:600}.post__content{grid-column:2;line-height:1.4;p{margin:0;&:not(:last-child){margin-bottom:10px}}}.post__attachments{grid-column:2;min-width:0;.post__attachments__image{width:max-content;max-width:100%;border-radius:4px;outline:1px solid #0002;outline-offset:-1px;img{display:block;width:auto;height:auto;max-width:min(100%,500px);max-height:400px;border-radius:inherit}}}.post__content:has(details:not([open]))~.post__attachments{.post__attachments__image{position:relative;outline:none;&:after{content:"";display:block;position:absolute;inset:0;border-radius:inherit;outline:1px solid #0002;outline-offset:-1px;backdrop-filter:blur(32px);pointer-events:none}}}.post__repost{grid-column:1 / span 2;background:#f0f0f0;outline:1px solid #ddd;outline-offset:-1px;border-radius:8px}.post__interaction-bar{grid-column:2;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0 32px;>*{display:flex;justify-content:space-between}button{width:max-content;font:inherit;font-size:14px;font-weight:700;color:#0008;appearance:none;background:#0001;border:none;margin:0 -6px;padding:4px 6px;border-radius:8px;cursor:pointer}}