.likers-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px}.likers-modal[hidden]{display:none}.likers-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.likers-modal__dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:440px;max-height:80vh;overflow:hidden;background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 24px 64px #00000040}.likers-modal__head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.likers-modal__title{flex:1;margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--color-text)}.likers-modal__close{display:inline-flex;padding:5px;background:none;border:none;border-radius:8px;color:var(--color-muted);cursor:pointer;transition:background .12s,color .12s}.likers-modal__close:hover{background:var(--color-card-hover);color:var(--color-text)}.likers-modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.likers-modal__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 8px 12px}.likers-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.likers-modal__list[hidden]{display:none}.likers-modal__row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px}.likers-modal__row:hover{background:var(--color-card-hover)}.likers-modal__row .user-identity{flex:1;min-width:0}.likers-modal__follow{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:34px;min-width:96px;padding:0 16px;margin-left:auto;flex-shrink:0;border-radius:20px;border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.likers-modal__follow.is-following{background:var(--color-primary-dim);color:var(--color-primary)}.likers-modal__follow [data-follow-label-default],.likers-modal__follow [data-follow-label-active]{display:flex;align-items:center;gap:6px}.likers-modal__follow[aria-busy=true]{opacity:.6;pointer-events:none}.likers-modal__follow:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.likers-modal__loading{display:flex;justify-content:center;padding:24px 0;color:var(--color-muted)}.likers-modal__loading[hidden],.likers-modal__empty[hidden],.likers-modal__error[hidden],.likers-modal__sentinel[hidden]{display:none}.likers-modal__sentinel{height:1px}.likers-modal__more{display:flex;justify-content:center;padding:12px 0;color:var(--color-muted)}.likers-modal__more-spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:likers-spin .7s linear infinite}@keyframes likers-spin{to{transform:rotate(360deg)}}.likers-modal__empty,.likers-modal__error{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;text-align:center}.likers-modal__empty-text,.likers-modal__error-text{margin:0;font-size:14px;color:var(--color-muted)}.likers-modal__retry{height:34px;padding:0 18px;border-radius:18px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer}.likers-modal__retry:hover{background:var(--color-card-hover)}[data-likers-trigger]{cursor:pointer}[data-likers-trigger]:hover{text-decoration:underline;text-underline-offset:2px}[data-likers-trigger]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}@media(max-width:560px){.likers-modal{align-items:flex-end;padding:0}.likers-modal__dialog{max-width:100%;max-height:88vh;border-radius:20px 20px 0 0}}@media(prefers-reduced-motion:reduce){.likers-modal__more-spinner{animation:none}}