.episode-report { margin: 12px 0 0; color: #d8c5d2; font: 400 0.86rem 'DM Sans', sans-serif; }
.episode-report summary { display: inline-flex; align-items: center; min-height: 44px; gap: 8px; color: #c8aebf; cursor: pointer; list-style: none; }
.episode-report summary::-webkit-details-marker { display: none; }
.episode-report summary::before { content: '!'; display: inline-grid; place-items: center; width: 16px; height: 16px; border: 1px solid currentColor; border-radius: 50%; font-size: 11px; font-weight: 700; }
.episode-report summary:hover, .episode-report summary:focus-visible { color: #ff91be; }
.episode-report__form { display: grid; gap: 8px; width: min(100%, 440px); padding: 16px; border: 1px solid rgba(244, 63, 142, .2); border-radius: 12px; background: #1d1420; }
.episode-report__form label { font-weight: 600; color: #f6e8f0; }
.episode-report__form label span { color: #b99eaf; font-weight: 400; }
.episode-report__form select, .episode-report__form textarea { width: 100%; padding: 10px 12px; border: 1px solid #67455b; border-radius: 8px; background: #100c13; color: #fff; font: inherit; }
.episode-report__form textarea { resize: vertical; }
.episode-report__form button { justify-self: start; min-height: 40px; padding: 8px 16px; border: 0; border-radius: 8px; background: #e63b80; color: #fff; font: 600 .85rem 'DM Sans', sans-serif; cursor: pointer; }
.episode-report__form button:disabled { opacity: .6; cursor: wait; }
.episode-report__feedback { margin: 0; color: #f4bed7; }
.episode-report__feedback:empty { display: none; }
.episode-report :focus-visible { outline: 2px solid #ff98c5; outline-offset: 2px; }