.guru-wpr {
margin: 2rem 0;
padding: 1rem;
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #fff;
}
.guru-wpr__title { margin: 0 0 .75rem; font-weight: 600; }
.guru-wpr__buttons { display: flex; flex-wrap: wrap; gap: .5rem; }
.guru-wpr__button {
display: inline-flex;
align-items: center;
gap: .4rem;
min-height: 42px;
padding: .45rem .7rem;
border: 1px solid #d1d5db;
border-radius: 999px;
color: #1f2937;
background: #fff;
font: inherit;
cursor: pointer;
transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}
.guru-wpr__button:hover { border-color: #6366f1; background: #f5f5ff; }
.guru-wpr__button:focus-visible { outline: 3px solid #818cf8; outline-offset: 2px; }
.guru-wpr__button.is-selected { border-color: #6366f1; background: #eef2ff; }
.guru-wpr__button:disabled { cursor: wait; opacity: .65; }
.guru-wpr__emoji { font-size: 1.15rem; }
.guru-wpr__label { font-size: .9rem; }
.guru-wpr__count { min-width: 1ch; color: #6b7280; font-size: .85rem; }
.guru-wpr__status { min-height: 1.2em; margin: .6rem 0 0; color: #4b5563; font-size: .85rem; }
@media (prefers-reduced-motion: reduce) {
.guru-wpr__button { transition: none; }
}