.community-section{max-width:1440px;margin:0 auto;padding:16px 44px 88px;scroll-margin-top:100px}.community-section h2{font-size:28px;margin:6px 0}.community-section .cinema-section-title p{color:var(--muted);margin:8px 0 20px;line-height:1.6}.community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.community-card{min-width:0}.community-cover{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);border-radius:12px!important;background:var(--panel);text-align:left}.community-cover img{width:100%;height:100%;object-fit:cover;transition:transform 180ms ease}.community-cover:hover img{transform:scale(1.025)}.community-cover-shade{position:absolute;inset:0;background:linear-gradient(transparent 50%,#0009)}.community-cover-empty{display:grid;place-items:center;height:100%;font-size:36px;color:var(--accent);background:linear-gradient(140deg,var(--panel),var(--bg))}.community-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;background:#10121899;color:white;opacity:0;transition:opacity 160ms}.community-cover:hover .community-play,.community-cover:focus-visible .community-play{opacity:1}.community-badge{position:absolute;bottom:12px;left:12px;max-width:calc(100% - 24px);padding:5px 9px;background:var(--accent);color:var(--bg);font-size:11px;font-weight:700;border-radius:5px}.community-card-info h3{font:600 16px Inter,system-ui;margin:12px 0 6px;overflow-wrap:anywhere}.community-card-info p{font-size:13px;line-height:1.6;margin:0;color:var(--muted);overflow-wrap:anywhere}.community-card-info p span{padding:0 4px}.community-empty{padding:34px;border:1px dashed var(--line);border-radius:14px;background:var(--panel)}.community-empty strong{font-size:18px}.community-empty p{color:var(--muted);line-height:1.7;max-width:580px;margin-bottom:0}.community-more{display:block;margin:28px auto 0}.community-manage-button{margin-top:8px;max-width:100%;white-space:normal}.community-status{display:inline-flex;color:var(--accent);border:1px solid var(--line);padding:6px 10px;border-radius:6px;font-size:12px}.community-choices{border:1px solid var(--line);border-radius:12px;padding:16px;margin:24px 0}.community-choices legend{padding:0 8px;font-weight:600}.community-choices label,.community-consent{display:flex;gap:12px;align-items:flex-start;line-height:1.6;padding:12px 0}.community-choices input,.community-consent input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--accent);margin-top:4px}.community-choices strong,.community-choices small{display:block}.community-choices small{color:var(--muted);margin-top:3px}.community-choices label:has(input:disabled){opacity:.6}.community-consent{margin-bottom:20px}.community-viewer{width:min(1040px,calc(100vw - 24px));padding:28px;max-height:calc(100dvh - 32px);overflow:auto;border-radius:18px}.community-viewer .modal-head h2{font:600 30px Inter,system-ui;margin:8px 0}.community-viewer .modal-head p{color:var(--muted);font-size:14px}.community-viewer>p{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}#communityPlayer{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#050609;border-radius:10px;margin:20px 0}.community-episode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.community-episode-list button{display:flex;gap:15px;text-align:left;align-items:center;min-height:62px;border-radius:10px!important;white-space:normal}.community-episode-list button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.community-episode-list strong{font-weight:500;overflow-wrap:anywhere}.community-episode-list span{color:var(--muted);white-space:nowrap}@media(max-width:1100px){.community-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.community-section{padding:16px 28px 60px}}@media(max-width:760px){.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.community-section{padding:16px 18px 56px}.community-section .cinema-section-title{align-items:flex-start;gap:10px}.community-viewer{padding:20px}.community-episode-list{grid-template-columns:1fr}.community-badge{font-size:10px;left:8px;bottom:8px}.community-card-info h3{font-size:15px}}@media(max-width:420px){.community-grid{grid-template-columns:1fr}.community-section h2{font-size:25px}.community-viewer .modal-head h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.community-cover img,.community-play{transition:none}.community-cover:hover img{transform:none}}
