.blogos-engagement{margin-top:42px;padding:26px;border:1px solid var(--blogos-border);border-radius:calc(var(--blogos-radius) + 2px);background:color-mix(in srgb,var(--blogos-accent) 2.5%,var(--blogos-bg));font-family:var(--blogos-ui-font)}.blogos-engagement__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.blogos-engagement__head h2{margin:.18em 0 0;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.15}.blogos-state-button,.blogos-reaction,.blogos-helpful button,.blogos-follow-chip,.blogos-author-follow{border:1px solid var(--blogos-border);background:var(--blogos-bg);color:var(--blogos-text);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.blogos-state-button:hover,.blogos-reaction:hover,.blogos-helpful button:hover,.blogos-follow-chip:hover,.blogos-author-follow:hover{border-color:color-mix(in srgb,var(--blogos-accent) 52%,var(--blogos-border));color:var(--blogos-accent)}.blogos-state-button[aria-pressed=true],.blogos-reaction[aria-pressed=true],.blogos-helpful button[aria-pressed=true],.blogos-follow-chip[aria-pressed=true],.blogos-author-follow[aria-pressed=true]{border-color:color-mix(in srgb,var(--blogos-accent) 70%,var(--blogos-border));background:color-mix(in srgb,var(--blogos-accent) 9%,var(--blogos-bg));color:var(--blogos-accent)}.blogos-state-button:disabled,.blogos-reaction:disabled,.blogos-helpful button:disabled,.blogos-follow-chip:disabled,.blogos-author-follow:disabled{opacity:.6;cursor:wait}.blogos-bookmark-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border-radius:999px;font-size:.8rem;font-weight:800;white-space:nowrap}.blogos-bookmark-button small,.blogos-reaction small,.blogos-helpful small,.blogos-follow-chip small,.blogos-author-follow small{color:var(--blogos-muted);font-weight:700}.blogos-reactions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.blogos-reaction{min-height:76px;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-radius:13px;font-weight:750}.blogos-reaction__icon{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--blogos-accent) 7%,var(--blogos-bg));font-weight:900}.blogos-helpful{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid var(--blogos-border)}.blogos-helpful>div:first-child{display:grid;gap:3px}.blogos-helpful strong{font-size:.96rem}.blogos-helpful span{font-size:.8rem;color:var(--blogos-muted)}.blogos-helpful__actions{display:flex;gap:8px}.blogos-helpful button{min-width:78px;padding:9px 12px;border-radius:999px;font-weight:800;font-size:.8rem}.blogos-feedback-form{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:14px;margin-top:18px;padding:18px;border-radius:13px;background:var(--blogos-bg);border:1px solid var(--blogos-border)}.blogos-feedback-form[hidden]{display:none}.blogos-feedback-form label{display:block;margin-bottom:6px;font-size:.76rem;font-weight:800}.blogos-feedback-form :where(select,textarea){width:100%;border:1px solid var(--blogos-border);border-radius:9px;background:var(--blogos-bg);color:var(--blogos-text);padding:10px}.blogos-feedback-form__actions{grid-column:1/-1;display:flex;align-items:center;gap:8px}.blogos-feedback-form__status{grid-column:1/-1;margin:0;color:var(--blogos-muted);font-size:.8rem}.blogos-button{border:0;border-radius:999px;background:var(--blogos-text);color:var(--blogos-bg);padding:9px 14px;font-weight:800;cursor:pointer}.blogos-button--ghost{border:1px solid var(--blogos-border);background:transparent;color:var(--blogos-text)}.blogos-topic-follow{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--blogos-border)}.blogos-topic-follow>span{padding-top:7px;color:var(--blogos-muted);font-size:.78rem;font-weight:800;white-space:nowrap}.blogos-topic-follow>div{display:flex;flex-wrap:wrap;gap:7px}.blogos-follow-chip{padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:750}.blogos-author-follow{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:8px 11px;border-radius:999px;font-size:.76rem;font-weight:800}.blogos-toolbar-bookmark[aria-pressed=true]{background:color-mix(in srgb,var(--blogos-accent) 9%,var(--blogos-bg));color:var(--blogos-accent)}.blogos-reader-library{width:min(760px,calc(100% - 28px));max-height:min(82vh,760px);padding:0;border:1px solid var(--blogos-border);border-radius:20px;background:var(--blogos-bg);color:var(--blogos-text);box-shadow:0 30px 90px rgba(17,24,39,.2);font-family:var(--blogos-ui-font)}.blogos-reader-library::backdrop{background:rgba(15,23,42,.46);backdrop-filter:blur(3px)}.blogos-library__head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 16px;border-bottom:1px solid var(--blogos-border);background:color-mix(in srgb,var(--blogos-bg) 96%,transparent);backdrop-filter:blur(12px)}.blogos-library__head h2{margin:.15em 0 0;font-size:1.55rem}.blogos-library__privacy{margin:0;padding:15px 24px;color:var(--blogos-muted);font-size:.8rem;border-bottom:1px solid var(--blogos-border)}.blogos-library__sections{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 24px 26px}.blogos-library__sections>section{min-width:0}.blogos-library__sections h3{margin:0 0 10px;font-size:.9rem}.blogos-library__sections h3 span{color:var(--blogos-muted);font-weight:650}.blogos-library-list{display:grid;gap:8px}.blogos-library-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid var(--blogos-border);border-radius:11px;text-decoration:none;background:var(--blogos-bg)}.blogos-library-item:hover{border-color:color-mix(in srgb,var(--blogos-accent) 48%,var(--blogos-border));background:color-mix(in srgb,var(--blogos-accent) 4%,var(--blogos-bg))}.blogos-library-item img{width:58px;height:58px;object-fit:cover;border-radius:8px}.blogos-library-item__body{display:grid;gap:2px;min-width:0}.blogos-library-item__body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.blogos-library-item__body small{color:var(--blogos-muted);font-size:.7rem}.blogos-library-follow-badge{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--blogos-accent) 9%,var(--blogos-bg));color:var(--blogos-accent);font-weight:900}.blogos-library-empty{margin:0;padding:12px;border:1px dashed var(--blogos-border);border-radius:10px;color:var(--blogos-muted);font-size:.78rem}.blogos-reader-dark .blogos-reader-library,.blogos-reader-sepia .blogos-reader-library{color-scheme:inherit}@media(max-width:720px){.blogos-engagement{padding:20px}.blogos-engagement__head{display:grid}.blogos-reactions{grid-template-columns:1fr 1fr}.blogos-helpful{align-items:flex-start;flex-direction:column}.blogos-feedback-form{grid-template-columns:1fr}.blogos-library__sections{grid-template-columns:1fr}.blogos-reader-library{max-height:86vh}.blogos-library__head,.blogos-library__privacy,.blogos-library__sections{padding-inline:18px}.blogos-topic-follow{display:grid}.blogos-topic-follow>span{padding-top:0}}@media(max-width:430px){.blogos-reaction{min-height:64px;gap:5px;padding:9px;font-size:.78rem}.blogos-reaction__icon{width:26px;height:26px}.blogos-reaction small{display:none}.blogos-helpful__actions{width:100%}.blogos-helpful button{flex:1}.blogos-reader-library{width:calc(100% - 16px);border-radius:15px}}@media(prefers-reduced-motion:reduce){.blogos-state-button,.blogos-reaction,.blogos-helpful button,.blogos-follow-chip,.blogos-author-follow{transition:none}}