.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content-holder{display:flex;flex-direction:column;align-items:center;background:#f8f8f8;color:#000;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:2px solid #000;width:auto;max-width:90%;z-index:1001}.close-button{border-radius:.5rem;padding:5px 10px;font-size:.75rem;line-height:1rem;font-weight:700;border:none;background-color:#ff4500;color:#fff;cursor:pointer;white-space:nowrap}.close-button:hover{background-color:#bbb}.friendly-modal-text{margin-bottom:5px;font-size:.875rem;line-height:1.25rem}.friendly-modal-link-text{margin-left:5px;font-size:.875rem;line-height:1.25rem;font-weight:700;text-decoration-line:underline;color:"#007BFF"}.comments-page{display:flex;flex-direction:column;min-height:100vh;background-color:#000;color:#fff;padding:0;margin:0}.commentheader-back-button-container{display:flex}.commentheader-back-button-icon{margin-right:8px;height:15px;width:15px;vertical-align:middle}.commentheader-back-button-text{font-size:.75rem;line-height:1rem}.commentheader-title{display:flex;justify-content:center;gap:5px}.commentheader-comment-logo-icon{height:15px;width:15px}.commentheader-outer{width:140px}.comment{position:relative;display:flex;align-items:flex-start;width:100%;background-color:#222;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);gap:15px;box-sizing:border-box}.comment img{border-radius:50%}.comment-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;margin-left:20px}.comment-author{font-size:14px;font-weight:700;margin-bottom:4px}.comment-time{font-size:12px;color:#aaa;margin-left:5px}.comment-content{font-size:14px;margin-bottom:10px}.comment-actions{display:flex;gap:15px}.reply-button,.upvote-button{background:none;border:none;color:#fff;font-size:14px;display:flex;align-items:center;gap:5px;cursor:pointer}.reply-button:hover,.upvote-button:hover{text-decoration:underline}.add-comment{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;width:100%;background-color:#333;padding:10px 20px;box-shadow:0 -2px 4px rgba(0,0,0,.2)}.add-comment-text{font-size:14px;font-weight:700;color:#aaa;margin-bottom:5px}.add-comment-box{display:flex;align-items:center;gap:10px}.add-comment textarea{flex:1;resize:none;border:1px solid #555;border-radius:8px;padding:10px;font-size:14px;background-color:#000;color:#fff}.add-comment button{padding:10px 20px;border:none;background-color:#ff4500;color:#fff;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;white-space:nowrap}.add-comment button:hover{background-color:tomato}.edit-delete-buttons{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:3}.delete-button,.edit-button{padding:5px 10px;background:none;border:none;cursor:pointer}.delete-button img,.edit-button img{height:20px;width:auto}.report-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;z-index:2}.report-button img{width:24px;height:24px;opacity:.7}.report-button:hover img{opacity:1}.reply-card{position:relative;display:flex;align-items:flex-start;width:100%;background-color:#333;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);gap:15px;box-sizing:border-box}.replies-container{position:relative;margin-left:20px;margin-top:10px;width:calc(100% - 20px)}.reply-card:before{content:"";position:absolute;left:-15px;top:0;bottom:0;width:2px;background-color:#fff;z-index:1}