.user-display-dialog-root{padding:0;margin:auto;border:none;background:transparent;border-radius:12px;max-width:400px;width:90%;max-height:85vh;overflow:hidden;box-shadow:0 8px 32px #0000001f;animation:dialogSlideIn .25s ease-out}.user-display-dialog-root.dialog-enter{animation:dialogEnter .25s ease-out}.user-display-dialog-root.dialog-exit{animation:dialogExit .2s ease-in forwards}.user-display-dialog-root::backdrop{background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .25s ease-out}.user-display-dialog-panel{background:var(--surface-color, #ffffff);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;max-height:85vh;border:1px solid var(--divider-color, #e5e7eb)}.dialog-header{padding:20px 24px 16px;border-bottom:1px solid var(--divider-color, #f3f4f6);background:var(--surface-color, #ffffff);flex-shrink:0}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-title{font-size:18px;font-weight:600;color:var(--text-color, #111827);margin:0;letter-spacing:-.025em;flex:1}.user-display-header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0;margin-left:auto}.user-display-btn{width:42px;height:42px;border-radius:10px;border:none;background:var(--surface-variant, #f9fafb);color:var(--text-secondary-color, #6b7280);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.user-display-btn:hover{background:var(--color-primary, #3b82f6);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.user-display-btn:active{transform:translateY(0);box-shadow:0 2px 6px #3b82f633}.user-display-btn .btn-icon{width:20px;height:20px}.user-display-btn.works-btn:hover{background:var(--success-color, #10b981);box-shadow:0 4px 12px #10b98133}.user-display-btn.close-btn:hover{background:var(--error-color, #ef4444);box-shadow:0 4px 12px #ef444433}.dialog-content{flex:1;overflow-y:auto;padding:24px;scroll-behavior:smooth}.dialog-content::-webkit-scrollbar{width:4px}.dialog-content::-webkit-scrollbar-track{background:transparent}.dialog-content::-webkit-scrollbar-thumb{background:var(--divider-color, #e5e7eb);border-radius:2px}.dialog-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-color, #9ca3af)}.user-profile-card{margin-bottom:32px}.profile-main{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start}.avatar-section{flex-shrink:0}.avatar-wrapper{position:relative;width:72px;height:72px}.avatar-wrapper .user-avatar{width:100%;height:100%;border-radius:16px;object-fit:cover;border:2px solid var(--divider-color, #e5e7eb)}.level-badge{position:absolute;bottom:-4px;right:-4px;background:var(--color-primary, #3b82f6);color:#fff;font-size:12px;font-weight:600;min-width:28px;height:28px;padding:0 6px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-color, #ffffff);white-space:nowrap}.profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.name-section{display:flex;align-items:center;gap:8px}.user-name{font-size:20px;font-weight:600;color:var(--text-color, #111827);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em}.user-display-gender-icon{width:20px;height:20px;flex-shrink:0}.user-display-gender-icon.male{color:#3b82f6}.user-display-gender-icon.female{color:#ec4899}.user-display-gender-icon.robot{color:#6b7280}.badges-wrapper{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.user-display-role-badge{font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;color:#fff;display:flex;align-items:center;gap:4px}.user-display-role-badge .badge-icon{width:14px;height:14px}.user-display-role-badge.vip{background:#f59e0b}.user-display-role-badge.knight{background:#8b5cf6}.user-display-role-badge.verified{background:#10b981}.title-section{margin-top:0}.user-title{background:var(--color-primary, #3b82f6);color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;display:inline-block;letter-spacing:-.025em}.exp-section{padding:16px;background:var(--surface-variant, #f9fafb);border-radius:8px;margin-bottom:24px}.exp-info{display:flex;align-items:center;gap:12px}.exp-label{font-size:14px;color:var(--text-secondary-color, #6b7280);font-weight:500;white-space:nowrap}.exp-value{font-size:14px;color:var(--color-primary, #3b82f6);font-weight:600;background:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap}.exp-bar{flex:1;height:8px;background:var(--divider-color, #e5e7eb);border-radius:4px;overflow:hidden}.exp-fill{height:100%;background:var(--color-primary, #3b82f6);border-radius:4px;transition:width .3s ease}.slogan-card{border-top:1px solid var(--divider-color, #f3f4f6);padding-top:20px;margin-bottom:24px}.slogan-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.quote-icon{width:18px;height:18px;color:var(--color-primary, #3b82f6)}.slogan-label{font-size:14px;font-weight:500;color:var(--text-secondary-color, #6b7280)}.slogan-text{font-size:15px;line-height:1.6;color:var(--text-color, #374151);margin:0;font-style:italic;letter-spacing:-.025em}.dialog-footer{border-top:1px solid var(--divider-color, #f3f4f6);padding-top:16px;height:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogEnter{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialogExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@media(prefers-color-scheme:dark){.user-display-dialog-panel,.dialog-header{background:#1f2937;border-color:#374151}.exp-section{background:#374151}.exp-value{background:#1f2937}.exp-bar{background:#4b5563}.slogan-card,.dialog-footer{border-color:#374151}.user-display-btn{background:#374151;color:#9ca3af;box-shadow:0 1px 3px #0003}.user-display-btn:hover{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.user-display-btn.works-btn:hover{background:#10b981;box-shadow:0 4px 12px #10b9814d}.user-display-btn.close-btn:hover{background:#ef4444;box-shadow:0 4px 12px #ef44444d}}@media(prefers-reduced-motion:reduce){.user-display-dialog-root,.user-display-btn,.exp-fill{animation:none!important;transition:none!important}}.user-display-btn:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.user-display-dialog-root:focus-visible{outline:none}.user-display-bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInOverlay .3s ease-out}@media(min-width:769px){.user-display-bottom-sheet-overlay{align-items:center;padding:20px}}.user-display-bottom-sheet{width:100%;max-height:80vh;background:var(--surface-color, #ffffff);border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #00000026;animation:slideInUp .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;overflow:hidden}@media(min-width:769px){.user-display-bottom-sheet{width:500px;max-width:90vw;max-height:70vh;border-radius:16px;box-shadow:0 16px 48px #0003;animation:modalSlideIn .3s cubic-bezier(.25,.46,.45,.94)}}.user-display-bottom-sheet-handle{display:flex;justify-content:center;padding:8px 0 4px;cursor:grab}@media(min-width:769px){.user-display-bottom-sheet-handle{display:none}}.user-display-bottom-sheet-handle-bar{width:36px;height:4px;background:var(--handle-color, #d1d5db);border-radius:2px}.user-display-bottom-sheet-header{display:flex;flex-direction:column;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.08);position:relative}.user-display-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;padding:8px;border-radius:20px;color:var(--text-secondary-color, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:36px;height:36px}.user-display-close-btn:hover{background:#0000000d}.user-display-close-btn:active{transform:scale(.9);background:#0000001a}.user-display-home-btn{position:absolute;top:16px;right:60px;background:none;border:none;padding:8px;border-radius:20px;color:var(--text-secondary-color, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:36px;height:36px;font-size:20px;z-index:1}.user-display-home-btn:hover{background:#0000000d;color:var(--color-primary, #3b82f6)}.user-display-home-btn:active{transform:scale(.9);background:#0000001a}.user-display-profile{display:flex;align-items:center;gap:16px;margin:8px 0}.user-display-avatar-wrapper{position:relative;flex-shrink:0}.user-display-avatar{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid rgba(0,0,0,.08)}.user-display-level-badge{position:absolute;bottom:-5px;right:-5px;background:var(--color-primary, #3b82f6);color:#fff;padding:3px 6px;border-radius:10px;font-size:12px;font-weight:600;border:2px solid white;line-height:1}.user-display-info{flex:1;min-width:0}.user-display-name-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.user-display-name{font-size:18px;font-weight:600;color:var(--text-color, #1a1a1a);margin:0;line-height:1.2}.user-display-gender-icon{font-size:16px}.user-display-gender-icon.male{color:#42a5f5}.user-display-gender-icon.female{color:#ec407a}.user-display-gender-icon.robot{color:#66bb6a}.user-display-badges{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.user-display-role-badge{padding:2px 8px;border-radius:20px;font-size:12px;font-weight:500}.user-display-role-badge.vip{background:#fef3c7;color:#92400e}.user-display-role-badge.knight{background:#fee2e2;color:#b91c1c}.user-display-verified-icon{color:var(--color-primary, #3b82f6);font-size:16px}.user-display-title{display:inline-block;font-size:12px;padding:2px 8px;background:#00000008;border-radius:20px;color:var(--text-secondary-color, #6b7280);font-weight:500}.user-display-exp{display:flex;align-items:center;gap:8px}.user-display-exp-bar{flex:1;height:6px;background:#0000000d;border-radius:3px;overflow:hidden}.user-display-exp-fill{height:100%;background:var(--color-primary, #3b82f6);border-radius:3px}.user-display-exp-text{font-size:12px;color:var(--text-secondary-color, #6b7280);white-space:nowrap}.user-display-content{padding:20px;overflow-y:auto}.user-display-slogan{position:relative;padding:16px 20px;border-radius:12px;background:#00000005;border:1px solid rgba(0,0,0,.05)}.quote-icon{color:var(--text-secondary-color, #6b7280);opacity:.3;font-size:16px;margin-right:4px}.quote-icon.right{margin-left:4px;margin-right:0;transform:rotate(180deg)}.slogan-text{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary-color, #6b7280)}.user-display-no-content{padding:30px 20px;text-align:center;color:var(--text-secondary-color, #6b7280);font-size:14px}@media(prefers-color-scheme:dark){.user-display-bottom-sheet{background:var(--surface-color-dark, #1f2937)}.user-display-title{background:#ffffff1a}.user-display-slogan{background:#ffffff0d;border-color:#ffffff1a}.user-display-exp-bar{background:#ffffff1a}.user-display-home-btn{color:var(--text-secondary-dark, #9ca3af)}.user-display-home-btn:hover{background:#ffffff1a}}@media(max-width:375px){.user-display-bottom-sheet-header{padding:12px 16px}.user-display-avatar{width:56px;height:56px}.user-display-content{padding:16px}.user-display-home-btn{right:56px;width:32px;height:32px;font-size:18px}}.user-display-home-btn:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.comment-menu-container{position:relative;display:inline-block}.comment-actions-menu{position:absolute;right:0;top:100%;z-index:1000;margin-top:.25rem}.comment-menu-items{background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:.5rem 0;min-width:150px;overflow:hidden}.comment-menu-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;font-size:.875rem;color:#374151;background:none;border:none;cursor:pointer;transition:all .15s ease;text-align:left}.comment-menu-item:hover,.comment-menu-item--active{background-color:#f3f4f6;color:#111827}.comment-menu-item--danger{color:#dc2626}.comment-menu-item--danger:hover,.comment-menu-item--danger.comment-menu-item--active{background-color:#fef2f2;color:#b91c1c}.comment-menu-item:disabled{opacity:.5;cursor:not-allowed}.comment-menu-item-icon{width:1rem;height:1rem;margin-right:.75rem;flex-shrink:0}.comment-menu-divider{height:1px;background-color:#e5e7eb;margin:.5rem 0}.comment-pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-color-scheme:dark){.comment-menu-items{background:#1f2937;border-color:#374151}.comment-menu-item{color:#d1d5db}.comment-menu-item:hover,.comment-menu-item--active{background-color:#374151;color:#f9fafb}.comment-menu-item--danger{color:#f87171}.comment-menu-item--danger:hover,.comment-menu-item--danger.comment-menu-item--active{background-color:#7f1d1d;color:#fca5a5}.comment-menu-divider{background-color:#4b5563}}.reply-list{--reply-bg-primary: #f8fafc;--reply-bg-hover: #f1f5f9;--reply-border-color: #e2e8f0;--reply-connector-color: #3b82f6;--reply-bg-primary-dark: #1e293b;--reply-bg-hover-dark: #334155;--reply-border-color-dark: #475569;--reply-connector-color-dark: #60a5fa;--reply-avatar-size: 32px;--reply-spacing: .75rem;--reply-border-radius: .5rem;--reply-connector-width: 2px;--reply-like-color: #ef4444}.top-comment-replies{--reply-bg-primary: #fef3c7;--reply-bg-hover: #fde68a;--reply-border-color: #f0c674;--reply-connector-color: #f59e0b}@media(prefers-color-scheme:dark){.reply-list{--reply-bg-primary: var(--reply-bg-primary-dark);--reply-bg-hover: var(--reply-bg-hover-dark);--reply-border-color: var(--reply-border-color-dark);--reply-connector-color: var(--reply-connector-color-dark)}.top-comment-replies{--reply-bg-primary: #451a03;--reply-bg-hover: #7c2d12;--reply-border-color: #a16207;--reply-connector-color: #fbbf24}}.reply-list{margin-top:1rem;padding:1rem;background-color:var(--reply-bg-primary);border:1px solid var(--reply-border-color);border-radius:var(--reply-border-radius);position:relative;opacity:0;transform:translateY(-8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.reply-list--visible{opacity:1;transform:translateY(0)}.reply-list:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--reply-connector-width);background:linear-gradient(to bottom,var(--reply-connector-color),var(--reply-connector-color) 60%,transparent);border-radius:1px}.reply-list-container{display:flex;flex-direction:column;gap:var(--reply-spacing);position:relative}.reply-item{display:flex;gap:.75rem;padding:.75rem;border-radius:var(--reply-border-radius);transition:background-color .2s ease;position:relative;opacity:0;transform:translate(-12px);transition:all .3s ease}.reply-item--visible{opacity:1;transform:translate(0)}.reply-item:hover{background-color:var(--reply-bg-hover)}.reply-connector{position:absolute;left:-1rem;top:1.5rem;width:.75rem;height:var(--reply-connector-width);background-color:var(--reply-connector-color);opacity:.4}.reply-avatar-wrapper{flex-shrink:0}.reply-avatar{width:var(--reply-avatar-size);height:var(--reply-avatar-size);border-radius:8px;object-fit:cover;border:2px solid var(--reply-border-color);box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.reply-item:hover .reply-avatar{transform:scale(1.02);border-color:var(--reply-connector-color)}.top-comment-replies .reply-avatar{border-radius:10px;box-shadow:0 2px 6px #f59e0b33}.reply-content{flex:1;min-width:0}.reply-load-more{margin-top:1rem;text-align:center}.reply-load-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:transparent;border:1px solid var(--reply-border-color);color:#6b7280;border-radius:var(--reply-border-radius);cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease}.reply-load-more-btn:hover{background-color:var(--reply-bg-hover);border-color:var(--reply-connector-color);color:var(--reply-connector-color)}.reply-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.reply-load-icon{font-size:.75rem}.animate-spin{animation:spin 1s linear infinite}.reply-empty{text-align:center;padding:2rem 1rem;color:#9ca3af}.reply-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.reply-empty-text{font-size:.875rem;margin:0;font-weight:400}@media(max-width:768px){.reply-list{padding:.75rem;--reply-avatar-size: 28px;--reply-spacing: .5rem}.reply-item{padding:.5rem;gap:.5rem}.reply-connector{left:-.75rem;width:.5rem}.reply-load-more-btn{padding:.5rem .75rem;font-size:.6875rem}.reply-empty{padding:1.5rem .75rem}}@media(prefers-contrast:high){.reply-list{--reply-border-color: #000000;--reply-connector-color: #0000ff}.reply-item{border:1px solid var(--reply-border-color)}}@media(prefers-reduced-motion:reduce){.reply-list,.reply-item,.reply-avatar,.reply-load-more-btn{transition:none}.animate-spin{animation:none}}.comment-wrapper{position:relative;margin-bottom:16px}.comment-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--shadow-light);transition:all .3s ease;position:relative;overflow:hidden}.comment-card:hover{box-shadow:var(--shadow-medium);border-color:var(--border-secondary-color)}@media(min-width:769px){.comment-card{display:flex;gap:16px}}@media(max-width:768px){.comment-card{display:block;padding:14px}.comment-content{overflow:hidden}.comment-actions-wrapper--mobile-only{display:block;width:100%;margin-top:8px;padding-top:8px;position:relative}.comment-actions-wrapper--mobile-only:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,transparent 68px,var(--border-color) 68px,var(--border-color) 100%)}.comment-actions-wrapper--desktop-only{display:none}}@media(min-width:769px){.comment-actions-wrapper--mobile-only{display:none}.comment-actions-wrapper--desktop-only{display:block}}.comment-content{flex:1;min-width:0}.comment-avatar-container{flex-shrink:0;position:relative;padding:2px}.comment-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border, #e5e7eb);box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--color-bg-secondary, #f9fafb);cursor:pointer}.comment-avatar:hover{border-color:var(--color-primary, #ED97B7);box-shadow:0 4px 12px #ed97b733;transform:scale(1.05);opacity:.8}.comment-avatar-container:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #ED97B7) 0%,rgba(237,151,183,.6) 100%);opacity:.1;z-index:-1;transform:scale(1.1);transition:all .3s ease}.comment-avatar-container:after{content:"";position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--color-success, #10b981);border:2px solid var(--color-bg, #ffffff);border-radius:50%;opacity:0;transition:opacity .3s ease}@media(max-width:768px){.comment-avatar-container{float:left;margin-right:12px;margin-bottom:8px;width:56px;height:56px}.comment-avatar-container .comment-avatar{width:56px!important;height:56px!important;border-radius:50%!important}}@media(min-width:769px)and (max-width:1024px){.comment-avatar{width:48px!important;height:48px!important;border-radius:50%!important}}@media(min-width:1025px){.comment-avatar{width:52px!important;height:52px!important;border-radius:50%!important}}@media(min-width:1440px){.comment-avatar{width:56px!important;height:56px!important;border-radius:50%!important}}.comment-username{cursor:pointer;transition:var(--transition-standard, all .3s ease)}.comment-username:hover{color:var(--color-primary, #ff69b4);text-decoration:underline}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.comment-username{font-size:15px;font-weight:600;color:var(--text-color)}.comment-time{font-size:11px;color:var(--text-muted-color);margin-left:auto;font-weight:500}@media(max-width:767px){.comment-time{font-size:var(--comment-meta-font-size-mobile)}}@media print{.comment-time{color:#666;font-size:10pt}}.comment-user-badges{display:flex;align-items:center;gap:6px}.comment-verified-badge{color:var(--color-success);font-size:13px}.comment-gender-icon{font-size:11px}.comment-gender-icon--male{color:#3b82f6}.comment-gender-icon--female{color:#ec4899}.comment-gender-icon--robot{color:var(--text-muted-color)}.comment-level-badge{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);font-size:9px;font-weight:600;padding:2px 5px;border-radius:var(--border-radius-small);line-height:1}.comment-user-title{background:rgba(var(--comment-primary-rgb, 237, 151, 183),.1);color:var(--comment-primary, #ED97B7);font-size:10px;padding:2px 5px;border-radius:5px;font-weight:500}.comment-characters{display:flex;gap:4px;margin:4px 0 6px;flex-wrap:wrap}.comment-character-tag{background:rgba(var(--comment-primary-rgb, 237, 151, 183),.1);color:var(--comment-primary, #ED97B7);font-size:10px;padding:2px 5px;border-radius:5px;font-weight:500;border:1px solid rgba(var(--comment-primary-rgb, 237, 151, 183),.2)}.comment-text{font-size:14px;line-height:1.5;color:var(--text-color);margin:6px 0;font-weight:400}.comment-actions{display:flex;justify-content:space-between;align-items:center;padding-top:4px;margin-top:0}.comment-actions-left{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.comment-actions-right{display:flex;align-items:center}.comment-menu-container{position:relative}.expanding-rotation{animation:expandRotate .3s ease-out}@keyframes expandRotate{0%{transform:rotate(0)}50%{transform:rotate(90deg) scale(1.05)}to{transform:rotate(180deg)}}.expanding-text{animation:textShift .2s ease-out}@keyframes textShift{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.comment-replies-container{overflow:hidden;max-height:0;transition:max-height var(--transition-normal, .3s ease)}.comment-replies-container--expanded{max-height:2000px}.comment-replies-container--expanding{animation:containerExpand .3s ease-out}@keyframes containerExpand{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:2000px;opacity:1;transform:translateY(0)}}.comment-replies-content{padding-top:var(--spacing-md, 16px);animation:contentSlideIn .4s ease-out}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner-small{width:16px;height:16px;border:2px solid var(--color-gray-200, #e5e7eb);border-top:2px solid var(--color-primary, #ED97B7);border-radius:50%;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}.comment-loading-dots{display:flex;align-items:center;justify-content:center;gap:.25rem}.comment-loading-dots span{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--color-primary, #4169e1);opacity:.4;animation:commentDotPulse 1.4s ease-in-out infinite both}.comment-loading-dots span:nth-child(1){animation-delay:-.32s}.comment-loading-dots span:nth-child(2){animation-delay:-.16s}.comment-loading-dots span:nth-child(3){animation-delay:0s}@keyframes commentDotPulse{0%,80%,to{opacity:.4;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}.replies-loading{padding:var(--spacing-lg, 24px) var(--spacing-md, 16px);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.replies-loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md, 16px);padding:var(--spacing-lg, 24px) var(--spacing-md, 16px);background:light-dark(rgba(var(--primary-color-rgb, 237, 151, 183),.06),rgba(var(--primary-color-rgb, 237, 151, 183),.1));border-radius:var(--border-radius-large, 12px);border:1px solid light-dark(rgba(var(--primary-color-rgb, 237, 151, 183),.15),rgba(var(--primary-color-rgb, 237, 151, 183),.25));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;max-width:280px;margin:0 auto;box-shadow:0 4px 12px light-dark(rgba(0,0,0,.05),rgba(0,0,0,.15))}.loading-text{font-size:14px;color:light-dark(var(--card-secondary, #6b7280),var(--card-text, #f9fafb));font-weight:500;text-align:center;margin:0;-webkit-user-select:none;user-select:none}.replies-loading-skeleton{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);margin-bottom:var(--spacing-lg, 24px);width:100%;max-width:400px;margin-left:auto;margin-right:auto}.reply-skeleton-item{display:flex;gap:var(--spacing-sm, 12px);align-items:flex-start;animation:skeletonSlideIn .6s ease-out both;width:100%}.reply-skeleton-item:nth-child(1){animation-delay:.1s}.reply-skeleton-item:nth-child(2){animation-delay:.2s}.reply-skeleton-item:nth-child(3){animation-delay:.3s}@keyframes skeletonSlideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reply-skeleton-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(90deg,light-dark(var(--card-border, #e5e7eb),rgba(255,255,255,.1)) 25%,light-dark(var(--card-highlight, #f9fafb),rgba(255,255,255,.05)) 50%,light-dark(var(--card-border, #e5e7eb),rgba(255,255,255,.1)) 75%);background-size:200% 100%;animation:skeletonLoading 2s infinite linear;flex-shrink:0}.reply-skeleton-content{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.reply-skeleton-header{width:35%;max-width:140px;height:16px;border-radius:6px;background:linear-gradient(90deg,light-dark(var(--card-border, #e5e7eb),rgba(255,255,255,.1)) 25%,light-dark(var(--card-highlight, #f9fafb),rgba(255,255,255,.05)) 50%,light-dark(var(--card-border, #e5e7eb),rgba(255,255,255,.1)) 75%);background-size:200% 100%;animation:skeletonLoading 2s infinite linear}.reply-skeleton-text{height:14px;border-radius:4px;background:linear-gradient(90deg,light-dark(var(--card-border, #e5e7eb),rgba(255,255,255,.1)) 25%,light-dark(var(--card-highlight, #f9fafb),rgba(255,255,255,.05)) 50%,light-dark(var(--card-border, #e5e7eb),rgba(255,255,255,.1)) 75%);background-size:200% 100%;animation:skeletonLoading 2s infinite linear}.reply-skeleton-text:first-of-type{width:85%}.reply-skeleton-text--short{width:60%}@keyframes skeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.comment-replies-container--desktop{display:block}.comment-replies-container--mobile{display:none}@media(max-width:768px){.comment-replies-container--desktop{display:none}.comment-replies-container--mobile{display:block;margin-top:8px;width:100%}.comment-replies-content{padding-top:var(--spacing-sm, 12px)}.reply-skeleton-avatar{width:28px;height:28px}.replies-loading-indicator{padding:var(--spacing-sm, 12px)}}@media(prefers-color-scheme:dark){.reply-skeleton-avatar,.reply-skeleton-header,.reply-skeleton-text{background:linear-gradient(90deg,#ffffff1a 25%,#ffffff0d,#ffffff1a 75%)}.replies-loading-indicator{background:rgba(var(--color-primary-rgb, 237, 151, 183),.08);border-color:rgba(var(--color-primary-rgb, 237, 151, 183),.3)}}@media(prefers-reduced-motion:reduce){.expanding-rotation,.expanding-text,.skeletonSlideIn{animation:none}.comment-replies-container{transition:none}}:root{--comment-padding: 1rem;--comment-padding-mobile: .75rem;--comment-indent: 2rem;--comment-indent-mobile: 1rem;--comment-avatar-size: 40px;--comment-avatar-size-mobile: 32px;--comment-avatar-size-reply: 32px;--comment-avatar-size-reply-mobile: 24px;--comment-font-size: 14px;--comment-font-size-mobile: 13px;--comment-meta-font-size: 12px;--comment-meta-font-size-mobile: 11px;--comment-primary: #ED97B7;--comment-primary-rgb: 237, 151, 183;--comment-bg-color: #ffffff;--comment-bg-color-dark: #1f2937;--comment-border-color: #e5e7eb;--comment-border-color-dark: #374151;--comment-text-color: #374151;--comment-text-color-dark: #e5e7eb;--comment-text-secondary: #6b7280;--comment-text-secondary-dark: #9ca3af;--comment-hover-bg: #f9fafb;--comment-hover-bg-dark: #2d3748;--comment-like-color: #ef4444}@media(prefers-color-scheme:dark){:root{--comment-bg-color: var(--comment-bg-color-dark);--comment-border-color: var(--comment-border-color-dark);--comment-text-color: var(--comment-text-color-dark);--comment-text-secondary: var(--comment-text-secondary-dark);--comment-hover-bg: var(--comment-hover-bg-dark)}}.top-comment-wrapper{position:relative;margin-bottom:24px;padding-top:40px}.top-comment-card{background:linear-gradient(135deg,#fff9e6,#fff3d3);border:1px solid #f0c674;border-radius:16px;padding:20px;box-shadow:0 4px 12px #f0c67426;transition:all .3s ease;position:relative;overflow:hidden}@media(min-width:769px){.top-comment-card{display:flex;gap:16px}.top-comment-actions-wrapper--mobile-only{display:none}.top-comment-actions-wrapper--desktop-only{display:block}}@media(max-width:768px){.top-comment-card{display:block;padding:16px}.top-comment-avatar-container{float:left;margin-right:12px;margin-bottom:8px}.top-comment-content{overflow:hidden}.top-comment-actions-wrapper--mobile-only{display:block;width:100%;margin-top:8px;padding-top:8px;position:relative}.top-comment-actions-wrapper--mobile-only:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,transparent 60px,rgba(245,158,11,.2) 60px,rgba(245,158,11,.2) 100%)}.top-comment-actions-wrapper--desktop-only{display:none}}.top-comment-avatar-container{flex-shrink:0;position:relative}.top-comment-avatar{width:48px;height:48px;border-radius:12px;object-fit:cover;border:2px solid #f59e0b;box-shadow:0 2px 8px #f59e0b4d}.top-comment-avatar-container:after{content:"✨";position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;border:2px solid white;box-shadow:0 2px 4px #f59e0b66}.top-comment-content{flex:1;min-width:0}.top-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.top-comment-username{font-size:16px;font-weight:700;color:#92400e;text-shadow:0 1px 2px rgba(245,158,11,.2)}.top-comment-user-badges{display:flex;align-items:center;gap:6px}.top-comment-verified-badge{color:#10b981;font-size:14px}.top-comment-level-badge{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--border-radius-small);line-height:1}.top-comment-user-title{background:#92400e1a;color:#92400e;font-size:11px;padding:2px 6px;border-radius:6px;font-weight:500}.top-comment-time{font-size:12px;color:#a16207;margin-left:auto;font-weight:500}.top-comment-text{font-size:15px;line-height:1.6;color:#1f2937;margin:8px 0 12px;font-weight:500;text-shadow:0 1px 1px rgba(255,255,255,.8)}.top-comment-replies-container--desktop{display:block}.top-comment-replies-container--mobile{display:none}@media(max-width:768px){.top-comment-replies-container--desktop{display:none}.top-comment-replies-container--mobile{display:block;margin-top:8px;width:100%}}.comment-form-modern{--comment-primary: var(--color-primary, #ED97B7);--comment-primary-hover: var(--color-primary-dark, #d87fa8);--comment-primary-rgb: var(--color-primary-rgb, 237, 151, 183);--comment-surface: var(--surface-color, #ffffff);--comment-surface-hover: var(--color-gray-100, #f8fafc);--comment-border: var(--border-color, #e2e8f0);--comment-border-focus: var(--color-primary, #ED97B7);--comment-text: var(--text-color, #1e293b);--comment-text-secondary: var(--text-secondary-color, #64748b);--comment-text-placeholder: var(--text-muted-color, #94a3b8);--comment-success: var(--color-success, #059669);--comment-error: var(--color-error, #dc2626);--comment-warning: var(--color-warning, #d97706);--comment-shadow: var(--shadow-color, 0 1px 3px 0 rgb(0 0 0 / .1)), 0 1px 2px -1px rgb(0 0 0 / .1);--comment-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--comment-radius: 12px;--comment-radius-full: 9999px;--comment-transition: all .3s cubic-bezier(.4, 0, .2, 1);--comment-transition-fast: all .15s ease-out;position:relative;transition:var(--comment-transition);overflow:hidden}.comment-form-modern{position:relative;transition:var(--comment-transition);overflow:hidden}.comment-form-modern--collapsed{background:var(--comment-surface);border:1px solid var(--comment-border);border-radius:10px;box-shadow:0 2px 8px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:text;position:relative;overflow:hidden}.comment-form-modern--collapsed:hover{border-color:var(--comment-primary);box-shadow:0 4px 16px #00000014,0 0 0 1px rgba(var(--comment-primary-rgb, 237, 151, 183),.1);transform:translateY(-2px)}.comment-form-modern--collapsed:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--comment-primary-rgb, 237, 151, 183),.03) 0%,transparent 60%);opacity:0;transition:opacity .25s ease}.comment-form-modern--collapsed:hover:before{opacity:1}.comment-form-modern--expanded{background:var(--comment-surface);border:2px solid var(--comment-border-focus);border-radius:var(--comment-radius);box-shadow:var(--comment-shadow-lg);transform:translateY(-2px)}.comment-form-modern--focused{border-color:var(--comment-primary)}.comment-form-modern--loading{pointer-events:none;opacity:.7}.comment-form-modern--reply{border-color:var(--comment-primary);background:linear-gradient(135deg,rgba(var(--comment-primary-rgb, 237, 151, 183),.1),#1e293b)}.comment-form-input-wrapper{display:flex;align-items:flex-start;gap:12px;padding:16px;position:relative}.comment-form-modern--collapsed .comment-form-send-btn,.comment-form-modern--collapsed .comment-form-progress{display:none}.comment-form-modern--collapsed .comment-form-input-wrapper{padding:8px 16px;gap:8px;align-items:center;min-height:32px}.comment-form-modern--collapsed .comment-form-textarea-modern{padding:0;min-height:16px;font-size:14px;line-height:1.3;cursor:text;background:transparent;border:none;outline:none;resize:none;overflow:hidden;color:var(--comment-text);flex:1;font-weight:400}.comment-form-modern--collapsed .comment-form-textarea-modern::placeholder{color:var(--comment-text-placeholder);font-weight:400;opacity:.7;font-size:14px}.comment-form-modern--collapsed:after{content:"✏️";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.4;transition:all .25s ease;pointer-events:none}.comment-form-modern--collapsed:hover:after{opacity:.7;transform:translateY(-50%) scale(1.05)}@media(min-width:769px){.comment-form-modern--collapsed .comment-form-input-wrapper{padding:6px 14px;min-height:28px}.comment-form-modern--collapsed .comment-form-textarea-modern{font-size:13px;min-height:14px}.comment-form-modern--collapsed:after{font-size:12px;right:10px}}@media(max-width:768px){.comment-form-modern--collapsed{border-radius:16px;margin:4px 12px 8px}.comment-form-modern--collapsed .comment-form-input-wrapper{padding:6px 12px;min-height:30px}.comment-form-modern--collapsed .comment-form-textarea-modern{font-size:14px;min-height:16px}.comment-form-modern--collapsed:after{right:10px;font-size:13px}}@media(max-width:480px){.comment-form-modern--collapsed{border-radius:14px;margin:3px 8px 6px}.comment-form-modern--collapsed .comment-form-input-wrapper{padding:5px 10px;min-height:28px}.comment-form-modern--collapsed .comment-form-textarea-modern{font-size:13px;min-height:14px}.comment-form-modern--collapsed:after{font-size:12px;right:8px}}.comment-form-progress{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;margin-top:10px}.comment-form-progress-ring{position:absolute;transform:rotate(-90deg)}.comment-form-progress-ring-background{stroke:var(--comment-border);opacity:.3}.comment-form-progress-ring-progress{stroke:var(--comment-primary);transition:stroke-dashoffset .3s ease}.comment-form-progress-text{position:absolute;font-size:10px;font-weight:600;color:var(--comment-text-secondary)}.comment-form-textarea-modern{flex:1;min-height:44px;padding:12px 16px;border:none;background:transparent;font-size:16px;line-height:1.5;color:var(--comment-text);resize:none;outline:none;transition:var(--comment-transition-fast);font-family:inherit;overflow-y:hidden}.comment-form-textarea-modern::placeholder{color:var(--comment-text-placeholder);opacity:1}.comment-form-send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--comment-radius-full);background:var(--comment-border);color:var(--comment-text-secondary);cursor:pointer;transition:var(--comment-transition-fast);flex-shrink:0;margin-top:0}.comment-form-send-btn--ready{background:var(--comment-primary);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px rgba(var(--comment-primary-rgb),.4)}.comment-form-send-btn:hover:not(:disabled){transform:scale(1.1)}.comment-form-send-btn:active{transform:scale(.95)}.comment-form-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.comment-form-loading-spinner{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.comment-form-expanded-area{padding:0 16px 16px;opacity:0;transform:translateY(-10px);transition:var(--comment-transition);pointer-events:none}.comment-form-expanded-area--visible{opacity:1;transform:translateY(0);pointer-events:auto}.comment-form-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:8px 0;border-top:1px solid var(--comment-border)}.comment-form-toolbar-left{display:flex;align-items:center;gap:4px}.comment-form-toolbar-right{display:flex;align-items:center;gap:12px}.comment-form-char-indicator{display:flex;align-items:baseline;gap:2px;font-size:12px;color:var(--comment-text-secondary);font-weight:500}.comment-form-char-count{font-weight:600}.comment-form-char-max{opacity:.7}.comment-form-action-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--comment-transition-fast);border:none;min-width:60px;height:36px;display:flex;align-items:center;justify-content:center}.comment-form-action-btn--primary{background:var(--comment-primary);color:#fff}.comment-form-action-btn--primary:hover:not(:disabled){background:var(--comment-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--comment-primary-rgb),.4)}.comment-form-action-btn--secondary{background:transparent;color:var(--comment-text-secondary);border:1px solid var(--comment-border)}.comment-form-action-btn--secondary:hover:not(:disabled){background:var(--comment-surface-hover);color:var(--comment-text);border-color:var(--comment-text-secondary)}.comment-form-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.comment-form-tips{display:flex;gap:16px;font-size:11px;color:var(--comment-text-secondary);opacity:.8}.comment-form-tip{display:flex;align-items:center;gap:4px}.comment-form-message{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-top:8px;border-radius:var(--comment-radius);font-size:14px;font-weight:500;animation:slideInUp .3s ease-out}.comment-form-message--error{background:#dc26261a;color:var(--comment-error);border:1px solid rgba(220,38,38,.2)}.comment-form-message--success{background:#0596691a;color:var(--comment-success);border:1px solid rgba(5,150,105,.2)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.comment-form-modern{border-radius:12px;margin:8px 12px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--comment-border)}.comment-form-modern--collapsed{margin:6px 12px 12px;box-shadow:0 1px 4px #00000014}.comment-form-modern--expanded{margin:8px 12px 16px;box-shadow:0 4px 16px #0000001f}.comment-form-input-wrapper{padding:8px 12px;gap:8px;min-height:48px}.comment-form-textarea-modern{font-size:15px;padding:8px 12px;min-height:32px;max-height:120px}.comment-form-expanded-area{padding:0 12px 8px}.comment-form-toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:4px 0}.comment-form-toolbar-left{display:flex;gap:2px}.comment-form-toolbar-right{display:flex;align-items:center;gap:8px}.comment-form-action-btn{padding:6px 12px;height:32px;font-size:14px;border-radius:6px}.comment-form-action-btn--primary{min-width:60px}.comment-form-action-btn--secondary{min-width:50px}.comment-form-char-indicator{font-size:11px;opacity:.7}.comment-form-progress,.comment-form-tips{display:none}.comment-form-send-btn{width:36px;height:36px;border-radius:8px}.comment-form-message{padding:8px 12px;margin-top:4px;font-size:13px;border-radius:8px}.comment-form-modern--reply{margin:4px 12px 8px;background:linear-gradient(135deg,rgba(var(--comment-primary-rgb, 237, 151, 183),.05) 0%,var(--comment-surface) 100%);border-color:var(--comment-primary);border-width:1px}.comment-form-modern--reply .comment-form-input-wrapper{padding:6px 12px}}@media(max-width:480px){.comment-form-modern{margin:4px 8px;border-radius:10px}.comment-form-modern--collapsed{margin:4px 8px 8px}.comment-form-input-wrapper{padding:6px 10px;gap:6px;min-height:44px}.comment-form-textarea-modern{font-size:14px;padding:6px 10px;min-height:30px}.comment-form-expanded-area{padding:0 10px 6px}.comment-form-toolbar{padding:2px 0;margin-bottom:6px}.comment-form-send-btn{width:32px;height:32px}.comment-form-action-btn{height:30px;font-size:13px;padding:4px 10px}}@media(max-width:768px){.comment-form-modern+.comic-list{margin-top:16px}}@media(max-width:768px){.tab-content .comment-form-modern{margin-left:8px;margin-right:8px}.tab-content .comment-form-modern--collapsed{margin-bottom:8px}}@media(min-width:769px){.comment-form-char-indicator{display:none}.comment-form-progress-text{display:block}.comment-form-tips{display:flex;gap:16px;font-size:11px;color:var(--comment-text-secondary);opacity:.8;justify-content:center}}@media(prefers-color-scheme:dark){:root{--comment-surface: #1e293b;--comment-surface-hover: #334155;--comment-border: #475569;--comment-border-focus: #60a5fa;--comment-text: #f1f5f9;--comment-text-secondary: #94a3b8;--comment-text-placeholder: #64748b}.comment-form-modern--reply{background:linear-gradient(135deg,rgba(var(--comment-primary-rgb, 237, 151, 183),.1),#1e293b)}}@media(prefers-contrast:high){.comment-form-modern{border-width:3px}.comment-form-action-btn{border-width:2px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.comment-skeleton-container{display:flex;flex-direction:column;gap:1rem}.comment-skeleton{background:linear-gradient(90deg,var(--surface-secondary-color) 25%,var(--hover-bg-color) 50%,var(--surface-secondary-color) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.comment-skeleton--reply{opacity:.8;transform:scale(.95)}.top-comment-skeleton{margin-bottom:1rem}.top-comment-badge{margin-bottom:.5rem}.reply-list-skeleton{margin-left:2rem;border-left:2px solid var(--border-color);padding-left:1rem}@media(prefers-color-scheme:dark){.comment-skeleton{background:linear-gradient(90deg,var(--surface-secondary-color) 25%,var(--hover-bg-color) 50%,var(--surface-secondary-color) 75%)}}:root[data-mode=dark] .comment-skeleton{background:linear-gradient(90deg,var(--surface-secondary-color) 25%,var(--hover-bg-color) 50%,var(--surface-secondary-color) 75%)}.auto-load-indicator-container{display:flex;justify-content:center;padding:var(--spacing-xl, 32px) 0}.auto-load-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 16px);opacity:.7;transition:opacity var(--transition-normal, .3s ease)}.auto-load-indicator:hover{opacity:1}.auto-load-wave{display:flex;gap:3px;align-items:end}.auto-load-wave .wave-bar{width:3px;background:var(--color-primary, #ED97B7);border-radius:2px;animation:autoLoadWaveHeight 1.2s ease-in-out infinite}.auto-load-wave .wave-bar:nth-child(1){height:10px;animation-delay:0s}.auto-load-wave .wave-bar:nth-child(2){height:14px;animation-delay:.1s}.auto-load-wave .wave-bar:nth-child(3){height:18px;animation-delay:.2s}.auto-load-wave .wave-bar:nth-child(4){height:14px;animation-delay:.3s}.auto-load-wave .wave-bar:nth-child(5){height:10px;animation-delay:.4s}@keyframes autoLoadWaveHeight{0%,40%,to{transform:scaleY(.4);opacity:.6}20%{transform:scaleY(1);opacity:1}}.auto-load-text{font-size:14px;color:var(--text-muted-color, #6b7280);font-weight:400;letter-spacing:.01em;text-align:center}@media(max-width:768px){.auto-load-indicator-container{padding:var(--spacing-lg, 24px) 0}.auto-load-text{font-size:13px}.auto-load-wave .wave-bar{width:2.5px}.auto-load-wave .wave-bar:nth-child(1){height:8px}.auto-load-wave .wave-bar:nth-child(2){height:12px}.auto-load-wave .wave-bar:nth-child(3){height:16px}.auto-load-wave .wave-bar:nth-child(4){height:12px}.auto-load-wave .wave-bar:nth-child(5){height:8px}}.reply-bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInOverlay .3s ease-out}@media(min-width:769px){.reply-bottom-sheet-overlay{align-items:center;padding:20px}}.reply-bottom-sheet{width:100%;max-height:80vh;background:var(--surface-color, #ffffff);border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #00000026;animation:slideInUp .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;overflow:hidden}@media(min-width:769px){.reply-bottom-sheet{width:500px;max-width:90vw;max-height:70vh;border-radius:16px;box-shadow:0 16px 48px #0003;animation:modalSlideIn .3s cubic-bezier(.25,.46,.45,.94)}}.reply-bottom-sheet-handle{display:flex;justify-content:center;padding:8px 0 4px;cursor:grab}@media(min-width:769px){.reply-bottom-sheet-handle{display:none}}.reply-bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(0,0,0,.08)}.reply-bottom-sheet-title h3{font-size:18px;font-weight:600;color:var(--text-color, #1a1a1a);margin:0 0 2px;line-height:1.2}.reply-target-info{font-size:13px;color:var(--text-secondary-color, #6b7280);margin:0;line-height:1.2}.reply-bottom-sheet-close{background:none;border:none;padding:8px;border-radius:20px;color:var(--text-secondary-color, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:36px;height:36px}.reply-bottom-sheet-close:hover{background:#0000000d}.reply-bottom-sheet-close:active{transform:scale(.9);background:#0000001a}.reply-target-preview{display:flex;gap:12px;padding:16px 20px;background:#00000005;border-bottom:1px solid rgba(0,0,0,.05)}.reply-target-avatar{flex-shrink:0}.reply-target-avatar img{width:32px;height:32px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,0,0,.08)}.reply-target-content{flex:1;min-width:0}.reply-target-username{font-size:14px;font-weight:600;color:var(--text-color, #1a1a1a);margin-bottom:4px;line-height:1.2}.reply-target-text{font-size:13px;color:var(--text-secondary-color, #6b7280);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reply-bottom-sheet-form{flex:1;display:flex;flex-direction:column;padding:20px;gap:16px}.reply-input-container{position:relative;flex:1}.reply-textarea{width:100%;min-height:80px;max-height:120px;padding:16px;border:1px solid rgba(0,0,0,.1);border-radius:16px;font-size:16px;line-height:1.5;color:var(--text-color, #1a1a1a);background:#00000005;resize:none;outline:none;transition:all .2s ease;font-family:inherit}.reply-textarea:focus{border-color:var(--color-primary, #3b82f6);background:var(--surface-color, #ffffff);box-shadow:0 0 0 3px rgba(var(--comment-primary-rgb, 237, 151, 183),.1)}.reply-textarea::placeholder{color:var(--text-secondary-color, #9ca3af)}.reply-textarea:disabled{opacity:.6;cursor:not-allowed}.reply-char-count{position:absolute;bottom:8px;right:12px;font-size:12px;color:var(--text-secondary-color, #9ca3af);background:var(--surface-color, #ffffff);padding:2px 6px;border-radius:6px;border:1px solid rgba(0,0,0,.05);pointer-events:none}.reply-char-count.warning{color:#f59e0b;border-color:#f59e0b;background:#f59e0b1a}.reply-char-count.error{color:#ef4444;border-color:#ef4444;background:#ef44441a}.reply-bottom-sheet-footer{padding-top:16px;border-top:1px solid rgba(0,0,0,.05)}.reply-form-actions{display:flex;gap:12px;align-items:center}.reply-cancel-btn{flex:1;padding:14px 20px;background:none;color:var(--text-secondary-color, #6b7280);border:1px solid rgba(0,0,0,.1);border-radius:24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:48px}.reply-cancel-btn:hover{background:#00000005;border-color:#00000026}.reply-cancel-btn:active{transform:scale(.98);background:#0000000d}.reply-cancel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.reply-submit-btn{flex:2;padding:14px 24px;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;min-height:48px;position:relative}.reply-submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--comment-primary-rgb, 237, 151, 183),.3)}.reply-submit-btn:active{transform:translateY(0)}.reply-submit-btn:disabled{background:var(--text-secondary-color, #9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.reply-submit-btn.loading{pointer-events:none}.reply-submit-icon{font-size:14px;transition:all .2s ease}.reply-message{padding:12px 16px;border-radius:12px;font-size:14px;display:flex;align-items:center;gap:8px;margin-top:8px;animation:slideInMessage .3s ease-out}@keyframes slideInMessage{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reply-message--error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.reply-message--success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}@media(max-width:375px){.reply-bottom-sheet-form{padding:16px}.reply-target-preview,.reply-bottom-sheet-header{padding:12px 16px}.reply-textarea{font-size:16px;padding:12px}.reply-form-actions{gap:8px}.reply-cancel-btn,.reply-submit-btn{font-size:15px;padding:12px 16px;min-height:44px}}@media(prefers-color-scheme:dark){.reply-bottom-sheet{background:var(--surface-color-dark, #1f2937)}.reply-bottom-sheet-handle-bar{background:#ffffff4d}.reply-target-preview{background:#ffffff05}.reply-textarea{background:#ffffff05;border-color:#ffffff1a;color:var(--text-primary-dark, #f9fafb)}.reply-textarea:focus{background:var(--surface-color-dark, #1f2937)}.reply-char-count{background:var(--surface-color-dark, #1f2937);border-color:#ffffff1a}}@media(max-height:600px){.reply-bottom-sheet{max-height:90vh}.reply-target-preview{display:none}}.reply-bottom-sheet:focus-within{outline:none}.reply-cancel-btn:focus,.reply-submit-btn:focus,.reply-bottom-sheet-close:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.comment-list{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem);padding:0;margin:0;list-style:none}.comment-list-container{background:var(--surface-color, #fff);border-radius:var(--border-radius-large, 12px);padding:var(--spacing-md, 1rem);margin:var(--spacing-sm, .5rem) 0 var(--spacing-lg, 1.5rem);box-shadow:0 1px 3px var(--shadow-color, rgba(0, 0, 0, .1));border:1px solid var(--border-color, #e5e7eb)}.comment-manual-load{display:flex;justify-content:center;padding:var(--spacing-xl, 32px) 0;cursor:pointer;transition:opacity var(--transition-fast, .2s ease)}.comment-manual-load:hover{opacity:.8}.manual-load-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm, 8px)}.load-more-icon{font-size:20px;color:var(--color-primary, #ED97B7);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.load-more-text{font-size:14px;color:var(--text-secondary-color, #4b5563);font-weight:500}.comment-end{display:flex;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-xl, 32px) 0;margin:var(--spacing-lg, 24px) 0}.end-line{flex:1;height:1px;background:linear-gradient(to right,transparent 0%,var(--border-color, #e5e7eb) 20%,var(--border-color, #e5e7eb) 80%,transparent 100%)}.comment-scroll-top{position:fixed;bottom:var(--spacing-lg, 24px);right:var(--spacing-lg, 24px);width:48px;height:48px;border-radius:50%;background:var(--color-primary, #ED97B7);color:var(--button-primary-text-color, #fff);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 237, 151, 183),.3);transition:all var(--transition-normal, .3s ease);z-index:1000;opacity:0;transform:translateY(16px)}.comment-scroll-top--visible{opacity:1;transform:translateY(0)}.comment-scroll-top:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb, 237, 151, 183),.4)}.comment-list-error{text-align:center;padding:var(--spacing-xl, 32px) var(--spacing-md, 16px);background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius-large, 12px);margin:var(--spacing-md, 16px) 0}.comment-list-error-title{color:#ef4444;margin:var(--spacing-sm, 8px) 0;font-size:16px;font-weight:600}.comment-list-error-description{color:var(--text-secondary-color, #6b7280);margin:var(--spacing-sm, 8px) 0 var(--spacing-md, 16px);font-size:14px}.comment-list-retry-button{background:#ef4444;color:#fff;border:none;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);border-radius:var(--border-radius-medium, 8px);cursor:pointer;font-size:14px;font-weight:500;transition:background var(--transition-fast, .2s ease)}.comment-list-retry-button:hover{background:#dc2626}.comment-list-empty{text-align:center;padding:var(--spacing-xl, 48px) var(--spacing-md, 16px);background:var(--color-gray-50, #f9fafb);border:1px dashed var(--border-color, #e5e7eb);border-radius:var(--border-radius-large, 12px);margin:var(--spacing-md, 16px) 0}.comment-list-empty-title{color:var(--text-color, #374151);margin:var(--spacing-md, 12px) 0 var(--spacing-sm, 8px);font-size:18px;font-weight:600}.comment-list-empty-description{color:var(--text-secondary-color, #6b7280);margin:0;font-size:14px}@media(max-width:768px){.comment-list-container{padding:var(--spacing-sm, 12px);margin:var(--spacing-xs, 4px) var(--spacing-xs, 8px) var(--spacing-lg, 20px);border-radius:var(--border-radius-medium, 8px);box-shadow:0 1px 2px var(--shadow-color, rgba(0, 0, 0, .06))}.comment-manual-load{padding:var(--spacing-md, 16px) 0}.comment-scroll-top{width:40px;height:40px;bottom:50px;right:var(--spacing-md, 16px)}.comment-list{gap:var(--spacing-sm, 12px)}}@media(max-width:480px){.comment-list-container{padding:var(--spacing-xs, 8px);margin:var(--spacing-xs, 4px) var(--spacing-xs, 6px) var(--spacing-md, 16px);border-radius:var(--border-radius-small, 6px)}.comment-manual-load{padding:var(--spacing-sm, 12px) 0}.comment-scroll-top{bottom:60px}}@media(prefers-color-scheme:dark){.end-line{background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent 100%)}}.report-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.report-dialog-container{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto}.report-dialog-wrapper{display:flex;min-height:100%;align-items:center;justify-content:center;padding:1rem;text-align:center}.report-dialog-panel{width:100%;max-width:28rem;transform:scale(1);overflow:hidden;border-radius:1rem;background-color:#fff;padding:1.5rem;text-align:left;vertical-align:middle;box-shadow:0 25px 50px -12px #00000040;transition:all .3s ease;position:relative}.report-dialog-close-btn{position:absolute;top:1rem;right:1rem;padding:.5rem;color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .2s ease}.report-dialog-close-btn:hover{color:#4b5563}.report-dialog-close-btn:disabled{opacity:.5;cursor:not-allowed}.report-dialog-icon{margin:0 auto 1rem;display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:50%;background-color:#fef2f2}.report-dialog-icon svg{height:1.5rem;width:1.5rem;color:#dc2626}.report-dialog-title{font-size:1.125rem;font-weight:500;line-height:1.5;color:#111827;text-align:center;margin-bottom:.5rem;margin:0}.report-dialog-content{margin-top:.5rem}.report-dialog-description{font-size:.875rem;color:#6b7280;text-align:center;margin-bottom:1rem}.report-dialog-preview{background-color:#f9fafb;border-radius:.5rem;padding:.75rem;margin-bottom:1rem}.report-dialog-preview p{font-size:.875rem;color:#4b5563;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden;margin:0}.report-dialog-form{margin-top:1rem}.report-dialog-form-title{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.75rem}.report-dialog-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.report-dialog-option{display:flex;align-items:center;gap:.5rem}.report-dialog-option input[type=radio]{width:1rem;height:1rem;color:#dc2626;margin:0}.report-dialog-option-label{font-size:.875rem;color:#4b5563;cursor:pointer;flex:1}.report-dialog-buttons{display:flex;gap:.75rem;margin-top:1.5rem}.report-dialog-btn{flex:1;display:inline-flex;justify-content:center;align-items:center;border-radius:.375rem;border:1px solid transparent;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.report-dialog-btn:disabled{opacity:.5;cursor:not-allowed}.report-dialog-btn-cancel{background-color:#fff;color:#374151;border-color:#d1d5db}.report-dialog-btn-cancel:hover:not(:disabled){background-color:#f9fafb}.report-dialog-btn-submit{background-color:#dc2626;color:#fff}.report-dialog-btn-submit:hover:not(:disabled){background-color:#b91c1c}.report-dialog-btn-submit:focus{outline:none;box-shadow:0 0 0 2px #dc262680}.loading-spinner{width:1rem;height:1rem;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;margin-right:.5rem;animation:spin 1s linear infinite}.report-dialog-disclaimer{font-size:.75rem;color:#9ca3af;text-align:center;margin-top:1rem;margin-bottom:0}[data-mode=dark] .report-dialog-panel{background-color:var(--surface-color, #1e293b);color:var(--text-color, #f1f5f9)}[data-mode=dark] .report-dialog-title{color:var(--text-color, #f1f5f9)}[data-mode=dark] .report-dialog-description{color:var(--text-secondary-color, #94a3b8)}[data-mode=dark] .report-dialog-preview{background-color:var(--background-color, #0f172a)}[data-mode=dark] .report-dialog-preview p{color:var(--text-secondary-color, #94a3b8)}[data-mode=dark] .report-dialog-form-title{color:var(--text-color, #f1f5f9)}[data-mode=dark] .report-dialog-option-label{color:var(--text-secondary-color, #94a3b8)}[data-mode=dark] .report-dialog-btn-cancel{background-color:var(--surface-color, #334155);color:var(--text-color, #f1f5f9);border-color:var(--border-color, #475569)}[data-mode=dark] .report-dialog-btn-cancel:hover:not(:disabled){background-color:var(--hover-bg-color, #475569)}[data-mode=dark] .report-dialog-disclaimer{color:var(--text-secondary-color, #64748b)}.report-bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInOverlay .3s ease-out}@media(min-width:769px){.report-bottom-sheet-overlay{align-items:center;padding:20px}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.report-bottom-sheet{width:100%;max-height:85vh;background:var(--surface-color, #ffffff);border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #00000026;animation:slideInUp .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;overflow:hidden}@media(min-width:769px){.report-bottom-sheet{width:520px;max-width:90vw;max-height:80vh;border-radius:16px;box-shadow:0 16px 48px #0003;animation:modalSlideIn .3s cubic-bezier(.25,.46,.45,.94)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.report-bottom-sheet-handle{display:flex;justify-content:center;padding:8px 0 4px;cursor:grab}@media(min-width:769px){.report-bottom-sheet-handle{display:none}}.report-bottom-sheet-handle-bar{width:32px;height:4px;background:var(--text-color-tertiary, #d1d5db);border-radius:2px;transition:background-color .2s ease}.report-bottom-sheet-handle:hover .report-bottom-sheet-handle-bar{background:var(--text-secondary-color, #9ca3af)}.report-bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.report-bottom-sheet-title{display:flex;align-items:center;gap:12px;flex:1}.report-title-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;flex-shrink:0}.report-icon{color:#fff;font-size:18px}.report-title-content h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color-primary, #111827);line-height:1.2}.report-subtitle{margin:2px 0 0;font-size:14px;color:var(--text-secondary-color, #6b7280);line-height:1.3}.report-bottom-sheet-close{display:flex;align-items:center;justify-content:center;height:36px;background:var(--background-secondary-color, #f3f4f6);border:none;border-radius:8px;color:var(--text-secondary-color, #6b7280);cursor:pointer;transition:all .2s ease;flex-shrink:0}.report-bottom-sheet-close:hover:not(:disabled){background:var(--surface-secondary-color, #e5e7eb);color:var(--text-color-primary, #111827)}.report-bottom-sheet-close:disabled{opacity:.5;cursor:not-allowed}.report-target-preview{padding:16px 20px;background:var(--background-secondary-color, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.report-target-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:500;color:var(--text-secondary-color, #6b7280)}.report-warning-icon{color:#f59e0b;font-size:14px}.report-target-content{background:#fff;border-radius:12px;padding:12px 16px;border:1px solid var(--border-color, #e5e7eb)}.report-target-text{font-size:14px;color:var(--text-color-primary, #111827);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.report-bottom-sheet-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.report-form-content{flex:1;overflow-y:auto;padding:20px}.report-reasons-section{margin-bottom:20px}.report-section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-color-primary, #111827)}.report-reasons-list{display:flex;flex-direction:column;gap:12px}.report-reason-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--background-secondary-color, #f9fafb);border:2px solid var(--border-color, #e5e7eb);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.report-reason-item:hover{background:var(--surface-secondary-color, #f3f4f6);border-color:var(--color-primary, #3b82f6)}.report-reason-item.selected{background:#fef3f2;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.report-reason-radio{display:none}.report-reason-content{flex:1;display:flex;flex-direction:column;gap:4px}.report-reason-label{font-size:15px;font-weight:500;color:var(--text-color-primary, #111827);line-height:1.3}.report-reason-description{font-size:13px;color:var(--text-secondary-color, #6b7280);line-height:1.4}.report-reason-indicator{flex-shrink:0}.radio-circle{width:20px;height:20px;border:2px solid var(--border-color, #d1d5db);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.report-reason-item:hover .radio-circle{border-color:var(--color-primary, #3b82f6)}.report-reason-item.selected .radio-circle{border-color:#ef4444;background:#ef4444}.radio-dot{width:8px;height:8px;background:#fff;border-radius:50%;opacity:0;transform:scale(0);transition:all .2s ease}.report-reason-item.selected .radio-dot{opacity:1;transform:scale(1)}.report-disclaimer{padding:16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px}.report-disclaimer p{margin:0;font-size:13px;color:#92400e;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.disclaimer-icon{color:#f59e0b;font-size:14px;margin-top:1px;flex-shrink:0}.report-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;flex:1}.report-success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:successBounce .6s ease-out}.report-success-icon svg{color:#fff;font-size:36px}@keyframes successBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.report-success-title{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--text-color-primary, #111827)}.report-success-message{margin:0;font-size:16px;color:var(--text-secondary-color, #6b7280);line-height:1.5}.report-success-animation{margin-top:24px}.success-checkmark{width:60px;height:60px;border-radius:50%;border:3px solid #10b981;position:relative;animation:checkmarkScale .8s ease-out}.success-checkmark:after{content:"";position:absolute;top:16px;left:20px;width:12px;height:20px;border:solid #10b981;border-width:0 3px 3px 0;transform:rotate(45deg);animation:checkmarkDraw .4s ease-out .4s both}@keyframes checkmarkScale{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes checkmarkDraw{0%{height:0}to{height:20px}}.report-bottom-sheet-footer{padding:16px 20px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--surface-color, #ffffff);flex-shrink:0}.report-form-actions{display:flex;flex-direction:column;gap:12px}.report-cancel-btn,.report-submit-btn{width:100%;padding:12px 20px;border-radius:10px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.report-cancel-btn{background:var(--background-secondary-color, #f3f4f6);color:var(--text-secondary-color, #6b7280);border:1px solid var(--border-color, #d1d5db)}.report-cancel-btn:hover:not(:disabled){background:var(--surface-secondary-color, #e5e7eb);color:var(--text-color-primary, #111827)}.report-submit-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444433}.report-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.report-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.report-submit-btn.loading{pointer-events:none}.report-submit-icon{font-size:16px}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.report-bottom-sheet-header{padding:14px 16px}.report-form-content{padding:16px}.report-bottom-sheet-footer,.report-target-preview{padding:14px 16px}.report-form-actions{flex-direction:column}.report-reason-item{padding:14px}.report-section-title{font-size:15px}}@media(prefers-color-scheme:dark){.report-bottom-sheet{background:var(--surface-color-dark, #1f2937)}.report-target-preview{background:var(--surface-secondary-color, #111827)}.report-target-content{background:var(--surface-color-dark, #1f2937);border-color:var(--border-color-dark, #374151)}.report-reason-item{background:var(--surface-secondary-color, #111827);border-color:var(--border-color-dark, #374151)}.report-reason-item:hover{background:var(--surface-secondary-color, #1f2937)}.report-reason-item.selected{background:#7f1d1d;border-color:#ef4444}.report-disclaimer{background:#451a03;border-color:#d97706}.report-disclaimer p{color:#f59e0b}.report-cancel-btn{background:var(--surface-secondary-color, #374151);color:var(--text-color-secondary-dark, #d1d5db);border-color:var(--border-color-dark, #4b5563)}}