@media(max-width:480px){.report-modal{align-items:flex-end}.report-box{max-width:100%;margin:0;border-radius:16px 16px 0 0;max-height:85vh}}
#reportStepIcon{color:#FACC15;}
.report-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 11px;height:34px;border-radius:999px;border:0;background:rgba(0,0,0,.55);color:#e6e6e6;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background .25s ease,transform .2s ease}
.report-btn ion-icon{font-size:16px}
.report-btn:hover{background:rgba(0,0,0,.75);transform:translateY(-1px)}
.report-step{animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.report-selected{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;margin:14px 18px;border-radius:12px;background:rgba(0,0,0,.25)}
.report-selected-left{display:flex;gap:12px;align-items:flex-start}
.report-selected ion-icon{font-size:22px;margin-top:2px}
.report-selected strong{display:block;font-size:15px}
.report-selected span{font-size:13px;color:#aaa}
.report-change{background:none;border:0;color:#7c7cff;font-weight:600;cursor:pointer}
.report-field{padding:12px 18px}
.report-field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.report-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.15);border-radius:12px;padding:26px 16px;text-align:center;cursor:pointer}
.report-upload ion-icon{font-size:28px;display:block;margin:0 0 6px;align-items:center}
.report-upload small{display:block;font-size:12px;color:#aaa;margin-top:4px}
.report-field textarea{width:100%;resize:none;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#111;color:#fff}
.report-actions{display:flex;justify-content:space-between;gap:12px;padding:16px 18px}
.report-cancel{background:#111;border:0;padding:10px 16px;border-radius:999px;color:#fff;cursor:pointer}
.report-submit{background:#7c4dff;border:0;padding:10px 18px;border-radius:999px;color:#fff;font-weight:700;cursor:pointer}
.report-help{margin:2px 0 12px;font-size:12.5px;line-height:1.3;color:#888;}
.report-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:-1}
.report-modal.is-open{pointer-events:auto;z-index:99999}

.report-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .22s ease;pointer-events:none}
.report-modal.is-open .report-backdrop{opacity:1;pointer-events:auto}
.report-box{position:relative;width:100%;max-width:520px;max-height:90vh;margin:0 16px;overflow-y:auto;background:#1e1e1e;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6);transform:translateY(8px) scale(.96);transition:transform .26s cubic-bezier(.22,.61,.36,1)}
.report-modal.is-open .report-box{transform:translateY(0) scale(1)}
.report-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.report-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#fff}

.report-title ion-icon{font-size:32px;color:#facc15}
.report-close{background:none;border:0;font-size:22px;color:#bbb;cursor:pointer}
.report-close:hover{color:#fff}
.report-subtitle{padding:14px 18px 6px;font-size:14px;color:#999}
.report-options{display:flex;flex-direction:column;gap:12px;padding:10px 18px 18px}
.report-option{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:12px;background:#111;border:1px solid rgba(255,255,255,.06);color:#fff;cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.report-option:hover{transform:translateY(-2px);background:#161616;box-shadow:0 8px 20px rgba(0,0,0,.6)}
.report-option ion-icon{font-size:42px;flex-shrink:0;margin-top:1px}
.report-option strong{display:block;font-size:16px;font-weight:700}
.report-option span{display:block;font-size:14px;color:#aaa;margin-top:2px}
.report-option.blue ion-icon{color:#3b82f6}
.report-option.red ion-icon{color:#ef4444}
.report-option.orange ion-icon{color:#f97316}
.report-option.yellow ion-icon{color:#facc15}
.dark-target.dark-mode .report-help{color:#aaa}
.report-char-counter-out{margin-top:6px;text-align:right;font-size:12px;color:#9ca3af;}

.dark-target.dark-mode .report-btn{background:rgba(255,255,255,.08);color:#e4e8f3}
.dark-target.dark-mode .report-btn:hover{background:rgba(255,255,255,.14)}
body:not(.dark-mode-bg) .report-box{background:#fff;color:#111}
body:not(.dark-mode-bg) .report-header{border-bottom:1px solid rgba(0,0,0,.08)}
body:not(.dark-mode-bg) .report-title{color:#111}
body:not(.dark-mode-bg) .report-title ion-icon{color:#F59E0B}
body:not(.dark-mode-bg) .report-selected{background:#f3f4f6;border:1px solid #e5e7eb}
body:not(.dark-mode-bg) .report-selected strong{color:#111}
body:not(.dark-mode-bg) .report-selected span{color:#6b7280}
body:not(.dark-mode-bg) .report-change{color:#6366f1}
body:not(.dark-mode-bg) .report-field label{color:#111}
body:not(.dark-mode-bg) .report-field small{color:#6b7280}
body:not(.dark-mode-bg) .report-upload{border:2px dashed #d1d5db;background:#fafafa}
body:not(.dark-mode-bg) .report-upload ion-icon{color:#6b7280}
body:not(.dark-mode-bg) .report-upload span{color:#111}
body:not(.dark-mode-bg) .report-upload small{color:#6b7280}
body:not(.dark-mode-bg) .report-step-details textarea{background:#fff;color:#111;border:1px solid #e5e7eb}
body:not(.dark-mode-bg) .report-step-details textarea::placeholder{color:#9ca3af}
body:not(.dark-mode-bg) .report-cancel{background:#e5e7eb;color:#111}
body:not(.dark-mode-bg) .report-cancel:hover{background:#d1d5db}
body:not(.dark-mode-bg) .report-submit{background:#e60012;color:#fff}
body:not(.dark-mode-bg) .report-submit:hover{background:#c40010}
body:not(.dark-mode-bg) .report-option{background:#f3f4f6;border:1px solid #e5e7eb;color:#111}
body:not(.dark-mode-bg) .report-option strong{color:#111}
body:not(.dark-mode-bg) .report-option span{color:#6b7280}
body:not(.dark-mode-bg) .report-option.blue ion-icon{color:#2563eb}
body:not(.dark-mode-bg) .report-option.red ion-icon{color:#dc2626}
body:not(.dark-mode-bg) .report-option.orange ion-icon{color:#ea580c}
body:not(.dark-mode-bg) .report-option.yellow ion-icon{color:#ca8a04}
body:not(.dark-mode-bg) .report-option:hover{background:#e5e7eb;box-shadow:0 6px 16px rgba(0,0,0,.08)}
body:not(.dark-mode-bg) .report-step-details[data-type="mistake"] ion-icon{color:#2563eb}
body:not(.dark-mode-bg) .report-step-details[data-type="broken_image"] ion-icon{color:#dc2626}
body:not(.dark-mode-bg) .report-step-details[data-type="wrong_chapter"] ion-icon{color:#ea580c}
body:not(.dark-mode-bg) .report-step-details[data-type="loading"] ion-icon{color:#ca8a04}
body:not(.dark-mode-bg) .report-step-details ion-icon{font-size:42px}
body:not(.dark-mode-bg) .report-close{color:#6b7280}
body:not(.dark-mode-bg) .report-close:hover{color:#111}
.dark-mode-bg .report-step-details{color:#e5e7eb}
.dark-mode-bg .report-step-details label{color:#e5e7eb}
.dark-mode-bg .report-step-details strong{color:#f3f4f6}
.dark-mode-bg .report-step-details span{color:#9ca3af}
.dark-mode-bg .report-selected{background:#0f172a;border:1px solid rgba(255,255,255,.08)}
.dark-mode-bg .report-selected strong{color:#f8fafc}
.dark-mode-bg .report-selected span{color:#9ca3af}
.dark-mode-bg .report-upload{background:#020617;border:2px dashed rgba(255,255,255,.18)}
.dark-mode-bg .report-upload span{color:#e5e7eb}
.dark-mode-bg .report-upload small{color:#9ca3af}
.dark-mode-bg .report-upload ion-icon{color:#e5e7eb}
.dark-mode-bg textarea#reportDescription{background:#020617;color:#e5e7eb;border:1px solid rgba(255,255,255,.15)}
.dark-mode-bg textarea#reportDescription::placeholder{color:#6b7280}
.dark-mode-bg .report-title{color:#f8fafc}
.dark-mode-bg .report-title ion-icon{color:#facc15}
.dark-mode-bg .report-step-details[data-type="mistake"] #reportSelectedIcon{color:#3b82f6}
.dark-mode-bg .report-step-details[data-type="broken_image"] #reportSelectedIcon{color:#ef4444}
.dark-mode-bg .report-step-details[data-type="wrong_chapter"] #reportSelectedIcon{color:#f97316}
.dark-mode-bg .report-step-details[data-type="loading"] #reportSelectedIcon{color:#facc15}
.dark-mode-bg .report-step-details #reportSelectedIcon{font-size:42px}
.dark-mode-bg .report-step-details .report-title ion-icon{font-size:26px}
body:not(.dark-mode-bg) .report-char-counter-out{color:#6b7280}
.dark-target.dark-mode .report-char-counter-out{color:#9ca3af}
.report-clear-image{margin-top:10px;background:none;border:none;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer}
.report-clear-image:hover{text-decoration:underline}
#reportPreview{width:100%;height:180px;max-height:180px;object-fit:contain;border-radius:10px;background:rgba(0,0,0,.04);display:block}
body.dark-mode-bg #reportPreview{background:rgba(255,255,255,.05)}
#reportPreview:not([src]),#reportPreview[src=""]{display:none!important}
#reportModal .report-step-details .report-help{display:block;margin-top:4px;margin-bottom:6px}
body:not(.dark-mode-bg) .report-change{color:#e60012;transition:color .2s ease}
body:not(.dark-mode-bg) .report-change:hover{color:#c40010}
body.dark-mode-bg .report-change{color:#ff6b73;transition:color .2s ease}
body.dark-mode-bg .report-change:hover{color:#ff8a91}
.report-upload{transition:border-color .22s ease,background-color .22s ease}
.report-upload ion-icon{transition:color .22s ease,transform .22s ease}
.report-upload span,.report-upload small{transition:color .22s ease}
body:not(.dark-mode-bg) .report-upload:hover{border-color:#e60012;background:rgba(230,0,18,.04)}
body:not(.dark-mode-bg) .report-upload:hover ion-icon{color:#e60012;transform:translateY(-4px) scale(1.08)}
body:not(.dark-mode-bg) .report-upload:hover span{color:#e60012}
body:not(.dark-mode-bg) .report-upload:hover small{color:#c40010}
body.dark-mode-bg .report-upload:hover{border-color:#ff6b73;background:rgba(230,0,18,.10)}
body.dark-mode-bg .report-upload:hover ion-icon{color:#ff6b73;transform:translateY(-4px) scale(1.08)}
body.dark-mode-bg .report-upload:hover span{color:#ff6b73}
body.dark-mode-bg .report-upload:hover small{color:#ff9aa2}
#reportDescription{transition:border-color .2s ease,box-shadow .2s ease}
#reportDescription:hover{border-color:#e60012}
#reportDescription:focus{border-color:#e60012;outline:none}
body.dark-mode-bg #reportDescription:hover{border-color:#ff6b73}
body.dark-mode-bg #reportDescription:focus{border-color:#ff6b73}
body:not(.dark-mode-bg) .report-cancel{transition:background-color .2s ease}
body:not(.dark-mode-bg) .report-cancel:hover{background:#d1d5db}
body.dark-mode-bg .report-cancel{transition:background-color .2s ease}
body.dark-mode-bg .report-cancel:hover{background:#1f2937}
body:not(.dark-mode-bg) .report-submit{transition:background-color .2s ease}
body:not(.dark-mode-bg) .report-submit:hover{background:#c40010}
body.dark-mode-bg .report-submit{transition:background-color .2s ease}
body.dark-mode-bg .report-submit:hover{background:#ff4d57}
.report-box{scrollbar-width:none;-ms-overflow-style:none;max-height:none;overflow:visible}
.report-box::-webkit-scrollbar{width:0;height:0}
.report-modal{overflow-y:auto}
.toast{min-width:420px;max-width:520px;padding:18px 22px;border-radius:16px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:15.5px;font-weight:600;box-shadow:0 24px 48px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.08);opacity:0;transform:translateY(14px) translateX(10px);animation:toastIn .36s cubic-bezier(.22,.61,.36,1) forwards;pointer-events:auto}
.toast-left{display:flex;align-items:center;gap:10px}
.toast ion-icon{font-size:20px;color:#22c55e}
.toast-close{background:none;border:0;color:#aaa;font-size:20px;cursor:pointer;line-height:1;padding:2px;transition:color .2s ease,transform .2s ease}
.toast-close:hover{color:#fff;transform:scale(1.1)}
@keyframes toastIn{to{opacity:1;transform:none}}
@keyframes toastOut{to{opacity:0;transform:translateY(8px) translateX(8px)}}
.toast-root{position:fixed;right:24px;bottom:24px;z-index:1000000;display:flex;flex-direction:column;gap:12px;pointer-events:none}
.report-validation-msg{margin-top:6px;font-size:13px;color:#dc2626;text-align:left}
body.dark-mode-bg .report-validation-msg{color:#f87171}
#reportSubmit:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.report-option-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
@media(max-width:480px){.toast{min-width:0;max-width:calc(100vw - 32px);width:100%;padding:14px 16px;font-size:14.5px}.toast-root{left:16px;right:16px;bottom:16px;align-items:center}}