.comments-container{border:2px solid var(--border-color);box-shadow:var(--comic-shadow);background:#09090b;margin-top:40px;padding:24px}.comment-form-card{border:2px solid var(--border-color);box-shadow:var(--comic-shadow-sm);background:#121215;margin-bottom:25px;padding:20px}.comment-form-wrapper{align-items:flex-start;gap:16px;display:flex}.form-avatar-col{flex-shrink:0}.form-avatar{object-fit:cover;background:#000;border:2px solid #fff;width:44px;height:44px}.form-controls-col{flex-direction:column;flex-grow:1;gap:14px;display:flex}.guest-info-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:768px){.comment-form-wrapper{flex-direction:column;gap:12px}.form-avatar-col{display:none}.guest-info-inputs{grid-template-columns:1fr}}.input-group-premium{align-items:center;display:flex;position:relative}.input-icon{color:#71717a;pointer-events:none;font-size:.85rem;position:absolute;left:12px}.premium-text-input{border:2px solid var(--border-color);color:#fff;width:100%;font-size:.85rem;font-family:var(--font-heading);background:#000;outline:none;padding:10px 12px 10px 36px}.premium-text-input:focus{border-color:#fff}.premium-textarea{border:2px solid var(--border-color);color:#fff;width:100%;font-size:.9rem;line-height:1.5;font-family:var(--font-sans);resize:vertical;background:#000;outline:none;padding:12px 14px}.premium-textarea:focus{border-color:#fff}.attachment-preview-box{background:#18181b;border:1px dashed #fff;align-items:center;gap:10px;max-width:max-content;padding:8px 12px;display:inline-flex;position:relative}.preview-image{object-fit:cover;border:1px solid var(--border-color);width:44px;height:44px}.remove-attachment-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;display:flex;position:absolute;top:-6px;right:-6px}.form-actions-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.action-btn-attachment{border:1px solid var(--border-color);color:#fff;font-size:.8rem;font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;background:#18181b;align-items:center;gap:6px;padding:8px 14px;font-weight:800;display:inline-flex}.action-btn-attachment:hover{background:#27272a;border-color:#fff}.btn-submit-comment{color:#000;font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;box-shadow:var(--comic-shadow-sm);background:#fff;border:2px solid #fff;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:900;display:inline-flex}.btn-submit-comment:hover:not(:disabled){background:#e4e4e7;transform:translate(-1px,-1px);box-shadow:4px 4px #000}.comments-list{flex-direction:column;gap:16px;margin-top:20px;display:flex}.comment-item{border:1px solid var(--border-color);background:#121215;gap:14px;padding:16px;display:flex}.comment-avatar{object-fit:cover;background:#000;border:2px solid #fff;flex-shrink:0;width:40px;height:40px}.comment-body{flex-grow:1;min-width:0}.comment-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.comment-author{font-family:var(--font-heading);text-transform:uppercase;color:#fff;font-size:.88rem;font-weight:900}.comment-date{font-family:var(--font-heading);color:#71717a;font-size:.72rem}.comment-text{color:#d4d4d8;word-break:break-word;font-size:.88rem;line-height:1.5}