.community-rating { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:16px 0; color:#edf7ff; font-size:14px; }
.community-brand { object-fit:contain; border-radius:8px; }
.community-totals { display:inline-flex; flex-wrap:wrap; align-items:center; gap:10px; }
.community-totals > span { display:inline-flex; align-items:center; gap:2px; color:#c8ddeb; font-variant-numeric:tabular-nums; }
.community-totals img { object-fit:contain; }
.community-open, .community-clear { border:0; background:transparent; color:#65ddeb; padding:8px; cursor:pointer; font:inherit; }
.community-open:hover, .community-open:focus-visible { text-decoration:underline; text-underline-offset:5px; }
.community-status { color:#a9c1d5; font-size:13px; }
.community-dialog { box-sizing:border-box; width:min(700px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:28px; border:1px solid #396077; border-radius:20px; color:#ecf7ff; background:linear-gradient(135deg,#0a2335,#071423); box-shadow:0 24px 80px #0009; }
.community-dialog::backdrop { background:#010916c9; backdrop-filter:blur(7px); }
.community-dialog header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.community-dialog h2 { margin:4px 0 0; font-size:26px; }
.community-close { border:0; color:#c8deed; background:#ffffff0a; border-radius:50%; width:40px; height:40px; font-size:28px; cursor:pointer; }
.community-context { color:#d3e6f3; font-size:16px; line-height:1.55; overflow-wrap:anywhere; }
.community-tabs { display:flex; flex-wrap:wrap; gap:20px; margin-bottom:20px; }
.community-tabs button { border:0; border-bottom:2px solid transparent; background:transparent; padding:12px 3px; color:#acbfce; font:inherit; cursor:pointer; }
.community-tabs button[aria-pressed=true] { color:#fff; border-color:#38d5e5; }
.community-dialog-summary { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:16px 0; border-block:1px solid #91d4ec22; }
.community-save-status { color:#afc9da; min-height:22px; font-size:13px; line-height:1.5; }
.community-dialog fieldset { border:0; padding:0; margin:0; }
.community-dialog legend { color:#dceaf3; margin-bottom:8px; }
.community-stars { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:24px; }
.community-stars > button:not(.community-clear) { padding:0 2px; border:0; background:none; color:#647b8f; font-size:42px; cursor:pointer; }
.community-stars > button.filled { color:#ffc963; }
.community-stars > button:hover { color:#ffdf94; }
.community-reactions { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; }
.community-reactions button { display:flex; align-items:center; flex-direction:column; gap:9px; padding:12px 2px; border:1px solid transparent; border-radius:12px; background:#ffffff05; color:#bcd0df; font:inherit; font-size:12px; cursor:pointer; }
.community-reactions img { width:42px; height:42px; }
.community-reactions button[aria-pressed=true] { color:#fff; border-color:#39d5e5; background:#35c8da15; }
.community-dialog button:focus-visible { outline:2px solid #63e3f0; outline-offset:4px; }
.community-dialog button:disabled { cursor:wait; opacity:.55; }
.episode-details h3 { font-size:clamp(22px,2vw,30px); }
.episode-detail-meta { font-size:14px; line-height:1.7; }
.episode-details #episodeDetailOverview { max-width:1100px; font-size:15px; line-height:1.7; }
.episode-details .primary-button { display:inline-flex; width:max-content; }
#detailView .resume-button-progress { background:#071421; border-top:0; }
#detailView .resume-button-progress > span { background:linear-gradient(90deg,#ff8f2f,#35d6e7); box-shadow:none; }
.episode-grid { grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); }
.episode-grid > .season-back-card { grid-column:1 / -1; justify-self:start; min-height:0; padding:10px 14px; background:transparent; }
.episode-grid > .season-back-card small { display:none; }
.episode-card { grid-template-columns:1fr; gap:0; align-content:start; }
.episode-card .episode-art { width:100%; }
.episode-card > span:last-child { padding:14px; }
.episode-card strong { font-size:14px; line-height:1.5; max-height:none; }
.episode-card small { font-size:12px; }
@media(max-width:600px) { .community-dialog { padding:20px; } .community-reactions { grid-template-columns:repeat(4,minmax(0,1fr)); } .community-rating { gap:8px; } .community-totals { gap:6px; } }