.site-report { --report-color:var(--theme-main-color, var(--primary-color, var(--team-color, var(--ps-accent, var(--cheer-accent, var(--accent, #343b49)))))); font-family:inherit; text-align:center; }
.site-report button, .site-report textarea { box-sizing:border-box; font:inherit; }
.site-report-trigger { --report-trigger-background:var(--report-color); --report-trigger-color:#fff; position:fixed; right:12px; bottom:calc(56px + env(safe-area-inset-bottom, 0px)); z-index:1000; width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; gap:6px; margin:0; padding:0; border:0; border-radius:50%; box-shadow:0 4px 12px #0003; font-size:12px !important; line-height:1.4; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.site-report-trigger span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.site-report .site-report-trigger,
.site-report .site-report-trigger:is(:hover, :focus, :active) { background:var(--report-trigger-background); color:var(--report-trigger-color); animation:none; transition:opacity .4s ease, transform .4s ease; transform:none; opacity:1; }
.site-report .site-report-trigger.is-idle:not(:focus-visible) { opacity:0; transform:translateY(8px); pointer-events:none; }
@media (prefers-reduced-motion:reduce) { .site-report .site-report-trigger, .site-report .site-report-trigger:is(:hover, :focus, :active) { transition:none; } }
.site-report-trigger svg { width:23px; height:23px; flex:none; }
.site-report button:focus-visible, .site-report textarea:focus-visible { outline:3px solid var(--report-color); outline-offset:3px; }
.site-report-dialog { box-sizing:border-box; width:min(440px, calc(100% - 24px)); max-width:none; max-height:calc(100dvh - 32px); margin:auto; padding:24px; border:0; border-radius:20px; background:#fff; color:#24282e; font-size:14px; line-height:1.5; text-align:left; box-shadow:0 16px 60px #0003; overflow:auto; overscroll-behavior:contain; }
.site-report-dialog:not([open]) { display:none; }
.site-report-dialog::backdrop { background:#11182780; }
.site-report-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.site-report-heading h2 { margin:0; padding:0; font-size:19px; font-weight:800; line-height:1.4; color:#24282e; }
.site-report-close { flex:none; width:36px; height:36px; padding:0; border:0; border-radius:50%; background:#f1f3f5; color:#69717c; font-size:26px !important; line-height:1; cursor:pointer; }
.site-report-description { margin:0 0 8px; font-size:13px; color:#68717d; }
.site-report-context { margin:0 0 18px; padding:9px 12px; border-radius:10px; background:#f8f9fa; color:#525b66; font-size:12px; overflow-wrap:anywhere; }
.site-report-label { display:block; margin:0 0 8px; font-size:13px; font-weight:700; }
.site-report textarea { display:block; width:100%; min-height:112px; padding:12px; border:1px solid #e1e5e9; border-radius:12px; background:#f8f9fa; color:#24282e; font-size:16px; line-height:1.5; resize:vertical; }
.site-report-help { margin:10px 0; color:#777f89; font-size:11px; line-height:1.6; }
.site-report-status { margin:0 0 12px; color:#68717d; font-size:13px; overflow-wrap:anywhere; }
.site-report-status:empty { display:none; }
.site-report-status.is-error { color:#b4233c; }
.site-report-status.is-success { color:#26724d; }
.site-report-submit { width:100%; min-height:44px; padding:11px 16px; border:0; border-radius:12px; background:#212529; color:white; font-size:14px !important; font-weight:700 !important; cursor:pointer; }
.site-report-submit:disabled { cursor:wait; opacity:.65; }
.site-report-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.report-attachments { margin:14px 0; padding:12px; border:1px dashed #cbd2da; border-radius:12px; background:#fafbfc; }
.report-attachments.is-dragging { border-color:#b52d3a; background:#fff1f3; }
.report-choose { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; width:100%; min-height:124px; padding:18px 12px; border:0; border-radius:10px; background:#edf0f4; color:#344054; font:inherit; cursor:pointer; }
.report-choose svg { width:30px; height:30px; margin-bottom:2px; color:#7a879a; flex:none; }
.report-choose-title { display:block; font-size:14px; font-weight:700; }
.report-choose-hint { display:block; font-size:11px; font-weight:400; color:#7a8596; }
.report-file-choose { display:block; margin:6px auto 0; min-height:36px; padding:6px 12px; border:0; background:transparent; color:#667085; font-size:12px !important; text-decoration:underline; cursor:pointer; }
.report-attachments p { margin:8px 0 0; font-size:11px; line-height:1.6; color:#667085; }
.report-attachments [role=status]:empty { display:none; }
.report-previews { display:flex; gap:8px; flex-wrap:wrap; }
.report-previews figure { flex:1 1 90px; max-width:140px; margin:10px 0 0; }
.report-previews img { width:100%; height:100px; object-fit:contain; background:#e9edf2; border-radius:6px; }
.report-previews button { width:100%; min-height:30px; padding:4px; border:0; background:transparent; color:#b4233c; font-size:12px; cursor:pointer; }
@media (min-width:769px) {
    .site-report-trigger { right:30px; bottom:calc(18px + env(safe-area-inset-bottom, 0px)); width:56px; height:56px; }
    .site-report-trigger svg { width:24px; height:24px; }
    .site-report-trigger span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
}
@media (max-width:480px) { .site-report-dialog { padding:20px; } .report-choose { min-height:112px; padding:14px 10px; } }