.engagement-bar{align-items:center;gap:4px;display:flex}.engagement-btn{color:#fff9;cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.engagement-btn:hover{color:#fff;background:#ffffff1a}.engagement-btn.active{color:#e53935;background:#e539351a;border-color:#e5393540}.engagement-btn.bookmarked{color:#fc4c02;background:#fc4c021a;border-color:#fc4c0240}.engagement-static{cursor:default}.engagement-static:hover{color:#fff9;background:#ffffff0f}
.report-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.report-modal{background:var(--bg-primary,#fff);border-radius:12px;width:100%;max-width:420px;padding:24px;box-shadow:0 8px 32px #0003}.report-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.report-modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.report-modal-close{cursor:pointer;color:var(--text-secondary,#666);background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.report-modal-label{color:var(--text-secondary,#666);margin-bottom:12px;font-size:.95rem}.report-modal-message{color:var(--text-primary,#333);margin-bottom:20px;font-size:.95rem}.report-reasons{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.report-reason{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;transition:background .15s;display:flex}.report-reason:hover{background:var(--bg-secondary,#f5f5f5)}.report-reason.selected{background:var(--bg-accent,#f0fdf4);border-color:var(--accent,#2d6a4f)}.report-reason input[type=radio]{accent-color:var(--accent,#2d6a4f)}.report-details{border:1px solid var(--border,#e0ddd8);resize:vertical;background:var(--bg-primary,#fff);width:100%;color:var(--text-primary,#333);border-radius:8px;margin-bottom:16px;padding:10px 12px;font-family:inherit;font-size:.9rem}.report-details:focus{border-color:var(--accent,#2d6a4f);outline:none}.report-modal-actions{justify-content:flex-end;gap:8px;display:flex}.report-modal-btn{cursor:pointer;border:1px solid var(--border,#e0ddd8);background:var(--bg-primary,#fff);color:var(--text-primary,#333);border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background .15s}.report-modal-btn:hover{background:var(--bg-secondary,#f5f5f5)}.report-modal-btn.submit{color:#fff;background:#dc2626;border-color:#dc2626}.report-modal-btn.submit:hover{background:#b91c1c}.report-modal-btn.submit:disabled{opacity:.5;cursor:not-allowed}
.comment-section{border-top:1px solid #ffffff14;padding:12px 0}.comment-section-title{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;padding:0 16px 8px;font-size:12px;font-weight:600}.comment-list{max-height:300px;padding:0 12px;overflow-y:auto}.comment-loading,.comment-empty,.comment-signin-prompt{text-align:center;color:#fff6;padding:16px;font-size:13px}.comment-item{gap:8px;padding:8px 4px;display:flex}.comment-reply{padding-left:8px;position:relative}.comment-thread-line{background:#ffffff14;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:-10px}.comment-deleted .comment-text{color:#ffffff4d;font-style:italic}.comment-avatar{color:#fff9;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.comment-avatar-link{cursor:pointer;transition:opacity var(--transition-fast)}.comment-avatar-link:hover{opacity:.8}.comment-avatar-img{object-fit:cover;width:100%;height:100%}.comment-body-wrap{flex:1;min-width:0}.comment-header{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.comment-author{color:#fff;font-size:12px;font-weight:600}.comment-author-link{cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit}.comment-author-link:hover{color:#fc4c02}.comment-time{color:#ffffff4d;font-size:11px}.comment-text{color:#fffc;word-break:break-word;margin:0;font-size:13px;line-height:1.4}.comment-actions{gap:8px;margin-top:4px;display:flex}.comment-action-btn{color:#fff6;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:11px}.comment-action-btn:hover{color:#fffc}.comment-action-delete:hover{color:#e53935}.comment-edit-form{margin-top:4px}.comment-edit-input{color:#fff;resize:vertical;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;width:100%;padding:6px 8px;font-family:inherit;font-size:13px}.comment-edit-actions{gap:6px;margin-top:4px;display:flex}.comment-form{border-top:1px solid #ffffff0f;padding:8px 12px}.comment-reply-indicator{color:#fff6;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.comment-input{color:#fff;resize:vertical;box-sizing:border-box;width:100%;transition:border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.comment-input:focus{border-color:#fc4c0280;outline:none}.comment-submit-btn{color:#fff;cursor:pointer;transition:background var(--transition-fast);background:#fc4c02;border:none;border-radius:6px;margin-top:6px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:600}.comment-submit-btn:hover:not(:disabled){background:#e04300}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-list::-webkit-scrollbar{width:4px}.comment-list::-webkit-scrollbar-track{background:0 0}.comment-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}
.profile-card-compact{align-items:center;gap:6px;display:inline-flex}.profile-avatar-sm{color:#ffffffb3;background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:600;display:flex;overflow:hidden}.profile-name-compact{color:#fffc;font-size:12px;font-weight:500}.profile-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.profile-card-loading{color:#fff6;padding:12px;font-size:13px}.profile-avatar-lg{color:#ffffffb3;background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex;overflow:hidden}.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-info{flex:1;min-width:0}.profile-name{color:#fff;font-size:15px;font-weight:600}.profile-bio{color:#fff9;margin:4px 0 0;font-size:12px;line-height:1.4}.profile-follow-btn{cursor:pointer;transition:all var(--transition-fast);border-radius:16px;flex-shrink:0;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:600}.profile-follow-btn:not(.following){color:#fff;background:#fc4c02;border:1px solid #fc4c02}.profile-follow-btn:not(.following):hover{background:#e04300}.profile-follow-btn.following{color:#ffffffb3;background:0 0;border:1px solid #fff3}.profile-follow-btn.following:hover{color:#e53935;border-color:#e53935}.profile-follow-btn:disabled{opacity:.5;cursor:not-allowed}
.tr-section{border-top:1px solid #ffffff14;padding:12px 0}.tr-section-title{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;padding:0 16px 8px;font-size:12px;font-weight:600}.tr-list{max-height:400px;padding:0 12px;overflow-y:auto}.tr-loading,.tr-empty,.tr-signin-prompt{text-align:center;color:#fff6;padding:16px;font-size:13px}.tr-report-item{border-bottom:1px solid #ffffff0f;padding:10px 4px}.tr-report-item:last-child{border-bottom:none}.tr-report-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tr-avatar{color:#fff9;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.tr-header-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.tr-author{color:#fff;font-size:12px;font-weight:600}.tr-date{color:#ffffff4d;flex-shrink:0;font-size:11px}.tr-star-rating{color:#f5a623;gap:1px;font-size:12px;display:inline-flex}.tr-star-interactive .tr-star{cursor:pointer;justify-content:center;align-items:center;min-width:20px;min-height:20px;padding:2px;display:inline-flex}.tr-star-interactive .tr-star:hover{transform:scale(1.2)}.tr-report-title{color:#ffffffe6;margin-bottom:4px;font-size:13px;font-weight:600}.tr-report-body{color:#fffc;word-break:break-word;margin:0 0 6px;font-size:13px;line-height:1.4}.tr-conditions{color:#ffffff80;background:#ffffff0a;border-radius:6px;padding:4px 8px;font-size:11px;display:inline-block}.tr-conditions-label{color:#fff9;font-weight:600}.tr-report-actions{gap:8px;margin-top:6px;display:flex}.tr-action-btn{color:#fff6;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:11px}.tr-action-btn:hover{color:#fffc}.tr-action-delete:hover{color:#e53935}.tr-write-btn{color:#fff9;cursor:pointer;width:calc(100% - 24px);transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;min-height:44px;margin:8px 12px;padding:8px 16px;font-family:inherit;font-size:13px;display:block}.tr-write-btn:hover{color:#ffffffd9;background:#ffffff1a}.tr-form{border-top:1px solid #ffffff0f;padding:10px 12px}.tr-input,.tr-textarea{color:#fff;box-sizing:border-box;width:100%;transition:border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:8px;padding:8px 10px;font-family:inherit;font-size:13px}.tr-textarea{resize:vertical}.tr-input:focus,.tr-textarea:focus{border-color:#fc4c0280;outline:none}.tr-input::placeholder,.tr-textarea::placeholder{color:#ffffff4d}.tr-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tr-form-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tr-form-label{color:#ffffff80;align-items:center;gap:8px;font-size:12px;display:flex}.tr-input-half{flex:1;min-width:0}.tr-form-actions{gap:8px;margin-top:4px;display:flex}.tr-submit-btn{color:#fff;cursor:pointer;transition:background var(--transition-fast);background:#fc4c02;border:none;border-radius:6px;min-height:44px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600}.tr-submit-btn:hover:not(:disabled){background:#e04300}.tr-submit-btn:disabled{opacity:.5;cursor:not-allowed}.tr-cancel-btn{color:#ffffff80;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #ffffff1a;border-radius:6px;min-height:44px;padding:8px 14px;font-family:inherit;font-size:13px}.tr-cancel-btn:hover{color:#fffc;background:#ffffff0f}.tr-edit-form{margin-top:6px}.tr-edit-input{color:#fff;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;width:100%;margin-bottom:6px;padding:6px 8px;font-family:inherit;font-size:13px}.tr-edit-input:focus{border-color:#fc4c0280;outline:none}.tr-edit-input::placeholder{color:#ffffff4d}.tr-edit-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tr-edit-textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;width:100%;margin-bottom:6px;padding:6px 8px;font-family:inherit;font-size:13px}.tr-edit-textarea:focus{border-color:#fc4c0280;outline:none}.tr-edit-textarea::placeholder{color:#ffffff4d}.tr-edit-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.tr-edit-label{color:#ffffff80;align-items:center;gap:8px;font-size:12px;display:flex}.tr-edit-actions{gap:6px;margin-top:4px;display:flex}.tr-list::-webkit-scrollbar{width:4px}.tr-list::-webkit-scrollbar-track{background:0 0}.tr-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}